:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07101f;color:#f7fbff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{min-height:100vh;background:radial-gradient(circle at 15% 5%,#123c69 0,transparent 30%),radial-gradient(circle at 90% 25%,#442174 0,transparent 28%),#07101f}header{height:76px;padding:0 clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#07101fcc;backdrop-filter:blur(16px)}a{color:inherit;text-decoration:none}.snake-brand{font-size:22px;font-weight:900;letter-spacing:-.04em}.snake-brand span{color:#4de8ff}.snake-brand b{margin-left:10px;padding:5px 8px;border-radius:7px;background:#8b5cf633;color:#bda7ff;font-size:9px;letter-spacing:.16em}.snake-back{font-size:13px;color:#aab7cb}main{width:min(1160px,100%);margin:auto;padding:clamp(24px,4vw,52px) clamp(12px,3vw,36px) 64px;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr);align-items:center;gap:clamp(24px,5vw,72px)}.snake-copy p{margin:0 0 10px;color:#4de8ff;font-size:11px;font-weight:900;letter-spacing:.22em}.snake-copy h1{margin:0;font-size:clamp(58px,10vw,108px);line-height:.9;letter-spacing:-.08em}.snake-copy span{display:block;max-width:350px;margin-top:22px;color:#aab7cb;line-height:1.7}.snake-shell{width:min(680px,100%);justify-self:end}.snake-stats{display:flex;justify-content:space-between;padding:0 4px 12px;color:#8594aa;font-size:11px;font-weight:800;letter-spacing:.14em}.snake-stats b{margin-left:6px;color:#fff;font-size:17px}.snake-board{position:relative;aspect-ratio:1;border:1px solid #4de8ff55;border-radius:24px;overflow:hidden;background:#071426;box-shadow:0 35px 80px #0009,0 0 70px #4de8ff12}canvas{display:block;width:100%;height:100%;touch-action:none}.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#07101fbb;backdrop-filter:blur(5px);transition:.2s}.snake-overlay[hidden]{display:none}.snake-overlay strong{font-size:clamp(34px,7vw,64px);letter-spacing:-.05em}.snake-overlay span{margin:8px 16px 22px;color:#aab7cb;font-size:13px}.snake-overlay button{border:0;border-radius:999px;padding:13px 30px;background:linear-gradient(135deg,#4de8ff,#8b5cf6);color:#06101d;font-weight:950;letter-spacing:.12em;cursor:pointer}.snake-controls{display:none;margin-top:18px;text-align:center}.snake-controls button{width:58px;height:48px;margin:3px;border:1px solid #4de8ff45;border-radius:12px;background:#111e33;color:#fff;font-size:18px}.snake-help{text-align:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 3px #000}@media(max-width:760px){header{height:62px}.snake-back{font-size:11px}main{display:block;padding:24px 0 40px}.snake-copy{padding:0 16px 22px}.snake-copy h1{font-size:50px}.snake-copy span{margin-top:10px;font-size:13px}.snake-shell{width:100%}.snake-board{border-left:0;border-right:0;border-radius:0}.snake-stats{padding:0 14px 10px}.snake-controls{display:block}.snake-help{padding:0 18px}}