.snake-page{background:var(--page-bg);color:var(--text-strong)}.snake-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:42px 0 58px}.snake-hero{max-width:780px;margin-bottom:22px}.snake-kicker{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:800 .78rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.snake-hero h1{margin:15px 0 9px;color:var(--text-strong);font:800 2.55rem/1.06 var(--font-display);letter-spacing:0}.snake-hero h1 span{color:var(--accent)}.snake-hero p{margin:0;color:var(--text-soft);font-size:1.04rem;line-height:1.7}.snake-card{background:var(--panel);border:1px solid var(--header-border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.snake-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.snake-hud div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--header-border);border-radius:13px;background:var(--panel-soft)}.snake-hud strong{color:var(--text-muted);font:800 .76rem/1 var(--font-display);letter-spacing:.07em;text-transform:uppercase}.snake-hud span{color:var(--accent);font:900 1.05rem/1 var(--font-display)}.snake-stage{position:relative;overflow:hidden;border:1px solid var(--header-border);border-radius:16px;background:#020617;aspect-ratio:16/9}#snakeCanvas{display:block;width:100%;height:100%}.snake-overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;background:rgba(2,6,23,.68);color:#fff;text-align:center}.snake-overlay.is-hidden{display:none}.snake-overlay h2{margin:0;font:900 2rem/1.1 var(--font-display)}.snake-overlay p{margin:0;color:rgba(255,255,255,.82)}.snake-overlay-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.snake-overlay button,.snake-controls button{min-height:46px;border:1px solid var(--accent);border-radius:13px;background:var(--accent);color:var(--accent-contrast);font:900 .95rem/1 var(--font-display);cursor:pointer;transition:transform .2s ease,background .2s ease}.snake-overlay button:hover,.snake-controls button:hover{background:var(--accent-strong);transform:translateY(-1px)}.snake-controls{display:none;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:14px}.snake-help{margin:14px 0 0;color:var(--text-muted);font-size:.92rem;text-align:center}@media(max-width:760px){.snake-shell{width:min(100% - 24px,680px);padding-top:28px}.snake-hero h1{font-size:2rem}.snake-card{padding:12px;border-radius:14px}.snake-hud{grid-template-columns:1fr}.snake-controls{display:grid}.snake-help{text-align:left}}@media(max-width:460px){.snake-overlay h2{font-size:1.5rem}.snake-controls{grid-template-columns:1fr 1fr}.snake-controls button{width:100%}}