:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f4ee;background:#071219;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#15372e,#071219 70%)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;background:#16282e;border:1px solid #3d5555;border-radius:9px;padding:12px 18px;font-weight:750}button:hover{filter:brightness(1.18)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px}header{border-bottom:1px solid #ffffff16}.brand{font-weight:950;letter-spacing:-1px}.brand span{color:#ffae52}.build{color:#87a49b;font:10px ui-monospace,monospace;letter-spacing:3px}header button,footer button{font-size:11px;padding:8px 12px;background:transparent}.intro{text-align:center;position:relative;padding:45px 20px 24px;z-index:2}.overline{font:10px ui-monospace,monospace;letter-spacing:3px;color:#e1bd77}h1{font-size:clamp(58px,9vw,108px);font-weight:950;line-height:.86;letter-spacing:-5px;margin:26px 0 20px;text-shadow:0 4px 0 #384f48,0 12px 40px #0008}h1 span{color:#efba62}p{color:#bacbc6;line-height:1.6}.intro>p{font-size:17px}.choices{display:flex;justify-content:center;gap:12px;margin:24px auto}.choices button{width:220px;padding:16px 22px}.choices button span{display:block;font:9px ui-monospace,monospace;letter-spacing:2px;margin-top:7px;opacity:.7}.primary{background:#f4c371;color:#17241e;border-color:#f4c371;box-shadow:0 4px 0 #876335}.brief{display:flex;justify-content:center;gap:25px;font-size:11px;color:#adc3bb}.brief b{color:#efba62;margin-right:6px}.hint{font-size:11px!important;color:#819b92}#arena{position:relative;width:min(1050px,100%);margin:auto}canvas{display:block;width:100%;aspect-ratio:1000/650;touch-action:none}body:not(.playing) #arena{margin-top:-100px;opacity:.8;pointer-events:none;max-height:300px;overflow:hidden}#hud{position:absolute;inset:14px 25px auto;display:flex;justify-content:space-between;pointer-events:none}.score{min-width:90px;display:flex;flex-direction:column}.score strong{font-size:36px;line-height:1}.score small,.clock small{font-size:9px;letter-spacing:2px;font-weight:800}.score span{font-size:10px;margin-top:5px;color:#b4c8c7}.orange{text-align:right;color:#ffb46e}.blue{color:#80d5ff}.clock{text-align:center;display:flex;flex-direction:column}.clock strong{font-size:34px;color:#f3d49a;font-variant-numeric:tabular-nums}.clock span{font-size:10px;color:#c1cebd}.clock small{color:#889f92}#overlay{position:absolute;inset:0;background:#041013dd;backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:10px}#overlay h2{font-size:clamp(26px,5vw,52px);margin:0;color:#f2ce8b}#overlay p{margin:4px 0 12px}#overlay button{min-width:190px}.player-control{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;min-width:220px}.joystick{position:relative;width:100px;height:100px;border:1px solid #42626c;border-radius:50%;background:radial-gradient(circle,#284b5670,#11242a);touch-action:none;user-select:none}.stick{width:48px;height:48px;border-radius:50%;position:absolute;left:25px;top:25px;background:linear-gradient(#5e8b93,#2a4e5d);border:2px solid #9bc9cd;box-shadow:0 6px 15px #0008;pointer-events:none}.joystick>span{font-size:8px;position:absolute;bottom:7px;width:100%;text-align:center;color:#a7c7c8;pointer-events:none}.dash{width:78px;height:78px;border-radius:50%;padding:0;text-align:center;background:#173543;touch-action:manipulation}.dash.orange{background:#4f3024}.dash small{display:block;font-size:8px;color:#b8c8c4;margin-top:4px}.keys{position:absolute;bottom:-20px;font-size:9px;color:#6e999c;letter-spacing:1px}#controls{display:flex;justify-content:space-between;align-items:center;width:min(1000px,100%);margin:0 auto 28px;padding:10px 28px 20px;gap:10px}.middle{text-align:center;max-width:180px}.middle button{font-size:10px;padding:8px}.middle small{display:block;font-size:9px;line-height:1.6;margin-top:7px;color:#91a89f}footer{font-size:9px;color:#7e9c92;border-top:1px solid #ffffff10}footer>span{margin-right:auto}dialog{max-width:520px;width:90%;background:#0c2028;color:#e6eee9;border:1px solid #698170;border-radius:18px;padding:30px}dialog::backdrop{background:#000a}dialog p{font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.tabletop #control1{transform:rotate(180deg)}.tabletop .score.orange{transform:rotate(180deg)}@media(max-width:600px){header,footer{padding:12px 14px}.build{display:none}.intro{padding-top:35px}h1{letter-spacing:-3px}.brief{gap:10px;font-size:9px}.choices{gap:8px}.choices button{padding:13px 10px;font-size:13px}.choices button span{font-size:8px;letter-spacing:.6px}#hud{inset:8px 14px auto}.score strong,.clock strong{font-size:25px}.score small,.clock small{font-size:7px;letter-spacing:1px}.clock span{max-width:110px;font-size:8px}#controls{padding:14px 12px 22px;gap:4px}.player-control{min-width:0;gap:10px}.joystick{width:80px;height:80px}.stick{width:40px;height:40px;left:19px;top:19px}.dash{width:58px;height:58px;font-size:10px}.middle{max-width:70px}.middle button{padding:7px 4px;font-size:8px}.middle small{font-size:7px}.keys{display:none}footer>span{max-width:140px}.intro .hint{font-size:10px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:420px){#controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px}.middle{grid-column:1/-1;grid-row:2;max-width:none;display:flex;align-items:center;justify-content:center;gap:10px}.middle small{margin:0;max-width:170px}.player-control{gap:10px}.joystick{width:76px;height:76px}.stick{left:17px;top:17px}.dash{width:56px;height:56px}}