.snake-page{--case:#c8c3b5;--case-dark:#777269;--lcd:#9cad55;--pixel:#263716;color:#fff;background-color:#27104f;background-image:radial-gradient(#ff3dad 2px,#0000 3px),linear-gradient(135deg,#27104f 25%,#35156b 25% 50%,#27104f 50% 75%,#35156b 75%);background-position:0 0;background-repeat:repeat;background-size:26px 26px,54px 54px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100svh;padding-bottom:48px;font-family:Courier New,monospace}.snake-page header{background:#16052f;border-bottom:7px solid #20e2d2;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:82px;padding:10px clamp(12px,4vw,52px);display:grid;box-shadow:0 7px #ff3dad}.snake-page header>a{color:#16052f;background:#fff23d;border:4px solid #fff;justify-self:start;padding:9px 13px;font:900 .75rem Arial Black,Arial,sans-serif;text-decoration:none;box-shadow:5px 5px #ff3dad}.snake-page header>div{text-align:center}.snake-page header small,.snake-page header b{display:block}.snake-page header small{color:#20e2d2;letter-spacing:.14em;font-size:.58rem}.snake-page header b{color:#fff23d;letter-spacing:.04em;text-shadow:3px 3px #ff3dad;font:900 clamp(1rem,3vw,1.8rem) Arial Black,Arial,sans-serif}.snake-page header>button{color:#20e2d2;background:#05070d;border:3px solid #20e2d2;justify-self:end;padding:9px 12px;font-weight:900}.snake-page header>button:disabled{opacity:.35}.snake-station{background:linear-gradient(145deg,#e1ddd2,#aaa59a);border:8px solid #e4dfd1;border-radius:38px 38px 72px 72px;width:min(900px,96vw);margin:34px auto;padding:clamp(14px,3vw,28px);box-shadow:inset 5px 5px #fff,inset -7px -7px #777269,18px 18px #16052f}.snake-hud{background:var(--lcd);color:var(--pixel);border:5px solid #383b2b;border-bottom:0;grid-template-columns:repeat(3,1fr);margin:0 5% -1px;display:grid}.snake-hud span{letter-spacing:.08em;border-right:2px solid #26371659;justify-content:center;align-items:center;gap:8px;padding:9px;font-size:.67rem;font-weight:900;display:flex}.snake-hud span:last-child{border:0}.snake-hud b{font-size:1.15rem}.snake-screen{background:#697345;border:12px solid #44483b;border-radius:18px;padding:11px;position:relative;box-shadow:inset 4px 4px #22251d,inset -3px -3px #d4d9a2}.snake-screen:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#12230b14 0 1px,#0000 1px 4px);position:absolute;inset:11px}.snake-screen canvas{background:var(--lcd);filter:contrast(1.08)saturate(.72);width:100%;height:auto;display:block}.lcd-glare{z-index:3;pointer-events:none;background:linear-gradient(120deg,#ffffdc2e,#0000 28% 72%,#25361314);position:absolute;inset:12px}.snake-overlay{z-index:4;color:var(--pixel);text-align:center;background:#9cad55eb;place-content:center;justify-items:center;padding:20px;display:grid;position:absolute;inset:11px}.snake-overlay p{letter-spacing:.16em;margin:0 0 8px;font-size:.62rem;font-weight:900}.snake-overlay h1{color:var(--pixel);letter-spacing:-.06em;text-shadow:3px 3px #26371638;margin:0;font:900 clamp(2.1rem,7vw,5.2rem)/.85 Arial Black,Arial,sans-serif;transform:none}.snake-overlay span{letter-spacing:.08em;margin:18px 0;font-size:.78rem;font-weight:900}.snake-overlay button{border:4px solid var(--pixel);color:var(--pixel);box-shadow:4px 4px 0 var(--pixel);cursor:pointer;background:0 0;padding:11px 22px;font:900 .82rem Courier New,monospace}.snake-overlay small{margin-top:14px;font-size:.6rem;font-weight:900}.snake-controls{filter:drop-shadow(7px 8px #777269);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left center right"".down.";width:300px;height:300px;margin:26px auto 4px;display:grid}.snake-controls button,.snake-controls i{color:#eee;background:#343434;border:0}.snake-controls button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:100px;min-height:100px;font-size:1.65rem;font-weight:900;position:relative}.snake-controls button:active{background:#1d1d1d;transform:translateY(2px)}.snake-controls button:first-child{border-radius:12px 12px 0 0;grid-area:up}.snake-controls button:nth-child(2){border-radius:12px 0 0 12px;grid-area:left}.snake-controls i{grid-area:center;display:block}.snake-controls button:nth-child(4){border-radius:0 12px 12px 0;grid-area:right}.snake-controls button:nth-child(5){border-radius:0 0 12px 12px;grid-area:down}.lab-ticker{color:#8cff64;letter-spacing:.07em;background:#1d1d1d;border:3px inset #888;justify-content:space-between;gap:16px;margin:22px 3% 0;padding:10px 13px;font-size:.62rem;font-weight:900;display:flex}.lab-ticker span{color:#d3d3d3;text-align:right}@media (width<=700px){.snake-page header{grid-template-columns:auto 1fr}.snake-page header>div{text-align:right}.snake-page header>button{display:none}.snake-station{border-width:5px;border-radius:24px 24px 44px 44px;margin-top:20px;padding:10px;box-shadow:9px 9px #16052f}.snake-hud{border-width:3px;margin:0 2% -1px}.snake-hud span{gap:3px;padding:7px 2px;font-size:.51rem}.snake-hud b{font-size:.88rem}.snake-screen{border-width:7px;padding:5px}.snake-screen:after,.lcd-glare,.snake-overlay{inset:5px}.snake-controls{width:min(270px,84vw);height:min(270px,84vw)}.snake-controls button{min-width:0;min-height:0;font-size:1.5rem}.lab-ticker{flex-direction:column;align-items:flex-start}.lab-ticker span{text-align:left}}