:root{color-scheme:dark;--ink:#eaf6ff;--board:#080e1c;--grid:#16203a;--snake:#2de2e6;--head:#8ef7c8;--apple:#ff7b7b;--panel:#0d1526;--line:#24314f;color:var(--ink);background:#060a14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-contrast=high]{--board:#000;--grid:#666;--snake:#0ff;--head:#fff;--apple:#ff0;--line:#fff}html[data-interface=large]{font-size:118%}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100svh;margin:0}#runtime{flex-direction:column;align-items:center;gap:.75rem;min-height:100svh;padding:.75rem;display:flex}.title-bar{justify-content:space-between;align-items:center;width:min(34rem,100%);display:flex}h1{letter-spacing:-.02em;margin:0;font-size:1.3rem}.icon-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:inherit;cursor:pointer;border-radius:.6rem;padding:0 .9rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1rem;gap:.6rem;width:min(34rem,100%);padding:1.1rem;display:grid}.panel h2{margin:0;font-size:1.1rem}select,button{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#101a2e;border-radius:.6rem;padding:.5rem .8rem}.primary{background:var(--snake);color:#04121a;border-color:#0000;font-weight:800}.hint{color:#9fb0cc;margin:0;font-size:.85rem}#game-ui{gap:.6rem;width:min(34rem,100%);display:grid}.hud{align-items:center;gap:.9rem;display:flex}.hud p{margin:0;display:grid}.hud span{color:#9fb0cc;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.hud strong{font-size:1.15rem}.hud button{margin-left:auto}#board-frame{width:100%}#board{aspect-ratio:1;border:1px solid var(--line);border-radius:.8rem;width:100%;height:auto;display:block}.pad{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.pad button{width:100%}.pad button:first-child,.pad button:nth-child(4){grid-column:2}dl{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}dt{color:#9fb0cc;font-size:.75rem}dd{margin:0;font-size:1.05rem;font-weight:700}dialog{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:1rem;width:min(28rem,92vw)}.dialog-content{gap:.6rem;display:grid}.dialog-head{justify-content:space-between;align-items:center;display:flex}dialog label{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--head);outline-offset:2px}html[data-motion=reduced] *{transition:none!important;animation:none!important}