/* Fluffernook Games — arcade page extras (on top of style.css). */
.games-hero { padding: 32px 0 8px; }
.games-hero h1 { margin-top: 14px; }
.games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; }
.game-card { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.game-card .tile { width: 72px; height: 72px; border-radius: 20px; display: grid; place-items: center; font-size: 2.2rem; font-weight: 800; color: #fff; box-shadow: 0 4px 0 rgba(43,33,64,.12); }
.game-card .t-2048 { background: #edc22e; font-size: 1.35rem; letter-spacing: -0.02em; }
.game-card .t-dimlight { background: #2a3a33; color: #e6b422; }
.game-card .t-fluffhex { background: var(--teal); }
.game-card h2 { font-size: 1.35rem; margin: 6px 0 0; }
.game-card p { margin: 0; color: var(--ink-soft); font-size: .97rem; }
.game-card .meta { font-size: .85rem; color: var(--ink-soft); }
.game-card .btn-row { margin-top: auto; padding-top: 10px; }
.studio-link { margin-top: 36px; color: var(--ink-soft); }
.credit-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.credit-table th, .credit-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.credit-table code { font-size: .85em; word-break: break-all; }