:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f3f8ed;background:#183327;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}[hidden]{display:none!important}button{font:inherit;font-weight:700;border:2px solid #b9e982;border-radius:6px;padding:12px 18px;background:#c4f18b;color:#14251b;cursor:pointer;min-height:44px}button:hover{background:#dcffaf}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}.hud{position:absolute;top:18px;left:18px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;background:#10291ee8;border:2px solid #f3f8ed;border-radius:6px;z-index:1}.hud strong{letter-spacing:2px}#score{color:#e2f89e;font-size:14px}#pause-action{padding:6px 12px}.controls-hint{position:absolute;bottom:20px;left:18px;max-width:calc(100% - 245px);padding:10px;font-size:12px;line-height:1.6;background:#10291ee8;border-radius:5px}.map-legend{position:absolute;bottom:211px;right:20px;width:186px;font-size:10px;background:#10291ee8;padding:6px 3px;text-align:center}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#081a1699;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{width:min(560px,100%);margin:auto;padding:30px;border:2px solid #a2cd78;border-radius:12px;background:#142a20f5;box-shadow:0 18px 60px #0006}.eyebrow{color:#bde68d;font-size:11px;letter-spacing:1.6px;margin:0 0 12px}h1{font-size:clamp(26px,5vw,40px);line-height:1.1;margin:0 0 16px}p{font-size:14px;line-height:1.65}.instructions{padding:16px 0;border-top:1px solid #456441;border-bottom:1px solid #456441}.instructions div{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin:10px 0;font-size:12px;line-height:1.5}dt{color:#daf4b6;font-weight:700}dd{margin:0}.tip{color:#dce7d6;font-size:12px}.device-note{padding:10px 12px;background:#243c2c;border-left:3px solid #bde68d;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.secondary{background:transparent;color:#daf4b6}.secondary:hover{background:#345438}.footer-note{color:#b1c2ac;font-size:10px;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#183327;padding:40px}@media (max-width: 600px){.panel{padding:22px}#overlay{padding:14px}.hud{right:12px;left:12px;top:12px;gap:10px}.controls-hint{display:none}.instructions div{grid-template-columns:1fr 1fr}}@media (max-height: 600px){.panel{padding:20px}#overlay{place-items:start center}}