@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#f2f1e9;background:#0c0e13;font-family:DM Mono,Noto Sans SC,monospace}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:radial-gradient(circle at 75% 38%,#17211c 0,#0000 26%),#0c0e13;flex-direction:column;min-height:100svh;padding:26px 4.8vw 20px;display:flex}.topbar,footer{letter-spacing:.15em;color:#8b8d89;justify-content:space-between;align-items:center;font-size:10px;display:flex}.wordmark{color:#edeee7;letter-spacing:-.05em;font-size:14px;font-weight:500;text-decoration:none}.wordmark span{color:#c7ff39;margin:0 4px}.topbar-note{align-items:center;gap:7px;display:flex}.topbar-note i{background:#c7ff39;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #c7ff39}.game-layout{flex:1;grid-template-columns:.92fr 1.08fr;align-items:center;gap:9vw;width:100%;max-width:1220px;margin:auto;display:grid}.intro{max-width:390px}.eyebrow{letter-spacing:.13em;color:#c7ff39;margin:0 0 24px;font-size:10px}h1{letter-spacing:-.1em;color:#f0f1ea;margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(46px,5.7vw,84px);font-weight:900;line-height:1.08}h1 em{color:#c7ff39;font-style:normal}.lede{color:#a1a49e;max-width:340px;margin:28px 0 31px;font-family:Noto Sans SC,sans-serif;font-size:14px;line-height:1.85}.actions{gap:9px;display:flex}.actions button{color:#10130f;cursor:pointer;background:#c7ff39;border:0;padding:14px 16px;font:500 12px DM Mono,monospace;transition:transform .18s,background .18s}.actions button:hover{background:#dcff7b;transform:translateY(-3px)}.actions button span{margin-left:24px;font-size:16px}.actions .reset{color:#d9dcd5;background:0 0;border:1px solid #3b403d;padding:12px 15px;font-size:18px}.actions .reset:hover{background:#202521}dl{border-top:1px solid #2a2d2d;gap:40px;margin:54px 0 0;padding-top:16px;display:flex}dt{letter-spacing:.1em;color:#777b77;margin-bottom:7px;font-size:9px}dd{color:#f2f1e9;margin:0;font-size:23px}.board-wrap{justify-self:end;width:min(100%,560px)}.board-label{letter-spacing:.1em;color:#898e87;border-bottom:1px solid #2b302c;justify-content:space-between;align-items:flex-start;height:30px;font-size:9px;display:flex}.board-label span:last-child{color:#c7ff39}.board{aspect-ratio:1;background:#111610;border:1px solid #2d332f;grid-template-columns:repeat(19,1fr);margin-top:14px;display:grid;position:relative;box-shadow:inset 0 0 60px #061009,0 26px 50px #0008}.cell{aspect-ratio:1;border-bottom:1px solid #ffffff06;border-right:1px solid #ffffff06}.cell.snake,.cell.head{background:#b9ec34;border:2px solid #111610;box-shadow:0 0 11px #c7ff3944}.cell.head{background:#f3ffbb;box-shadow:0 0 17px #d8ff5d}.cell.food{background:#f6f3e6;border-radius:50%;animation:1.2s ease-in-out infinite pulse;position:relative;transform:scale(.48);box-shadow:0 0 18px 5px #efffc777}.overlay{color:#eef1e6;background:#0b0e0bc9;flex-direction:column;justify-content:center;align-items:center;font-family:Noto Sans SC,sans-serif;animation:.2s ease-out fade;display:flex;position:absolute;inset:0}.overlay span{letter-spacing:-.06em;font-size:28px;font-weight:700}.overlay small{color:#b8c0b0;margin-top:10px;font:10px DM Mono,monospace}.gameover span{color:#c7ff39}footer{border-top:1px solid #252825;margin-top:30px;padding-top:17px}kbd{color:#aeb2ac;border:1px solid #454a45;margin-left:3px;padding:2px 4px;font:9px DM Mono,monospace}@keyframes pulse{50%{transform:scale(.68);box-shadow:0 0 24px 7px #efffc7aa}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=720px){.app-shell{padding:20px 22px 16px}.game-layout{flex-direction:column;align-items:stretch;gap:32px;padding:48px 0 20px;display:flex}.intro{max-width:none}h1{font-size:52px}.lede{margin:20px 0 23px}dl{margin-top:34px}.board-wrap{justify-self:auto;width:100%}.topbar-note,footer span:nth-child(2){display:none}footer,.board-label{font-size:8px}}