:root{color-scheme:dark;--ink:#ece9d5;--muted:#b3c2b0;--gold:#eed18c;--line:#435b4c}*{box-sizing:border-box}body{margin:0;background:#10241f;color:var(--ink);font:15px/1.55 system-ui,sans-serif}main{max-width:1360px;padding:30px 32px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:10px 0}h2{font-size:26px;line-height:1.25;margin:12px 0}.tag{font:10px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#adc697}.intro{max-width:740px;color:var(--muted);margin:8px 0 24px}a{color:#d1dcad}p{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.trials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.trials button{text-align:left;padding:13px 18px;font-size:17px}.trials small{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:4px;color:#b7c8a4}.trials button[aria-pressed=true]{background:#344e38;border-color:#b2c58d;box-shadow:inset 0 -3px #cad993}button,select,textarea{font:inherit;background:#243c31;color:var(--ink);border:1px solid #56705a;border-radius:6px;padding:9px 11px}button{cursor:pointer}button:hover{background:#3b5540}button:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary,#begin{background:var(--gold);color:#21382b;font-weight:650}select,textarea{width:100%}label{display:block;font-size:12px;margin:12px 0 7px}aside{padding:21px;background:#192f27;border:1px solid #3b5345;border-radius:8px}aside p{font-size:13px;line-height:1.5}.divider{height:1px;background:var(--line);margin:20px 0}.stats{font:12px/1.6 monospace;color:#d1dbaa}canvas{display:block;width:100%;aspect-ratio:16/9;image-rendering:pixelated;background:#1c3029;border:1px solid #516548;border-radius:8px;touch-action:none}.stage{position:relative}.stage:fullscreen{display:grid;place-items:center;background:#10241f}.stage:fullscreen canvas{width:min(100vw,177.7778vh);max-height:100vh}.overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#0b211be8;border-radius:8px;padding:16px}[hidden]{display:none!important}.overlay h2{font-size:34px}.overlay p{max-width:380px}.hud{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:8px 0}nav,.touch,.touch span{display:flex;gap:8px;flex-wrap:wrap}nav{margin:14px 0;align-items:center}.touch{justify-content:space-between}.touch button{touch-action:none}.controls,.hint{font-size:11px;line-height:1.8}.controls{margin-top:15px}details{border-top:1px solid var(--line);padding:16px 0}details p{font-size:13px;max-width:850px}summary{cursor:pointer;color:#cfdbb5}footer{font-size:11px;color:#8fa58e;padding-top:15px}textarea{resize:vertical;min-height:100px}@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{display:block}.trials button{font-size:14px}}@media(max-width:600px){main{padding:20px 12px}.trials{gap:6px}.trials button{padding:10px 9px;font-size:13px}.trials small{font-size:8px;letter-spacing:.5px}header{align-items:start}header a{font-size:12px}.hud{display:block}.hud span{display:block}.overlay h2{font-size:24px}.overlay p{font-size:12px}.overlay .hint{display:none}button{font-size:13px}.touch{justify-content:start}}