:root{--void: #070a18;--deep: #0b0f22;--panel: rgba(9, 13, 28, .93);--panel-solid: #0c1124;--line: rgba(159, 182, 224, .24);--ink: #eef1f8;--muted: #a3aec8;--brass: #e6bb84;--tide: #6fd8c8;--good: #7ce0b0;--bad: #ff9a7a;--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--void)}body{color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}button,input,output{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#app{position:fixed;inset:0;display:grid;grid-template-columns:1fr minmax(300px,366px);grid-template-rows:auto auto 1fr auto;grid-template-areas:"hud hud" "status status" "well side" "deck deck";gap:10px;padding:0 12px 12px}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}#grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.16;background:radial-gradient(ellipse at 50% 40%,#0000 34%,#040610b8)}#hud{grid-area:hud;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px 0;flex-wrap:wrap}.mark{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.24em}.mark i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 46% 40%,#bfe9e4,#2f7f96 52%,#0d2b4a);box-shadow:0 0 16px #6fd8c873}.mark span{display:grid;gap:2px}.mark small{color:var(--brass);font-size:9px;letter-spacing:.18em}.gauges{display:flex;gap:8px;flex-wrap:wrap}.gauge{margin:0;display:grid;gap:2px;padding:6px 11px;min-width:78px;background:var(--panel);border:1px solid var(--line)}.gauge small{color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.16em}.gauge b{color:var(--ink);font-family:var(--mono);font-size:15px;font-weight:400;letter-spacing:.02em}.gauge .bar{display:block;height:3px;background:#9fb6e033}.gauge .bar i{display:block;height:100%;width:0;background:var(--good);transition:width .2s linear}.gauge.strain.hot .bar i{background:var(--bad)}.gauge.strain.hot b{color:var(--bad)}.hud-actions{display:flex;gap:7px}.hud-actions button,#moon-chips button,.deck-actions button{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:8px 10px;transition:background .16s,border-color .16s,color .16s}.hud-actions button:hover,#moon-chips button:hover,.deck-actions button:hover{border-color:var(--brass);color:var(--brass)}#status{grid-area:status;z-index:6;margin:0;padding:7px 12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--tide);font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink)}#status.warn{border-left-color:var(--brass);color:var(--brass)}#status.bad{border-left-color:var(--bad);color:var(--bad)}#stage-well{grid-area:well;z-index:2;pointer-events:none}#side{grid-area:side;z-index:5;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}#console,#brief{background:var(--panel);border:1px solid var(--line);padding:11px 12px 12px}#console header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#console h2,#brief h2{margin:0;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brass);font-weight:400}#section-caption{color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.12em}#section{display:block;width:100%;height:132px;margin:9px 0 6px;border:1px solid rgba(159,182,224,.16);background:#0a0e1e}#districts{list-style:none;margin:0;padding:0;display:grid;gap:3px}#districts li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;padding:4px 6px;border-left:2px solid var(--line);background:#ffffff08}#districts li.good{border-left-color:var(--good)}#districts li.high{border-left-color:var(--bad)}#districts li.dry{border-left-color:var(--brass)}#districts .name{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink)}#districts .read{font-family:var(--mono);font-size:10px;color:var(--muted)}#districts li.good .read{color:var(--good)}#districts li.high .read{color:var(--bad)}#districts li.dry .read{color:var(--brass)}#districts .band{grid-column:1 / -1;height:3px;position:relative;background:#9fb6e029}#districts .band i{position:absolute;inset:0 auto 0 0;background:var(--tide)}#districts .band u{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--good)}#brief p{margin:9px 0 0;font-size:12.5px;line-height:1.5;color:#cfd6e6}#brief-facts{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px}#brief-facts dt{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted)}#brief-facts dd{margin:0;font-size:12px;color:#c3cbdd}#deck{grid-area:deck;z-index:6;display:grid;gap:9px;padding:10px 12px 12px;background:var(--panel);border:1px solid var(--line)}#moon-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#moon-chips .chip-note{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--muted)}#moon-chips button.on{border-color:var(--brass);color:#1a1206;background:var(--brass)}#moon-chips button.lock{border-color:var(--bad);color:var(--bad)}.sliders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px}.dial{display:grid;gap:4px}.dial>span{display:flex;justify-content:space-between;gap:6px;font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--muted)}.dial output{color:var(--tide);letter-spacing:.04em}.dial.epoch.disabled{opacity:.35}.dial input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;margin:0}.dial input[type=range]::-webkit-slider-runnable-track{height:3px;background:#9fb6e04d}.dial input[type=range]::-moz-range-track{height:3px;background:#9fb6e04d}.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--tide);border:0}.dial input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--tide);border:0}.deck-actions{display:flex;gap:7px;flex-wrap:wrap}.deck-actions .primary{flex:0 1 240px;border-color:var(--tide);background:var(--tide);color:#04140f}.deck-actions .primary:hover{background:#8ff0e0;color:#04140f}.deck-actions .ready{background:var(--good);border-color:var(--good);color:#05170e}.deck-actions button kbd{margin-left:6px;opacity:.72}kbd{border:1px solid currentColor;padding:1px 4px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;opacity:.8}.screen{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:26px;background:#040610db;backdrop-filter:blur(4px)}.title-screen{justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(100deg,#040610f0,#040610b8 46%,#04061057)}.title-copy{width:min(600px,100%);padding:22px 0}.eyebrow{color:var(--brass);font-family:var(--mono);font-size:10px;letter-spacing:.26em}.title-copy h1{margin:14px 0 16px;font-size:clamp(58px,11vw,132px);line-height:.78;letter-spacing:-.02em;font-weight:400}.title-copy p{max-width:500px;font-size:clamp(13px,1.25vw,16px);line-height:1.55;color:#d3d9e8}.title-controls{display:flex;flex-wrap:wrap;gap:7px 15px;margin:20px 0;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.06em}.title-buttons{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{min-width:190px;border:1px solid var(--tide);padding:13px 18px;background:var(--tide);color:#04140f;font-family:var(--mono);font-size:11px;letter-spacing:.14em}.primary:hover{background:#8ff0e0}.secondary{background:transparent;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--brass)}.title-copy>small{display:block;margin-top:14px;color:var(--muted);font-family:var(--mono);font-size:10px}.ledger-card{width:min(290px,100%);padding:15px;border:1px solid var(--line);background:var(--panel)}.ledger-card>span{color:var(--brass);font-family:var(--mono);font-size:9px;letter-spacing:.2em}#title-ledger{list-style:none;margin:11px 0 0;padding:0;display:grid;gap:6px}#title-ledger li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(159,182,224,.14);font-family:var(--mono);font-size:10px;color:var(--muted)}#title-ledger b{color:var(--good);font-weight:400}#title-ledger i{font-style:normal;color:var(--brass)}.survey-card{width:min(420px,100%);padding:26px;border:1px solid var(--line);background:var(--panel-solid);text-align:center}.survey-card h2{margin:12px 0 10px;font-size:26px;font-weight:400}.survey-card p{margin:0;font-size:13px;line-height:1.55;color:#c3cbdd}.modal-card{width:min(480px,100%);max-height:100%;overflow:auto;padding:26px;border:1px solid var(--line);background:var(--panel-solid);box-shadow:0 26px 90px #0000008c}.modal-card h2{margin:12px 0 10px;font-size:30px;line-height:1.05;font-weight:400}.modal-card p{margin:0 0 10px;font-size:13px;line-height:1.55;color:#c3cbdd}.toggle{display:flex;align-items:center;gap:9px;margin:14px 0;color:var(--muted);font-family:var(--mono);font-size:11px}.toggle input{accent-color:var(--tide);width:16px;height:16px}.modal-card .secondary{margin-top:8px;width:100%}.help-card{width:min(600px,100%)}.help-card dl{display:grid;grid-template-columns:116px 1fr;gap:8px 14px;margin:18px 0}.help-card dt{color:var(--brass);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.help-card dd{margin:0;font-size:12.5px;line-height:1.45;color:#c3cbdd}.result-ledger{display:grid;gap:3px;margin:16px 0 12px}.result-ledger div{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-top:1px solid rgba(159,182,224,.14)}.result-ledger span{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.12em;min-width:96px}.result-ledger b{flex:1;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--ink)}.result-ledger em{font-style:normal;font-family:var(--mono);font-size:9px;color:var(--good)}.result-ledger em.bad{color:var(--bad)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 18px}.result-stats span{display:grid;gap:5px;padding:9px;border:1px solid var(--line)}.result-stats small{color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.result-stats b{color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:400}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:auto auto minmax(120px,1fr) auto auto;grid-template-areas:"hud" "status" "well" "side" "deck";gap:8px;padding:0 9px max(9px,env(safe-area-inset-bottom))}#hud{padding:8px 2px 0;gap:6px}.mark{font-size:11px;letter-spacing:.18em}.gauges{gap:5px;flex:1 1 100%}.gauge{min-width:0;flex:1 1 0;padding:4px 7px}.gauge b{font-size:12px}.hud-actions{gap:5px}.hud-actions button{padding:7px 8px;font-size:9px}#section{height:92px}#side{max-height:31vh}#brief{display:none}.sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px}.dial input[type=range]{height:15px}.deck-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.deck-actions .primary{grid-column:1 / -1}#deck{padding:8px 10px 10px;gap:7px}.title-screen{flex-direction:column;align-items:stretch;justify-content:center;gap:14px}.title-buttons{flex-direction:column}.ledger-card{display:none}.result-stats{grid-template-columns:1fr 1fr}.help-card dl{grid-template-columns:1fr;gap:2px 0}.help-card dt{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}