.game-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.game-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent);border:2px solid color-mix(in srgb,var(--accent) 22%,transparent);transition:transform var(--dur-fast) ease,background var(--dur-base) ease,border-color var(--dur-base) ease}.game-card:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.game-card:active{transform:translateY(1px) scale(.995)}.game-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.game-card-emoji{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-md);background:var(--surface);font-size:34px;line-height:1}.game-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.game-card-title{font-size:20px;font-weight:800;color:var(--accent)}.game-card-tagline{font-size:13px;color:var(--muted)}.game-card-best{margin-top:2px;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.route-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:48px 0;text-align:center}:root{--font-sans: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 14px;--space-5: 18px;--space-6: 26px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--dur-fast: 80ms;--dur-base: .15s;--dur-slow: .24s;--app-width: 460px;--bg: #f6f4f0;--bg-glow-a: #fdfbf6;--bg-glow-b: #ebe6dc;--surface: #9c9184;--surface-soft: rgba(255, 255, 255, .4);--text: #4c463f;--muted: #8b8279;--accent: #7d7062;--accent-strong: #665b4f;--on-accent: #faf8f4;--focus: #e0a92e}[data-theme=g2048]{--bg: #faf8ef;--bg-glow-a: #fdfbf4;--bg-glow-b: #f2eadc;--surface: #bbada0;--surface-soft: rgba(238, 228, 218, .35);--text: #776e65;--muted: #9d9489;--accent: #8f7a66;--accent-strong: #7f6b59;--on-accent: #f9f6f2;--focus: #edc22e;--app-width: 460px}[data-theme=huarong]{--bg: #f2f7ea;--bg-glow-a: #fbfdf6;--bg-glow-b: #e2edda;--surface: #5e7c4a;--surface-soft: rgba(255, 255, 255, .5);--text: #3c4a35;--muted: #74806c;--accent: #4f7942;--accent-strong: #3e6134;--on-accent: #f7fbf2;--focus: #e7b23d;--app-width: 430px;--piece-hero: #fff6e3;--piece-hero-edge: #e8d5ae;--piece-bamboo: #b9d79a;--piece-bamboo-edge: #98bd77;--piece-wood: #d9b98a;--piece-wood-edge: #c9a36f;--piece-stone: #c9c2ad;--piece-stone-edge: #b3ab93;--piece-hint: #2f7dd1}[data-theme=go]{--bg: #eef1ed;--bg-glow-a: #fafbf8;--bg-glow-b: #d9e2dc;--surface: #d8a85f;--surface-soft: rgba(255, 255, 255, .52);--text: #18231f;--muted: #51625b;--accent: #245647;--accent-strong: #183d33;--on-accent: #f9fbf8;--focus: #d49525;--on-focus: #2c210e;--app-width: 1180px;--go-paper: #f7f5ed;--go-paper-deep: #e9e4d7;--go-board: #d5a45b;--go-board-edge: #9a6933;--go-grid: #4a3420;--go-ink: #111715;--go-white: #f7f6ef;--go-cinnabar: #a94232}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1100px 640px at 12% -10%,var(--bg-glow-a) 0%,transparent 60%),radial-gradient(900px 560px at 112% 112%,var(--bg-glow-b) 0%,transparent 55%),var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;padding:calc(var(--space-6) + env(safe-area-inset-top)) 16px calc(44px + env(safe-area-inset-bottom))}.app{width:min(94vw,var(--app-width));margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.title-box h1{margin:0;font-size:40px;line-height:1;color:var(--accent);letter-spacing:1px}.tagline{margin:6px 0 0;color:var(--muted);font-size:14px}.hud{display:flex;gap:var(--space-2)}.score-box{min-width:76px;padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--on-accent);border-radius:var(--radius-md);text-align:center}.score-label{display:block;font-size:11px;letter-spacing:2px;opacity:.85}.score-value{display:block;font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.score-value.bump{animation:bump .18s ease-out}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn{appearance:none;border:0;cursor:pointer;min-height:44px;padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:14px;font-weight:700;border-radius:var(--radius-md);transition:transform var(--dur-fast) ease,background var(--dur-base) ease}.btn:hover{background:var(--accent-strong)}.btn:active{transform:translateY(1px) scale(.98)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-ghost:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.btn-link{display:inline-flex;align-items:center;text-decoration:none;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.btn-link:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.board-frame{position:relative;width:100%}.board{--gap: 10px;position:relative;width:100%;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 14px 40px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 2px #ffffff1f;touch-action:none;user-select:none}.cells{position:absolute;inset:0;display:grid;gap:var(--gap);padding:var(--gap)}.cell{background:var(--surface-soft);border-radius:var(--radius-sm)}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:24px;background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(2px);border-radius:var(--radius-lg);text-align:center;animation:overlay-in var(--dur-slow) ease-out}.overlay.is-win{background:var(--focus);background:color-mix(in srgb,var(--focus) 72%,transparent)}.overlay-title{margin:0;font-size:32px;font-weight:800;color:var(--accent)}.overlay.is-win .overlay-title,.overlay.is-win .overlay-text{color:var(--on-accent);text-shadow:0 2px 8px rgba(0,0,0,.15)}.overlay-text{margin:0 0 var(--space-1);color:var(--muted);font-size:15px}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@keyframes overlay-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:86vw;padding:var(--space-3) 16px;background:var(--text);background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--on-accent);font-size:13px;border-radius:var(--radius-md);z-index:100;animation:toast-in var(--dur-base) ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hint,.footer{margin:0;text-align:center}.hint{color:var(--muted);font-size:13px;line-height:1.6}.footer{color:var(--muted);opacity:.8;font-size:12px}.footer-nav{display:flex;justify-content:center}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:380px){:root{--space-6: 16px}.board{--gap: 7px}.title-box h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}