:root{--snake-bg:#0b0816;--snake-deep:#120b22;--snake-panel:#1a1230;--snake-panel2:#241741;--snake-purple:#3f2a64;--snake-purple2:#7556ad;--snake-cream:#fff3cf;--snake-muted:#c8b8df;--snake-cyan:#5df2d6;--snake-coral:#ff8a5b;--snake-yellow:#ffd166;--snake-pink:#ef70c3;--snake-shadow:#05030b}*{box-sizing:border-box}body.xarmo-game-snake>main.snake-page{display:block!important;padding:clamp(1rem,3vw,2rem) 1rem 2.2rem!important;background:linear-gradient(rgba(93,242,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,242,214,.035) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(239,112,195,.18),transparent 34rem),var(--snake-bg)!important;background-size:24px 24px,24px 24px,auto,auto!important;color:var(--snake-cream)!important}.snake-game{width:min(100%,1040px);margin:0 auto;font-family:"Courier New",ui-monospace,monospace}.snake-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem}.snake-heading h1{margin:0;color:var(--snake-cream);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(3rem,9vw,6.2rem);line-height:.82;letter-spacing:.035em;text-transform:uppercase;text-shadow:5px 5px 0 var(--snake-purple),9px 9px 0 var(--snake-shadow)}.snake-heading p:not(.snake-kicker){max-width:62ch;margin:1rem 0 0;color:var(--snake-muted);font-weight:700;line-height:1.55}.snake-kicker{margin:0 0 .65rem;color:var(--snake-cyan);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.snake-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.snake-actions button,.snake-overlay button,.snake-controls button{min-height:44px;border:3px solid var(--snake-cream);border-radius:0;background:var(--snake-purple);box-shadow:4px 4px 0 var(--snake-shadow);color:var(--snake-cream);font:900 .78rem/1 "Courier New",ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.snake-actions button,.snake-overlay button{padding:.75rem .9rem}.snake-actions button:hover,.snake-overlay button:hover,.snake-controls button:hover{background:var(--snake-purple2)}.snake-actions button:active,.snake-overlay button:active,.snake-controls button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--snake-shadow)}.snake-actions button:focus-visible,.snake-overlay button:focus-visible,.snake-controls button:focus-visible{outline:4px solid var(--snake-yellow);outline-offset:3px}.snake-cabinet{padding:1rem;border:2px solid var(--snake-purple);background:var(--snake-panel);box-shadow:6px 6px 0 var(--snake-shadow)}.snake-marquee{display:none}.snake-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 .8rem;border:4px solid var(--snake-deep);background:var(--snake-deep)}.snake-hud>div{display:grid;gap:.2rem;padding:.7rem .8rem;background:var(--snake-panel2);text-align:center}.snake-hud span{color:var(--snake-pink);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.snake-hud strong{color:var(--snake-cyan);font-size:clamp(1rem,3vw,1.35rem);text-shadow:2px 2px 0 var(--snake-shadow)}.snake-stage{position:relative;width:min(100%,768px);margin:0 auto;border:4px solid var(--snake-cream);overflow:hidden;background:var(--snake-panel2);box-shadow:8px 8px 0 var(--snake-shadow)}body.xarmo-game-snake #gameCanvas{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border:0!important;background:var(--snake-panel)!important;box-shadow:none!important;image-rendering:pixelated;touch-action:none}.snake-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(11,8,22,.78);text-align:center}.snake-overlay[hidden]{display:none}.snake-overlay>div{width:min(100%,430px);padding:clamp(1.1rem,4vw,1.6rem);border:4px solid var(--snake-cream);background:var(--snake-panel);box-shadow:8px 8px 0 var(--snake-shadow)}.snake-overlay h2{margin:0 0 .7rem;color:var(--snake-yellow);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.04em;text-transform:uppercase;text-shadow:3px 3px 0 var(--snake-purple)}.snake-overlay p{color:var(--snake-muted);font-weight:700;line-height:1.5}.snake-overlay__eyebrow{margin:0 0 .55rem;color:var(--snake-cyan)!important;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.snake-control-deck{margin-top:.9rem;padding:.9rem;border:2px solid var(--snake-purple);background:var(--snake-panel2)}.snake-control-label{margin:0 0 .65rem;color:var(--snake-coral);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-align:center;text-transform:uppercase}.snake-controls{width:min(100%,270px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left down right";gap:.5rem}.snake-controls button{min-height:52px;padding:0;background:var(--snake-deep);color:var(--snake-cyan);font-size:1.2rem;user-select:none;-webkit-user-select:none}.snake-controls [data-action=moveUp]{grid-area:up}.snake-controls [data-action=moveLeft]{grid-area:left}.snake-controls [data-action=moveDown]{grid-area:down}.snake-controls [data-action=moveRight]{grid-area:right}.snake-help{margin:.9rem auto 0;color:var(--snake-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-align:center}.snake-live{min-height:1.25rem;margin:.7rem 0 0;color:var(--snake-yellow);font-size:.82rem;font-weight:900;text-align:center}@media(max-width:720px){.snake-heading{display:grid;align-items:start}.snake-actions{justify-content:flex-start}.snake-hud{grid-template-columns:1fr 1fr}}@media(max-width:440px){.snake-actions button{flex:1 1 30%}.snake-cabinet{padding:.6rem;box-shadow:4px 4px 0 var(--snake-shadow)}.snake-hud>div{padding:.6rem .5rem}.snake-control-deck{padding:.75rem .5rem}}@media(prefers-reduced-motion:reduce){.snake-actions button,.snake-overlay button,.snake-controls button{transition:none}}