:root{--ink:#1a1420;--panel:#c6c6c6;--hi:#fff;--lo:#555;--btn:#6b6b6b;--amber:#ffb54a;--cream:#f7e9cc;--night:#15121c;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font:400 17px/1.45 "Atkinson Hyperlegible",system-ui,sans-serif;color:#fff;min-height:100vh;background:#15121c}
h1,h2,h3{font-family:"Pixelify Sans",system-ui,sans-serif;font-weight:700;margin:0;line-height:1.05}
p{margin:0}
button,a{font-family:"Pixelify Sans",system-ui,sans-serif}
.pix{image-rendering:pixelated;flex:none}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
::selection{background:var(--amber);color:#000}
.back{position:fixed;top:8px;left:8px;z-index:20;color:#fff;background:rgba(0,0,0,.55);padding:6px 10px;font:500 14px "Pixelify Sans",sans-serif;text-decoration:none}
/* stone button: inset bevel, no offset shadow */
.mb{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:0;background:var(--stone) center/64px;image-rendering:pixelated;color:#fff;font:500 20px "Pixelify Sans",sans-serif;text-decoration:none;box-shadow:inset 3px 3px 0 #a5a5a5,inset -3px -3px 0 #3b3b3b,0 0 0 2px #000;text-shadow:2px 2px 0 #2b2b2b;cursor:pointer;text-align:center}
.mb:hover,.mb:focus-visible{box-shadow:inset 3px 3px 0 #bdbdbd,inset -3px -3px 0 #3b3b3b,0 0 0 2px #fff;background-color:#7d8fc9;background-blend-mode:multiply}
.mb[aria-disabled=true]{color:#c9c9c9;background-blend-mode:multiply;background-color:#8a8a8a;cursor:not-allowed}
.mb.go{background:#ffb54a;color:#1a1420;text-shadow:none}
.mb.go:hover,.mb.go:focus-visible{background:#ffd089}
.slot{display:grid;place-items:center;background:#8b8b8b;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #fff;border:0;padding:0;aspect-ratio:1}
.slot:hover,.slot:focus-visible{background:#a9a9a9}
.slot[aria-pressed=true]{outline:3px solid var(--amber);outline-offset:-3px}
.panel{background:var(--panel);color:#1a1420;box-shadow:inset 4px 4px 0 var(--hi),inset -4px -4px 0 var(--lo),0 0 0 3px #000;padding:16px}
.panel h2,.panel h3{color:#3f3f3f}
.chip{display:inline-block;font:500 13px/1 "Pixelify Sans",sans-serif;padding:5px 7px;background:#3b3b3b;color:#ffd089}
.vl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vl li{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center;background:#8b8b8b;box-shadow:inset 2px 2px 0 #373737,inset -2px -2px 0 #fff;padding:8px 10px;color:#fff}
.vl .vn{overflow-wrap:anywhere;font:500 15px "Pixelify Sans",sans-serif}
.vl .vs{font-size:13px;color:#e6e6e6;grid-column:1}
.vl .mb{grid-column:2;grid-row:1/3;min-height:38px;font-size:15px;padding:0 12px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}