*{box-sizing:border-box}[hidden]{display:none!important}:root{--ink: #e6eef4;--ink-dim: #a3b6c2;--ink-faint: #8ea3b0;--ice: #7fe3ff;--warn: #ff9a63;--panel: rgba(8, 13, 18, .9);--panel-solid: #080d12;--edge: rgba(150, 190, 210, .22);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html,body{margin:0;height:100%;background:#070b10;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}#app{position:relative;height:100%;width:100%}#stage{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#hud{position:absolute;inset:0 0 auto;display:flex;align-items:stretch;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#060a0ff2,#060a0fb8);border-bottom:1px solid var(--edge);font-family:var(--mono);z-index:6}.hud-block{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 12px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.hud-block .k,.meter label{font-size:.58rem;letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase}.clock-block .big{font-size:1.7rem;line-height:1;letter-spacing:.02em;color:var(--ink)}.clock-block .big.urgent{color:var(--warn)}.wave-block b{font-size:.94rem;letter-spacing:.12em}.wave-block small{font-size:.66rem;color:var(--ink-dim)}.meters{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px;align-content:center}.meter{display:grid;grid-template-columns:1fr;gap:3px}.meter .track{display:block;height:7px;background:#b4d2e121;border:1px solid rgba(160,200,220,.2);border-radius:2px;overflow:hidden}.meter .track i{display:block;height:100%;background:linear-gradient(90deg,#3d8fb4,var(--ice));transition:width .14s linear}.meter b{font-size:.72rem;color:var(--ink-dim)}.hud-actions{display:flex;align-items:center;gap:6px}.ghost,.primary,.secondary{font-family:var(--mono);cursor:pointer;border-radius:3px}.ghost{padding:.44rem .6rem;font-size:.66rem;letter-spacing:.14em;color:var(--ink);background:var(--panel);border:1px solid var(--edge)}.ghost:hover{border-color:var(--ice);color:var(--ice)}.ghost[hidden]{display:none}.toggle{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--ink-dim);padding:.4rem .55rem;background:var(--panel);border:1px solid var(--edge);border-radius:3px;cursor:pointer}.toggle input{accent-color:var(--ice);width:14px;height:14px}#banner{position:absolute;top:92px;left:50%;transform:translate(-50%,-8px);margin:0;padding:10px 22px;text-align:center;background:var(--panel-solid);border:1px solid var(--edge);border-left:3px solid var(--ice);border-radius:3px;font-family:var(--mono);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:7;max-width:min(560px,92vw)}#banner.on{opacity:1;transform:translate(-50%)}#banner b{display:block;font-size:.86rem;letter-spacing:.24em;color:var(--ice)}#banner span{display:block;margin-top:4px;font-size:.72rem;color:var(--ink-dim);line-height:1.4}#status{position:absolute;left:14px;top:96px;margin:0;max-width:min(430px,60vw);padding:7px 11px;font-size:.74rem;line-height:1.35;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--warn);border-radius:3px;z-index:5}#front-read{position:absolute;left:14px;top:148px;margin:0;padding:5px 11px;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;color:var(--ice);background:var(--panel);border:1px solid var(--edge);border-radius:3px;z-index:5}#town-list{position:absolute;left:14px;bottom:18px;margin:0;padding:0;list-style:none;display:grid;gap:5px;z-index:5;font-family:var(--mono)}#town-list li{display:grid;grid-template-columns:8.4rem 5.4rem 3.6rem;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border:1px solid var(--edge);border-radius:3px}#town-list .tn{font-size:.72rem;letter-spacing:.1em;color:var(--ink)}#town-list .tg{display:block;height:6px;background:#b4d2e124;border-radius:2px;overflow:hidden}#town-list .tg i{display:block;height:100%;background:linear-gradient(90deg,#b4552e,var(--ice))}#town-list b{font-size:.64rem;text-align:right;color:var(--ink-dim)}#town-list li.open{border-color:#7fe3ff80}#town-list li.open b{color:var(--ice)}#tac-frame{position:absolute;right:16px;bottom:18px;width:min(320px,42vw);aspect-ratio:4 / 3;border:1px solid var(--edge);box-shadow:0 0 0 1px #060a0fd9,0 10px 30px #00000080;pointer-events:none;z-index:4}#tac-frame[hidden]{display:none}#tac-frame span{position:absolute;top:-1px;left:-1px;padding:3px 8px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;color:var(--ink);background:var(--panel-solid);border:1px solid var(--edge)}#touch-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;justify-content:center;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#060a0ff2,#060a0f8c);border-top:1px solid var(--edge);z-index:6}#touch-bar[hidden]{display:none}.touch-stack{display:grid;gap:4px}.touch-key{flex:1 1 0;min-width:0;display:grid;place-content:center;gap:2px;padding:.5rem .3rem;font-family:var(--mono);color:var(--ink);background:var(--panel-solid);border:1px solid var(--edge);border-radius:3px;cursor:pointer;touch-action:none;user-select:none}.touch-key span{font-size:.66rem;letter-spacing:.06em;white-space:nowrap}.touch-key small{font-size:.54rem;letter-spacing:.16em;color:var(--ink-faint)}.touch-key.surge{border-color:#7fe3ff8c;color:var(--ice)}.touch-key.on{background:#14313d;border-color:var(--ice)}#front-switch{position:absolute;right:16px;bottom:calc(28px + min(320px,42vw)*.75);z-index:6}#front-switch[hidden]{display:none}.screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:20px;background:radial-gradient(ellipse at 50% 45%,#060a0f3d,#04070abd);z-index:10}.screen[hidden]{display:none}.title-card,.modal-card{width:min(640px,94vw);max-height:92vh;overflow:auto;padding:22px 26px;background:var(--panel-solid);border:1px solid var(--edge);border-top:2px solid var(--ice);border-radius:4px;box-shadow:0 24px 70px #0009}.modal-card{width:min(520px,94vw);display:grid;gap:10px;justify-items:stretch}.modal-card.wide{width:min(660px,94vw)}.eyebrow{font-family:var(--mono);font-size:.6rem;letter-spacing:.24em;color:var(--ice);text-transform:uppercase}h1{margin:4px 0 2px;font-size:clamp(2.3rem,8vw,3.6rem);line-height:.92;letter-spacing:-.01em}h1 span{color:var(--ice)}h2{margin:0;font-size:1.3rem;line-height:1.15}.lede{margin:8px 0 4px;font-size:.92rem;line-height:1.5;color:var(--ink-dim);max-width:46rem}.modal-card p{margin:0 0 4px;font-size:.85rem;line-height:1.5;color:var(--ink-dim)}.brief-keys{list-style:none;margin:12px 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px 16px;font-family:var(--mono);font-size:.68rem}.brief-keys li{display:flex;gap:8px;align-items:baseline}.brief-keys b{color:var(--ice);min-width:3.6rem;letter-spacing:.1em}.brief-keys span{color:var(--ink-dim)}dl{margin:6px 0 10px;display:grid;gap:8px}dl dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--ice)}dl dd{margin:2px 0 0;font-size:.82rem;line-height:1.45;color:var(--ink-dim)}.primary{margin-top:4px;padding:.8rem 1.6rem;font-size:.8rem;letter-spacing:.2em;color:#04121a;background:var(--ice);border:1px solid var(--ice);font-weight:700}.primary:hover{background:#a5edff}.secondary{padding:.6rem 1.2rem;font-size:.7rem;letter-spacing:.16em;color:var(--ink);background:transparent;border:1px solid var(--edge)}.secondary:hover{border-color:var(--ice);color:var(--ice)}#record-line{display:block;margin-top:10px;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--ink-faint)}.ledger{display:grid;gap:4px;margin:4px 0 8px}.ledger div{display:flex;justify-content:space-between;gap:12px;padding:6px 9px;background:#141e26d9;border:1px solid var(--edge);border-radius:3px;font-family:var(--mono);font-size:.72rem}.ledger span{color:var(--ink-faint);letter-spacing:.08em;white-space:nowrap}.ledger b{text-align:right;line-height:1.35}.ledger b{color:var(--ink)}:focus-visible{outline:2px solid var(--ice);outline-offset:2px}@media(max-width:860px){#hud{flex-wrap:wrap;gap:6px;padding:8px 10px}.hud-block{padding:5px 9px}.clock-block .big{font-size:1.35rem}.meters{order:3;flex-basis:100%}.hud-actions{margin-left:auto}#banner{top:274px}#status{top:172px;left:10px;right:10px;max-width:none;font-size:.7rem}#front-read{top:240px;left:10px}#town-list{left:10px;bottom:100px}#town-list li{grid-template-columns:4.4rem 2.2rem 2.4rem;gap:6px;padding:5px 7px}#town-list .tn{font-size:.64rem}#town-list b{font-size:.58rem}#tac-frame{right:10px;bottom:100px;width:152px}#tac-frame span{font-size:.46rem;letter-spacing:.1em;padding:2px 5px}#front-switch{right:10px;bottom:214px}}@media(min-width:861px){#touch-bar{display:none}}@media(prefers-reduced-motion:reduce){#banner,.meter .track i{transition:none}}