:root{--ink: #eaf1ff;--ink-soft: #a9bedd;--ink-dim: #8ea6c8;--gold: #ffcf5c;--gold-deep: #ff9d2e;--void: #050a16;--panel: rgba(6, 13, 28, .92);--panel-solid: #070e1d;--line: rgba(126, 165, 224, .26);--hot: #ff7a5c;--cool: #7fd8ff;--good: #86e5a0;--bad: #ff8f8f;--pad: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased;overscroll-behavior:none}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}#vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,#0000 42%,#02050cb8),linear-gradient(180deg,#04091480,#04091400 22% 62%,#0409149e)}#grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:repeating-linear-gradient(0deg,#fff9 0 1px,#0000 1px 3px)}.hud{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;gap:6px;padding:var(--pad) var(--pad) 8px;background:linear-gradient(180deg,#040914f0,#040914db 72%,#04091400);pointer-events:none}.hud-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.readout{display:flex;flex-direction:column;gap:1px;padding:4px 9px;min-width:62px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.readout--quota{border-color:#ffcf5c80}.readout-label{font-size:9px;letter-spacing:.14em;color:var(--ink-dim)}.readout-value{font-size:17px;font-weight:700;color:var(--ink);line-height:1.1}.readout-value i{font-style:normal;font-size:10px;color:var(--ink-soft);margin-left:3px}.readout--quota .readout-value b{color:var(--gold)}.hud-chips{display:flex;gap:6px;margin-left:auto;pointer-events:auto}.chip{font:inherit;font-size:10px;letter-spacing:.1em;padding:7px 9px;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:7px;cursor:pointer}.chip:hover,.chip:focus-visible{color:var(--ink);border-color:#ffcf5c99}.hud-gauges{display:flex;gap:6px}.gauge{flex:1;display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.gauge-label{font-size:9px;letter-spacing:.12em;color:var(--ink-dim);min-width:46px}.gauge-track{flex:1;height:7px;background:#7ea5e029;border-radius:4px;overflow:hidden}.gauge-track i{display:block;height:100%;background:var(--cool);transition:width .12s linear}.gauge-value{font-size:11px;font-weight:700;min-width:30px;text-align:right;color:var(--ink)}.gauge[data-tone=power] .gauge-track i{background:linear-gradient(90deg,#4aa8ff,#7fd8ff)}.gauge[data-tone=heat] .gauge-track i{background:linear-gradient(90deg,var(--gold-deep),var(--hot))}.gauge[data-tone=morale] .gauge-track i{background:linear-gradient(90deg,#3f9c6a,var(--good))}.gauge[data-tone=net] .gauge-track i{background:linear-gradient(90deg,#b06a1c,var(--gold))}.gauge[data-tone=heat]{border-color:#ff9d2e57}.alert{position:fixed;left:50%;bottom:168px;transform:translate(-50%);z-index:4;margin:0;padding:7px 14px;font-size:12px;letter-spacing:.03em;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:999px;white-space:nowrap;pointer-events:none}.alert[data-tone=good]{color:var(--good);border-color:#86e5a080}.alert[data-tone=warn]{color:var(--gold);border-color:#ffcf5c80}.alert[data-tone=bad]{color:var(--bad);border-color:#ff8f8f8c}.panel{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#04091400,#040914e0 22%,#040914f5)}.bays{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bay{padding:6px 8px 7px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.bay[data-ripe=yes]{border-color:var(--gold);box-shadow:0 0 0 1px #ffcf5c52 inset}.bay[data-light=dark]{border-color:#7ea5e029}.bay[data-light=hot]{border-color:#ff7a5c99}.bay-head{display:flex;align-items:center;gap:5px;min-width:0}.bay-swatch{width:8px;height:8px;border-radius:2px;flex:none}.bay[data-tone=solgloss] .bay-swatch{background:#ffc247}.bay[data-tone=emberroot] .bay-swatch{background:#ff8a4c}.bay[data-tone=lumenfern] .bay-swatch{background:#9fe6b4}.bay-name{font-size:11px;font-weight:700;color:var(--ink);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bay-stage{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap}.bay[data-ripe=yes] .bay-stage{color:var(--gold)}.bay-bar{position:relative;height:8px;margin:5px 0 4px;background:#7ea5e026;border-radius:4px;overflow:hidden}.bay-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f6a4a,#86e5a0);transition:width .1s linear}.bay[data-ripe=yes] .bay-bar i{background:linear-gradient(90deg,var(--gold-deep),var(--gold))}.bay-bar b{position:absolute;inset:0;opacity:0;background:#fff3}.bay-meta{display:flex;align-items:baseline;gap:6px}.bay-want{font-size:9px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.bay-light{font-size:10px;font-weight:700;color:var(--ink-soft)}.bay[data-light=sun] .bay-light{color:var(--gold)}.bay[data-light=hot] .bay-light{color:var(--hot)}.bay[data-light=dark] .bay-light{color:var(--cool)}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pad{display:flex;align-items:center;gap:7px;justify-content:center;padding:9px 6px;font:inherit;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:9px;cursor:pointer;min-height:46px;touch-action:manipulation}.pad:hover,.pad:focus-visible{color:var(--ink);border-color:#ffcf5c8c}.pad:active{transform:translateY(1px)}.pad-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 5px;font-size:12px;font-weight:700;color:var(--ink);background:#7ea5e029;border-radius:5px}.pad-name{font-size:10px;letter-spacing:.1em}.pad--lift{border-color:#ffcf5c73}.pad--lift[data-ready=yes]{color:#0a1120;background:linear-gradient(180deg,#ffd97a,#ffab35);border-color:#ffd97a}.pad--lift[data-ready=yes] .pad-key{color:#0a1120;background:#0000002e}.pad--vent[data-ready=yes]{border-color:#7fd8ff99;color:var(--cool)}.hint{margin:0;text-align:center;font-size:9px;letter-spacing:.1em;color:var(--ink-dim)}.screen{position:fixed;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto;background:radial-gradient(135% 115% at 50% 44%,#04091400 26%,#03060ee6)}.title-card,.modal-card,.result-card{width:min(860px,100%);max-height:100%;overflow-y:auto;padding:22px 24px;background:#050a16f0;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #0009}.eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.24em;color:var(--gold)}h1{margin:0 0 8px;font-size:clamp(30px,6.4vw,54px);line-height:1;letter-spacing:-.02em;color:#fff}h2{margin:0 0 6px;font-size:19px;color:var(--ink)}h3{margin:0 0 4px;font-size:12px;letter-spacing:.12em;color:var(--gold)}.title-line{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:62ch}.title-brief,.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.help-grid{grid-template-columns:repeat(2,1fr)}.title-brief>div,.help-grid>div{padding:11px 12px;background:#0a1326eb;border:1px solid var(--line);border-radius:9px}.title-brief p,.help-grid p{margin:0;font-size:11.5px;line-height:1.6;color:var(--ink-soft)}.help-grid p{font-size:11px}.title-foot{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.primary{font:inherit;font-size:13px;font-weight:700;letter-spacing:.16em;padding:12px 22px;color:#0a1120;background:linear-gradient(180deg,#ffd97a,#ffab35);border:1px solid #ffd97a;border-radius:9px;cursor:pointer}.primary:hover,.primary:focus-visible{background:linear-gradient(180deg,#ffe49b,#ffbc5c)}.ghost{font:inherit;font-size:12px;letter-spacing:.1em;padding:11px 16px;color:var(--ink-soft);background:#0a1326e6;border:1px solid var(--line);border-radius:9px;cursor:pointer}.ghost:hover,.ghost:focus-visible{color:var(--ink);border-color:#ffcf5c8c}.ghost--warn:hover,.ghost--warn:focus-visible{border-color:#ff8f8f99;color:var(--bad)}.title-keys{margin:0;font-size:10.5px;letter-spacing:.06em;color:var(--ink-dim)}.title-seed{margin:0;font-size:10px;letter-spacing:.1em;color:var(--gold)}kbd{display:inline-block;padding:1px 5px;font:inherit;font-size:10px;color:var(--ink);background:#7ea5e02e;border:1px solid var(--line);border-radius:4px}.modal-copy,.result-line{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--ink-soft);max-width:60ch}.modal-actions{display:flex;flex-wrap:wrap;gap:9px}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:18px}.stat-row{display:flex;align-items:baseline;gap:8px;font-size:11px;color:var(--ink-soft);background:#0a1326eb;border:1px solid var(--line);border-radius:7px}.stat-row b{margin-left:auto;font-size:12px;color:var(--ink)}@media(max-width:720px){:root{--pad: 8px}.hud-gauges{flex-wrap:wrap}.gauge{flex:1 1 44%}.bays{grid-template-columns:repeat(2,1fr)}.title-brief,.help-grid,.result-stats{grid-template-columns:1fr}.title-card,.modal-card,.result-card{padding:15px 14px}.screen--title{align-items:flex-end;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px))}.title-card{display:flex;flex-direction:column;max-height:70%}.title-foot{order:-1;margin-bottom:13px}h1{font-size:34px}.title-line{font-size:12.5px;margin-bottom:12px}.title-brief,.help-grid{gap:8px;margin-bottom:13px}.title-brief>div,.help-grid>div{padding:8px 10px}.title-brief p{font-size:11px;line-height:1.5}.title-brief h2{font-size:15px}.title-foot{gap:8px}.pad{flex-direction:column;gap:3px;min-height:52px}.pad-name{font-size:9px}.readout{min-width:54px;padding:3px 7px}.readout-value{font-size:15px}.alert{bottom:222px;font-size:11px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.hud-chips{width:100%;margin-left:0}.hud-chips .chip{flex:1}}@media(max-width:380px){.bays{grid-template-columns:1fr 1fr}.bay-want{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}#grain{display:none}}