:root{color:#f4f2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0f12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:#0b0f12;width:100vw;height:100svh;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.hud{z-index:2;color:#f4f2ea;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0f12b8;border:1px solid #f4f2ea24;position:absolute;box-shadow:0 22px 60px #0000003d}.hud-top{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 18px;display:flex;top:24px;left:24px;right:24px}.eyebrow,.label{color:#b7c9be;text-transform:uppercase;margin:0;font-size:.72rem;line-height:1.2}h1{color:#fffdf5;letter-spacing:0;margin:2px 0 0;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.hud-metrics{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-width:0;max-width:min(68vw,64rem);padding-bottom:2px;display:flex;overflow-x:auto}.hud-metrics span{color:#f4f2ea;text-align:center;overflow-wrap:anywhere;white-space:normal;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:86px;max-width:10rem;min-height:34px;padding:8px 10px;display:inline-flex}#lod-status[data-within-budget=true]{color:#b7e4c7}#lod-status[data-within-budget=false]{color:#ffc6b8}.hud-side{border-radius:8px;gap:8px;min-width:210px;padding:16px;display:grid;bottom:24px;right:24px}.hud-panel-stack{z-index:3;scrollbar-width:thin;align-content:start;gap:12px;width:min(360px,100vw - 48px);padding-right:4px;display:grid;position:absolute;top:164px;bottom:24px;left:24px;overflow:auto}.hud-panel-stack>div:empty{display:none}.hud-panel-stack [data-blocked]{color:#ffc6b8;background:#0f1316e6;border:1px solid #ffc6b842;border-radius:8px;padding:12px}.hud-side strong{color:#fffdf5;overflow-wrap:anywhere;font-size:1rem;line-height:1.2}.district-control{gap:7px;min-width:0;padding:10px 0 4px;display:grid}.district-control select{color:#f4f2ea;background:#ffffff14;border:1px solid #f4f2ea2e;border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.district-control span{color:#ffc6b8;overflow-wrap:anywhere;min-width:0;font-size:.78rem;line-height:1.25;display:block}.district-control span[data-ready=true]{color:#b7e4c7}.icon-button{color:#101412;cursor:pointer;background:#f0c05a;border:0;border-radius:8px;width:100%;min-height:42px;margin-top:4px;transition:transform .16s,background .16s}.icon-button+.icon-button{margin-top:0}.login-gate{background:#0b0f12;place-items:center;min-height:100svh;padding:24px;display:grid}.login-gate__panel{color:#f4f2ea;background:#0b0f12db;border:1px solid #f4f2ea29;border-radius:8px;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 70px #00000052}.login-gate__panel p,.login-gate__panel h1{margin:0}.login-gate__eyebrow,.login-gate__meta{color:#b7c9be;text-transform:uppercase;font-size:.78rem}.login-gate__form{gap:8px;display:flex}.login-gate__form input{color:#f4f2ea;background:#ffffff14;border:1px solid #f4f2ea2e;border-radius:8px;flex:1;min-width:0;padding:11px 12px}.login-gate__form button,.login-gate__link{color:#101412;text-align:center;background:#f0c05a;border:0;border-radius:8px;min-height:42px;padding:10px 13px;text-decoration:none}.icon-button:hover,.icon-button:focus-visible{background:#ffd77a;transform:translateY(-1px)}.icon-button:focus-visible{outline-offset:3px;outline:2px solid #7bb7ff}@media (width<=720px){.hud-top{flex-direction:column;align-items:flex-start;max-height:34svh;top:12px;left:12px;right:12px;overflow:auto}.hud-metrics{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.hud-metrics span{flex:none;min-width:76px;max-width:9rem;min-height:30px;padding:6px 8px;font-size:.78rem}.hud-side{grid-template-columns:1fr 1fr;min-width:0;max-height:150px;padding:10px;bottom:12px;left:12px;right:12px;overflow:auto}.icon-button,.district-control{grid-column:1/-1}.hud-panel-stack{width:auto;max-height:none;inset:calc(34svh + 18px) 12px 178px}}