:root{--font-display:-apple-system, "SF Pro Display", "Helvetica Neue", Inter, system-ui, sans-serif;--font-body:-apple-system, "SF Pro Text", Inter, system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, monospace;--radius-card:22px;--radius-button:15px;--radius-icon:13px;--radius-logo:7px;--radius-pill:999px;--blur-glass:blur(24px) saturate(180%);--blur-bar:blur(18px) saturate(1.4);--blur-icon:blur(14px) saturate(1.3);--page-max:1080px;--page-pad:22px;--card-pad:20px;--card-gap:16px;--section-gap:48px;--mobile-pad:16px;--header-min-h:54px;--touch-min:44px;--bg:#f4f2ee;--ink:#111114;--ink-sec:#1e1e24b3;--ink-faint:#1e1e246b;--rule:#00000014;--accent:#007aff;--accent-soft:#007aff24;--ok:#2e9e48;--warn:#ff9500;--red:#e5342b;--violet:#8e45c8;--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffbd;--glass-border:#ffffffb3;--bar-bg:#f8f7f59e;--glass-sh:0 1px 3px #0000000d, 0 8px 30px #00000014;--wallpaper:radial-gradient(1200px 600px at 85% -10%, #ffd6a5 0%, transparent 50%), radial-gradient(900px 500px at -10% 30%, #a5c8ff 0%, transparent 55%), radial-gradient(800px 500px at 50% 110%, #ffb3d4 0%, transparent 55%), linear-gradient(180deg, #f9f7f2 0%, #eeedf6 100%);--board-bg:#0000000a;--board-grid:#0000000d;--snake-head:#007aff;--snake-body:#4da2ff;--food:#e5342b;--logo-bg:linear-gradient(150deg, #7aa7ff, #b98cff);--logo-sh:0 1px 3px #5a50c859, inset 0 1px 1px #fff9}[data-theme=dark]{--bg:#0a0a10;--ink:#fff;--ink-sec:#ffffff8c;--ink-faint:#ffffff6b;--rule:#ffffff1a;--accent:#0a84ff;--accent-soft:#0a84ff38;--ok:#30d158;--warn:#ff9f0a;--red:#ff453a;--violet:#bf5af2;--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff2e;--glass-border:#ffffff38;--bar-bg:#16161a99;--glass-sh:0 1px 3px #0006, 0 12px 36px #00000080;--wallpaper:radial-gradient(900px 500px at 100% -10%, #3a1e6b 0%, transparent 55%), radial-gradient(900px 500px at -10% 50%, #0f3b6c 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #6b1e4a 0%, transparent 55%), linear-gradient(180deg, #0a0a10 0%, #14121d 100%);--board-bg:#ffffff0a;--board-grid:#ffffff0d;--snake-head:#0a84ff;--snake-body:#4dabff;--food:#ff453a}*,:before,:after{box-sizing:border-box}html,body{min-height:100dvh;margin:0}body{background:var(--wallpaper);min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;display:flex}#app{min-height:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex:auto;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.sn-stage{justify-content:center;align-items:center;gap:var(--card-gap);width:100%;min-height:0;max-width:var(--page-max);padding:var(--mobile-pad);flex-direction:column;flex:auto;margin:0 auto;display:flex}@media (min-width:900px){.sn-stage{padding:var(--page-pad)}}.sn-hud{gap:10px;width:100%;max-width:min(72vh,560px);display:flex}.sn-stat{border-radius:var(--radius-button);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-sh);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);flex:1 1 0;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 16px;display:flex}.sn-stat-label{color:var(--ink-sec);font-size:13px;font-weight:600}.sn-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.sn-board-wrap{aspect-ratio:1;border-radius:var(--radius-card);background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;max-width:min(72vh,560px);box-shadow:var(--glass-sh);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sn-board{width:100%;height:100%;display:block}.sn-overlay{padding:var(--card-pad);text-align:center;background:var(--bar-bg);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.sn-overlay-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,6vw,34px);font-weight:700}.sn-overlay-body{max-width:30ch;color:var(--ink-sec);margin:0;font-size:15px}.sn-btn{min-height:var(--touch-min);border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;margin-top:6px;padding:10px 22px;font-weight:700}.sn-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sn-hint{color:var(--ink-faint);text-align:center;margin:0;font-size:13px}.sn-update-toast{top:calc(env(safe-area-inset-top,0px) + 56px);z-index:50;border-radius:var(--radius-pill);max-width:calc(100vw - 24px);color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-sh);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:14px;font-weight:600;animation:.24s both sn-update-toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.sn-update-toast-text{white-space:nowrap}.sn-update-toast-refresh{border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;flex:none;padding:7px 16px;font-weight:700}.sn-update-toast-dismiss{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:14px;line-height:1}.sn-update-toast-dismiss:hover{color:var(--ink)}@keyframes sn-update-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sn-update-toast{animation:none}}