:root{font-family:Inter,'Noto Sans',system-ui,sans-serif;color:#262826;background:#f1e9da;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,#f6efdf,#e4cda9);min-height:100dvh}button,select{font:inherit;min-width:44px;min-height:44px;padding:8px 12px;background:#faf5e9;border:1px solid #a69173;border-radius:7px;color:#282d2f;cursor:pointer}button:hover{background:#fff8e4}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #2256df;outline-offset:2px}button:disabled{opacity:.4;cursor:default}button.primary{background:#214ed1;border-color:#214ed1;color:white;font-weight:700}header{max-width:1250px;margin:auto;height:68px;padding:10px 20px 10px 95px;display:flex;align-items:center;justify-content:space-between}.brand{letter-spacing:2px;font-size:18px}.brand span{font-weight:400;color:#89542c}.utilities{display:flex;gap:5px}.utilities select{width:110px}main{max-width:1210px;margin:10px auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);padding:0 20px;gap:28px}.heading{display:flex;justify-content:space-between;align-items:center;height:36px}h1{font-size:21px;font-weight:600;margin:0}#number{font:12px ui-monospace,monospace;color:#7e6445}.gauges{height:32px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}canvas{display:block;width:100%;aspect-ratio:1;border:7px solid #383b3a;border-radius:12px;box-shadow:0 7px 18px #664c2c25;touch-action:none;background:#c9975c}.console{align-self:center}h2{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:12px 0 20px}.eyebrow{font:12px ui-monospace;letter-spacing:2px;color:#9b652f}.intro{font-size:15px;line-height:1.75;color:#695b48;margin-bottom:28px}#entry>button{margin-right:5px}.readout{background:#242b2c;color:#e9dcb9;border:5px solid #3e4140;border-radius:10px;padding:15px;margin-bottom:14px;min-height:100px;box-shadow:0 4px 0 #171e22}.readout span{display:block;font-size:13px;color:#bea77f;margin-bottom:10px}.readout strong{font:25px ui-monospace,monospace;font-weight:500}.tools,.options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tools button{min-height:52px}.options{margin-top:8px}.options button{font-size:12px}.options button[aria-pressed=true]{border-color:#2458da;color:#1b4dc9;background:#e3eaff}#message{min-height:60px;line-height:1.6;font-size:13px;margin:18px 0;color:#6d4d2e}nav{display:flex;gap:7px}nav button{flex:1;font-size:13px}#save-state{display:block;color:#84745f;font-size:10px;margin-top:14px}dialog{background:#f6efdf;color:#2b2f2b;border:2px solid #6b6459;border-radius:14px;padding:24px;width:calc(100% - 24px);max-width:650px;max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#211b13bd}dialog h2{font-size:26px;margin-right:38px}dialog p{font-size:14px;line-height:1.7}#dialog-close{position:absolute;right:8px;top:8px;font-size:23px}#dialog-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}#dialog-actions button{flex:1;min-width:90px}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.map-grid button{min-height:62px}.map-grid small{display:block;font-size:11px;margin-top:4px}.records{display:grid;gap:6px}.records button{text-align:left;font-size:13px}.discovery{font-size:60px;text-align:center;color:#2156e8;text-shadow:0 0 26px #638cff66}.muted{color:#827461}a{color:#1b4fc8}[hidden]{display:none!important}.guide{max-width:760px;margin:30px auto;padding:24px;line-height:1.8}.guide h1{font-size:30px;margin:25px 0}
@media(max-width:760px){header{height:50px;padding:3px 10px 3px 60px}.brand{display:none}.utilities{margin-left:auto;gap:4px}.utilities select{width:93px;padding:5px}main{display:block;margin:0 auto;max-width:450px;padding:0 10px}.heading{height:28px}h1{font-size:16px}.gauges{height:28px;font-size:12px}canvas{border-width:5px}.console{padding-top:8px}.readout{min-height:0;padding:8px 10px;margin-bottom:8px;border-width:3px;display:flex;align-items:center;justify-content:space-between;height:45px}.readout span{font-size:11px;margin:0}.readout strong{font-size:18px}.tools{gap:5px}.tools button{min-height:44px;font-size:12px;padding:5px}.options{margin-top:5px;gap:5px}.options button{font-size:11px;padding:4px}#message{font-size:11px;min-height:28px;line-height:1.4;margin:7px 0}nav button{font-size:12px}#save-state{margin-top:4px;font-size:9px}.eyebrow{display:none}h2{font-size:23px;margin:6px 0 10px}.intro{font-size:12px;line-height:1.5;margin:8px 0 12px}#gamenow-mobile-menu-launcher,#gamenow-exit-launcher{left:10px!important;right:auto!important;top:3px!important;transform:none!important}}
@media(max-width:360px){header{height:46px}.heading{height:24px}h1{font-size:14px}.gauges{height:24px;font-size:10px}canvas{height:238px;aspect-ratio:auto}.console{padding-top:5px}.readout{height:36px;margin-bottom:5px;padding:4px 8px}.readout strong{font-size:16px}.options button,.tools button{font-size:10px}.options{margin-top:4px}#message{height:30px;min-height:0;overflow:auto;margin:4px 0}#save-state{display:none}nav button{font-size:10px}#entry .intro{display:none}#entry h2{font-size:18px;margin:2px 0 8px}}
@media(max-height:500px) and (min-width:600px){header{height:48px;padding:2px 12px 2px 70px}.brand{display:none}main{margin:0;padding:0 12px;gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.heading{height:24px}h1{font-size:14px}.gauges{height:25px;font-size:11px}canvas{height:calc(100dvh - 105px);aspect-ratio:auto}.console{align-self:start}.readout{min-height:0;height:50px;padding:7px;margin-bottom:9px;display:flex;justify-content:space-between;align-items:center}.readout span{margin:0;font-size:11px}.readout strong{font-size:19px}.tools button{min-height:44px;font-size:12px}.options button{font-size:11px}.options{margin-top:5px}#message{font-size:11px;line-height:1.4;min-height:30px;margin:8px 0}nav button{font-size:12px}#save-state{margin-top:5px}.eyebrow{display:none}h2{font-size:24px;margin:8px 0}.intro{font-size:12px;line-height:1.5;margin-bottom:12px}#gamenow-mobile-menu-launcher,#gamenow-exit-launcher{left:12px!important;top:2px!important;right:auto!important;transform:none!important}}

.options{grid-template-columns:repeat(5,1fr)}.options button{padding:4px;font-size:10px}