.game-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.game-hero{text-align:center;margin-bottom:24px}.game-title{font-family:var(--font-fraunces);margin-bottom:6px;font-size:34px;font-weight:700}.game-sub{color:var(--mid);max-width:520px;margin:0 auto;font-size:15px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.game-hud{gap:12px;margin-bottom:12px;display:flex}.game-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;justify-content:space-between;align-items:baseline;padding:10px 16px;display:flex}.game-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--light);font-size:11px;font-weight:700}.game-stat-value{font-family:var(--font-fraunces);color:var(--text);font-size:24px;font-weight:700}.game-stat-value.low{color:var(--danger)}.game-board-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;max-width:min(560px,100dvh - 330px);margin-left:auto;margin-right:auto;padding:10px}.game-board{aspect-ratio:1;width:100%;position:relative}.game-loading{text-align:center;color:var(--mid);padding:80px 0}.game-tile{cursor:pointer;transition:top .22s var(--ease), left .22s var(--ease), transform .15s var(--ease), opacity .2s var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.game-tile:before{content:"";background:var(--game-tile-bg);border:1px solid var(--border);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:18%;position:absolute;inset:5%}.game-tile>svg{z-index:1;position:relative}.game-tile:hover:before{border-color:var(--accent-soft)}.game-tile.selected{z-index:2;transform:scale(1.08)}.game-tile.selected:before{border:2px solid var(--orange);box-shadow:var(--shadow-brand)}.game-tile.clearing{opacity:0;transform:scale(.1)}.game-tile.tile-t0{--game-tile-bg:#fbe8d8}.game-tile.tile-t1{--game-tile-bg:#f1e4d4}.game-tile.tile-t2{--game-tile-bg:#dcebf6}.game-tile.tile-t3{--game-tile-bg:#f6f1e7}.game-tile.tile-t4{--game-tile-bg:#fde4d4}.game-tile.tile-t5{--game-tile-bg:#f9dfe4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .game-tile.tile-t0{--game-tile-bg:#3a2b1c}:root:not([data-theme=light]) .game-tile.tile-t1{--game-tile-bg:#33291d}:root:not([data-theme=light]) .game-tile.tile-t2{--game-tile-bg:#1e2e3c}:root:not([data-theme=light]) .game-tile.tile-t3{--game-tile-bg:#332f24}:root:not([data-theme=light]) .game-tile.tile-t4{--game-tile-bg:#3a2418}:root:not([data-theme=light]) .game-tile.tile-t5{--game-tile-bg:#38222a}}:root[data-theme=dark] .game-tile.tile-t0{--game-tile-bg:#3a2b1c}:root[data-theme=dark] .game-tile.tile-t1{--game-tile-bg:#33291d}:root[data-theme=dark] .game-tile.tile-t2{--game-tile-bg:#1e2e3c}:root[data-theme=dark] .game-tile.tile-t3{--game-tile-bg:#332f24}:root[data-theme=dark] .game-tile.tile-t4{--game-tile-bg:#3a2418}:root[data-theme=dark] .game-tile.tile-t5{--game-tile-bg:#38222a}.game-overlay-note{background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:var(--radius-md);color:var(--accent-soft);z-index:5;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.game-over{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-md);z-index:6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:absolute;inset:0}.game-over h3{font-family:var(--font-fraunces);font-size:24px}.game-over-score{font-family:var(--font-fraunces);color:var(--accent-soft);font-size:44px;font-weight:700}.game-save-note{color:var(--mid);margin-bottom:6px;font-size:13px}.game-again-btn{background:var(--orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur) var(--ease);border:none;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:700}.game-again-btn:hover{background:var(--orange-light)}.game-howto{color:var(--light);text-align:center;margin-top:12px;font-size:13px}.game-leaderboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.game-lb-title{font-family:var(--font-fraunces);margin-bottom:14px;font-size:18px}.game-lb-empty{color:var(--mid);font-size:13px}.game-lb-list{flex-direction:column;gap:6px;list-style:none;display:flex}.game-lb-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.game-lb-row.you{background:var(--orange-pale);font-weight:700}.game-lb-rank{background:var(--surface-2);width:24px;height:24px;color:var(--mid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.game-lb-rank.r1{color:#5c4400;background:#f5c518}.game-lb-rank.r2{color:#3c4148;background:#c9cdd3}.game-lb-rank.r3{color:#4a2e0e;background:#d9a05b}.game-lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.game-lb-score{color:var(--accent-soft);font-weight:700}.game-your-best{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.game-lb-subtitle{text-transform:uppercase;letter-spacing:.5px;color:var(--light);margin-bottom:8px;font-size:12px;font-weight:700}.game-tabs{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.game-tab{border:1.5px solid var(--border);background:var(--surface);color:var(--mid);border-radius:var(--radius-pill);transition:all var(--dur) var(--ease);padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none}.game-tab:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.game-tab.active{background:var(--orange);border-color:var(--orange);color:#fff}.g2048-board{touch-action:none}.g2048-cell{position:absolute}.g2048-cell:before{content:"";background:var(--surface-2);border:1px solid var(--border);border-radius:14%;position:absolute;inset:5%}.g2048-tile{transition:top .13s var(--ease), left .13s var(--ease);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.g2048-tile:before{content:"";background:var(--g2048-bg,var(--surface-3));border:1px solid var(--border);border-radius:14%;position:absolute;inset:5%}.g2048-pet{opacity:.28;justify-content:center;align-items:center;display:flex;position:absolute;inset:8%}.g2048-pet>svg{width:100%!important;height:100%!important}.g2048-num{z-index:2;font-family:var(--font-fraunces);color:var(--text);text-shadow:0 1px 0 color-mix(in srgb, var(--surface) 60%, transparent);font-size:clamp(16px,4.2vw,30px);font-weight:700;position:relative}.g2048-tile.pop:before{animation:g2048-pop .18s var(--ease)}.g2048-tile.spawn:before,.g2048-tile.spawn .g2048-num{animation:g2048-spawn .16s var(--ease)}@keyframes g2048-pop{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes g2048-spawn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.g2048-tile.tier-1{--g2048-bg:#fbf3e8}.g2048-tile.tier-2{--g2048-bg:#f9e9d2}.g2048-tile.tier-3{--g2048-bg:#f7dcb8}.g2048-tile.tier-4{--g2048-bg:#f5cd9b}.g2048-tile.tier-5{--g2048-bg:#f2bc7c}.g2048-tile.tier-6{--g2048-bg:#efa55c}.g2048-tile.tier-7{--g2048-bg:#eb8c3f}.g2048-tile.tier-8{--g2048-bg:#e4732a}.g2048-tile.tier-9{--g2048-bg:#d95e1a}.g2048-tile.tier-10{--g2048-bg:#c8490a}.g2048-tile.tier-11{--g2048-bg:#a93c06}.g2048-tile.tier-8 .g2048-num,.g2048-tile.tier-9 .g2048-num,.g2048-tile.tier-10 .g2048-num,.g2048-tile.tier-11 .g2048-num{color:#fff;text-shadow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g2048-tile.tier-1{--g2048-bg:#2e2418}:root:not([data-theme=light]) .g2048-tile.tier-2{--g2048-bg:#3a2c1a}:root:not([data-theme=light]) .g2048-tile.tier-3{--g2048-bg:#4a351b}:root:not([data-theme=light]) .g2048-tile.tier-4{--g2048-bg:#5c3e1b}:root:not([data-theme=light]) .g2048-tile.tier-5{--g2048-bg:#70471a}:root:not([data-theme=light]) .g2048-tile.tier-6{--g2048-bg:#855018}:root:not([data-theme=light]) .g2048-tile.tier-7{--g2048-bg:#9c5314}}:root[data-theme=dark] .g2048-tile.tier-1{--g2048-bg:#2e2418}:root[data-theme=dark] .g2048-tile.tier-2{--g2048-bg:#3a2c1a}:root[data-theme=dark] .g2048-tile.tier-3{--g2048-bg:#4a351b}:root[data-theme=dark] .g2048-tile.tier-4{--g2048-bg:#5c3e1b}:root[data-theme=dark] .g2048-tile.tier-5{--g2048-bg:#70471a}:root[data-theme=dark] .g2048-tile.tier-6{--g2048-bg:#855018}:root[data-theme=dark] .g2048-tile.tier-7{--g2048-bg:#9c5314}.g2048-newgame{border:1.5px solid var(--border);background:var(--surface);color:var(--mid);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur) var(--ease);padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700}.g2048-newgame:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.tetris-wrap{width:fit-content;margin:0 auto;position:relative}.tetris-canvas{border-radius:var(--radius-md);border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;width:min(80vw,50dvh - 180px,300px);height:auto;display:block}.tetris-wrap .game-over{border-radius:var(--radius-md)}.tetris-start{background:var(--orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--dur) var(--ease);border:none;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tetris-start:hover{background:var(--orange-light)}.tetris-controls{justify-content:center;gap:10px;margin-top:14px;display:flex}.tetris-btn{border:1.5px solid var(--border);background:var(--surface);width:52px;height:46px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.tetris-btn:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.tetris-btn:active{background:var(--orange-pale);transform:scale(.94)}.tetris-btn.wide{width:64px}.tetris-next{flex:none;align-items:center;gap:10px;display:flex}.tetris-next canvas{flex-shrink:0}.flappy-wrap{width:fit-content;margin:0 auto;position:relative}.flappy-canvas{border-radius:var(--radius-md);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:min(88vw,75dvh - 232.5px,420px);height:auto;display:block}.flappy-hint{text-align:center;color:var(--text-muted);pointer-events:none;font-weight:700;animation:1.4s ease-in-out infinite flappy-hint-pulse;position:absolute;top:62%;left:0;right:0}@keyframes flappy-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.flappy-wrap .game-over{border-radius:var(--radius-md)}@media (max-width:900px){.game-layout{grid-template-columns:1fr}.game-page{padding:24px 16px 48px}.game-title{font-size:28px}}@media (max-height:760px){.game-page{padding-top:12px}.game-hero{margin-bottom:10px}.game-sub{display:none}.game-title{margin-bottom:2px;font-size:22px}.game-tabs{margin-bottom:12px}.game-hud{margin-bottom:8px}}