:root{--ink: #e2f2ea;--ink-dim: #a9c2b6;--ink-faint: #86a094;--panel: rgba(7, 22, 19, .88);--panel-solid: #081815;--edge: rgba(120, 214, 186, .24);--accent: #6fe0c0;--warn: #f0c070;--bad: #f08a80;--good: #8ee6a8;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#061310;color:var(--ink);font-family:var(--font)}body{overflow:hidden}#app{position:relative;height:100%;display:grid;grid-template-areas:"hud hud" "roster log" "dock dock";grid-template-rows:auto minmax(0,1fr) auto;gap:.6rem;padding:.6rem}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#hud,#roster,#log,#dock{position:relative;z-index:2}#hud{grid-area:hud}#roster{grid-area:roster}#log{grid-area:log}#dock{grid-area:dock}[hidden]{display:none!important}#hud{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .6rem;background:var(--panel);border:1px solid var(--edge);border-radius:.7rem;backdrop-filter:blur(6px)}.hud-main{display:flex;gap:.4rem;flex-wrap:wrap}.readout{display:flex;flex-direction:column;gap:.1rem;min-width:5.4rem;padding:.3rem .5rem;border-radius:.45rem;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.readout .k{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.readout b{font-size:1.12rem;font-variant-numeric:tabular-nums;line-height:1.05}.readout i{font-style:normal;font-size:.66rem;color:var(--ink-dim)}.readout.clock b{color:var(--accent)}.readout.mini{min-width:4.6rem}.readout.mini b{font-size:.92rem}.readout.alert{border-color:var(--bad);background:#f08a8029}.readout.warn{border-color:var(--warn);background:#f0c07024}.hud-sub{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.goal{margin:0;flex:1 1 16rem;font-size:.78rem;color:var(--ink-dim)}.goal b{color:var(--ink)}.goal.met{color:var(--good)}.tools{display:flex;gap:.3rem;margin-left:auto}.chip{font:inherit;font-size:.72rem;padding:.32rem .6rem;color:var(--ink);background:#ffffff12;border:1px solid var(--edge);border-radius:999px;cursor:pointer}.chip:hover{background:#6fe0c02e}.chip[aria-pressed=false]{color:var(--ink-faint)}:where(button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}#roster{align-self:start;max-height:100%;overflow-y:auto;padding:.55rem .6rem;background:var(--panel);border:1px solid var(--edge);border-radius:.7rem;width:min(23rem,100%)}#roster h2{margin:0 0 .4rem;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}#roster-list{display:flex;flex-direction:column;gap:.3rem}.sp{display:grid;grid-template-columns:.6rem 1fr auto;align-items:center;gap:.45rem;width:100%;text-align:left;font:inherit;padding:.32rem .4rem;color:var(--ink);background:#ffffff0d;border:1px solid transparent;border-radius:.45rem;cursor:pointer}.sp:hover{background:#6fe0c024}.sp[aria-pressed=true]{border-color:var(--accent);background:#6fe0c029}.sp .dot{width:.6rem;height:.6rem;border-radius:50%;background:#3d5a4f}.sp.good .dot{background:var(--good)}.sp.warn .dot{background:var(--warn)}.sp.bad .dot{background:var(--bad)}.sp .name{display:flex;flex-direction:column;line-height:1.15}.sp .name small{color:var(--ink-faint);font-size:.64rem}.sp .num{font-variant-numeric:tabular-nums;font-size:.86rem;color:var(--ink-dim)}.sp .bar{grid-column:1 / -1;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.sp .bar span{display:block;height:100%;background:var(--accent)}#log{align-self:start;justify-self:end;max-width:min(26rem,60vw);padding:.45rem .6rem;background:var(--panel);border:1px solid var(--edge);border-radius:.7rem}#log p{margin:0;font-size:.8rem;line-height:1.35;color:var(--ink-dim)}#log p.warn{color:var(--warn)}#log p.bad{color:var(--bad)}#log p.good{color:var(--good)}#dock{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .6rem;background:var(--panel);border:1px solid var(--edge);border-radius:.7rem}#status{margin:0;font-size:.78rem;color:var(--ink-dim);min-height:1.1em}#status.warn{color:var(--warn)}#status.bad{color:var(--bad)}#status.good{color:var(--good)}.dock-row{display:flex;align-items:center;gap:.45rem}.dock-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);width:4.6rem;flex:none}.chips{display:flex;gap:.3rem;flex-wrap:wrap}.chips button{font:inherit;font-size:.74rem;padding:.3rem .55rem;color:var(--ink-dim);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;white-space:nowrap}.chips button:hover{background:#6fe0c029;color:var(--ink)}.chips button[aria-pressed=true]{color:#04120f;background:var(--accent);border-color:var(--accent);font-weight:600}.chips button.dry[aria-pressed=true]{background:var(--warn);border-color:var(--warn)}.chips button small{opacity:.72;margin-left:.3rem}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.actions button{flex:1 1 8rem;display:flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-size:.86rem;font-weight:600;padding:.55rem .6rem;color:var(--ink);background:#ffffff14;border:1px solid var(--edge);border-radius:.5rem;cursor:pointer}.actions button:hover{background:#6fe0c033}.actions button[aria-pressed=true]{background:var(--accent);color:#04120f;border-color:var(--accent)}.actions button:disabled{opacity:.45;cursor:not-allowed}.actions button.primary{background:#6fe0c038;border-color:var(--accent)}kbd{font:inherit;font-size:.62rem;font-weight:500;padding:.1rem .3rem;border-radius:.25rem;background:#00000052;color:var(--ink-dim)}.actions button[aria-pressed=true] kbd{background:#0000002e;color:#04120f}.screen{position:absolute;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:.7rem;text-align:center;padding:1.4rem;background:radial-gradient(ellipse at 50% 40%,#061310d1,#030a09f5);overflow-y:auto}.eyebrow{margin:0;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}h1{margin:0;font-size:clamp(2.6rem,10vw,5.4rem);line-height:.95;letter-spacing:-.03em}h2{margin:0;font-size:clamp(1.3rem,4.5vw,2.1rem);line-height:1.1;letter-spacing:-.01em}.lede{margin:0;max-width:34rem;font-size:.92rem;line-height:1.5;color:var(--ink-dim)}.hint{margin:0;font-size:.74rem;color:var(--ink-faint)}button.primary{font:inherit;font-size:.9rem;font-weight:700;padding:.7rem 1.5rem;color:#04120f;background:var(--accent);border:1px solid var(--accent);border-radius:999px;cursor:pointer}button.primary.big{font-size:1rem;padding:.85rem 1.9rem}button.primary:hover{filter:brightness(1.08)}.keys{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:0;max-width:32rem;text-align:left;font-size:.84rem}.keys dt{color:var(--accent);font-weight:600}.keys dd{margin:0;color:var(--ink-dim)}.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.4rem;width:min(38rem,92vw)}.stats li{padding:.5rem .6rem;background:#ffffff0f;border:1px solid var(--edge);border-radius:.5rem;display:flex;flex-direction:column;gap:.1rem}.stats b{font-size:1.15rem;font-variant-numeric:tabular-nums}.stats span{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}#result-screen.bad .eyebrow,#result-screen.bad h2{color:var(--bad)}@media(max-width:860px){#app{grid-template-areas:"hud" "log" "view" "roster" "dock";grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:.35rem;padding:.35rem}#hud{padding:.35rem .4rem;gap:.25rem}.hud-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.readout{min-width:0;padding:.18rem .35rem}.readout .k{font-size:.52rem;letter-spacing:.1em}.readout b{font-size:.86rem}.readout i,.readout.clock i,.readout.mini i{display:none}.hud-sub{gap:.25rem}#goal{flex:1 1 100%;font-size:.66rem;line-height:1.25}.tools{margin-left:0}.chip{font-size:.64rem;padding:.24rem .5rem}#log{justify-self:stretch;max-width:none;padding:.3rem .45rem}#log p{font-size:.72rem}#roster{width:auto;max-height:8.4rem;padding:.35rem .4rem}#roster h2{margin-bottom:.25rem}#roster-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}.sp{padding:.2rem .3rem;gap:.3rem;grid-template-columns:.5rem 1fr auto}.sp .label{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp .name small,.sp .bar{display:none}.sp .num{font-size:.74rem}.sp .dot{width:.5rem;height:.5rem}#dock{padding:.4rem;gap:.3rem}#status{font-size:.7rem}.dock-label{width:100%;font-size:.54rem}.dock-row{flex-direction:column;align-items:stretch;gap:.15rem}.chips{gap:.22rem}.chips button{font-size:.66rem;padding:.22rem .4rem}.chips button small{margin-left:.2rem}.actions{gap:.3rem}.actions button{flex:1 1 44%;font-size:.78rem;padding:.45rem .3rem}.hint{font-size:.66rem}.lede{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}