:root{--ink: #05080c;--panel: rgba(7, 11, 16, .9);--panel-solid: #0a1017;--edge: rgba(150, 178, 194, .26);--edge-hot: rgba(224, 164, 74, .5);--text: #e4eef3;--text-dim: #9db0bb;--text-faint: #7d909c;--brass: #e0a44a;--brass-hot: #ffc670;--warn: #e8913f;--bad: #e05c4a;--good: #6fc9b0;--sea: #6fb3c9;--face: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--hand: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:var(--hand);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:radial-gradient(circle at 22% 18%,rgba(255,208,140,.1),transparent 46%),radial-gradient(circle at 78% 72%,rgba(90,150,190,.08),transparent 52%),repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0 1px,transparent 1px 3px)}#hud{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none}#hud>*{pointer-events:auto}#topbar{grid-column:1 / 3;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:baseline;gap:10px;padding:7px 13px;background:var(--panel);border:1px solid var(--edge);border-radius:3px;min-width:0}.brand b{font-family:var(--face);font-size:17px;letter-spacing:.24em;color:var(--text)}.brand span{font-size:10.5px;letter-spacing:.2em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utilities{display:flex;gap:6px;flex:0 0 auto}button{font-family:var(--hand);color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:3px;cursor:pointer;letter-spacing:.14em;font-size:11px;padding:8px 12px;transition:background .12s ease,border-color .12s ease,color .12s ease}button:hover{background:#141e28f0;border-color:var(--edge-hot)}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button[disabled]{opacity:.36;cursor:default}button[disabled]:hover{background:var(--panel);border-color:var(--edge)}.utility[aria-pressed=true]{color:var(--brass);border-color:var(--edge-hot)}#rail{grid-column:1;grid-row:2;align-self:start;justify-self:start;display:flex;flex-direction:column;gap:7px;width:min(288px,46vw);max-height:100%;overflow:hidden}.gauge{background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:7px 10px 8px}.gauge-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:9.5px;letter-spacing:.18em;color:var(--text-faint)}.gauge-head b{font-size:13px;letter-spacing:.04em;color:var(--text)}.bar{position:relative;height:9px;margin:6px 0 5px;background:#ffffff12;border-radius:1px;overflow:hidden}.bar.thin{height:6px}.bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#3f7f92,var(--sea));transition:width 90ms linear}.bar i.warn{background:linear-gradient(90deg,#8a5a22,var(--warn))}.bar i.bad{background:linear-gradient(90deg,#7a2f26,var(--bad))}.bar i.good{background:linear-gradient(90deg,#2f6b5d,var(--good))}.bar u{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--brass);left:50%}.gauge-foot{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.12em;color:var(--text-faint)}.gauge-foot b{color:var(--text-dim);font-weight:600}#act-strip{background:#e0a44a1f;border:1px solid var(--edge-hot);border-radius:3px;padding:7px 10px;display:flex;flex-direction:column;gap:2px}#act-name{font-size:11px;letter-spacing:.2em;color:var(--brass-hot)}#act-note{font-size:9.5px;letter-spacing:.04em;color:var(--text-dim);line-height:1.35}#profile{grid-column:2;grid-row:2;align-self:start;justify-self:end;width:300px;background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:8px}#profile-svg{display:block;width:100%;height:auto}#profile-note{margin:6px 2px 0;font-size:9.5px;letter-spacing:.04em;color:var(--text-dim);line-height:1.4}#foot{grid-column:1 / 3;grid-row:3;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#status{margin:0;flex:1 1 240px;min-width:0;text-align:center;font-size:11.5px;letter-spacing:.1em;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:9px 14px}#status.alarm{color:var(--bad);border-color:#e05c4a8c}#status.brass{color:var(--brass-hot);border-color:var(--edge-hot)}#barrels{display:flex;gap:7px;flex:0 0 auto}.barrel{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 15px;min-width:96px;background:var(--panel);user-select:none;touch-action:none}.barrel.heave{border-color:#6fb3c980}.barrel.heave:hover{background:#18303af2}.barrel.live{background:#285464f2;border-color:var(--sea);color:#eaf6fa}.barrel-key{font-size:8.5px;letter-spacing:.16em;color:var(--text-faint);border:1px solid var(--edge);border-radius:2px;padding:1px 5px}.barrel-word{font-size:11.5px;letter-spacing:.18em}.barrel.small{min-width:84px;padding:7px 10px}.barrel.small .barrel-word{font-size:9.5px;letter-spacing:.12em}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:radial-gradient(circle at 50% 30%,rgba(20,42,56,.5),transparent 62%),#030508e6}.screen[hidden]{display:none}.card{width:min(720px,100%);background:linear-gradient(180deg,#0b1118f7,#060a0ef7);border:1px solid var(--edge);border-radius:4px;padding:26px 30px 28px;box-shadow:0 30px 80px #0009}.kicker{margin:0 0 10px;font-size:10px;letter-spacing:.3em;color:var(--brass)}.card h1{margin:0 0 6px;font-family:var(--face);font-size:clamp(34px,7vw,54px);letter-spacing:.16em;line-height:1;color:#f2f8fb}.card h2{margin:0 0 8px;font-family:var(--face);font-size:clamp(22px,4.4vw,32px);letter-spacing:.1em;color:#f2f8fb}.tagline{margin:0 0 14px;font-family:var(--face);font-size:16px;font-style:italic;color:var(--brass-hot);line-height:1.4}.brief{margin:0 0 16px;font-size:13px;line-height:1.62;color:var(--text-dim)}.verbs{margin:0 0 20px;display:grid;gap:8px}.verbs>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}.verbs dt{font-size:10px;letter-spacing:.2em;color:var(--brass);padding-top:2px}.verbs dd{margin:0;font-size:12px;line-height:1.5;color:var(--text-dim)}.major{display:block;width:100%;padding:15px 18px;font-size:14px;letter-spacing:.28em;color:var(--ink);background:linear-gradient(180deg,var(--brass-hot),var(--brass));border-color:var(--brass-hot);font-weight:700}.major:hover{background:linear-gradient(180deg,#ffd48c,#eeb25a)}.minor{display:block;width:100%;margin-top:9px;padding:11px 14px;font-size:11px;letter-spacing:.2em;color:var(--text-dim)}.choice-label{margin:0 0 8px;font-size:9.5px;letter-spacing:.24em;color:var(--text-faint)}.choices{display:grid;gap:7px;margin-bottom:16px}.choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;text-align:left;padding:11px 13px;letter-spacing:.04em;font-size:12px;line-height:1.4}.choice b{display:block;font-size:12px;letter-spacing:.16em;color:var(--text)}.choice em{display:block;font-style:normal;font-size:10.5px;color:var(--text-faint);margin-top:3px}.choice .mark{font-size:10px;letter-spacing:.1em;color:var(--text-faint);text-align:right;white-space:nowrap}.choice[aria-pressed=true]{background:#e0a44a29;border-color:var(--brass)}.choice[aria-pressed=true] .mark,.choice[aria-pressed=true] b{color:var(--brass-hot)}.choice:disabled{opacity:.34}.tally{margin:0 0 18px;display:grid;gap:5px}.tally>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:12px}.tally dt,.tally span{color:var(--text-faint);letter-spacing:.1em;font-size:10.5px}.tally b,.tally strong{color:var(--text);font-weight:600}.tally em{font-style:normal;color:var(--bad)}.fineprint{margin:12px 0 0;font-size:10.5px;line-height:1.6;color:var(--text-faint)}.fineprint b{color:var(--text-dim)}@media(max-width:760px){#hud{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:7px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}#topbar{grid-column:1;grid-row:1}#rail{grid-column:1;grid-row:2;width:100%;flex-direction:row;flex-wrap:wrap;gap:5px;overflow:visible}.gauge{flex:1 1 132px;padding:5px 8px 6px}.gauge-head{font-size:8.5px;letter-spacing:.12em}.gauge-head b{font-size:11.5px}.gauge-foot{font-size:8px}#act-strip{flex:1 1 100%;padding:5px 8px}#act-note{display:none}#profile{grid-column:1;grid-row:3;align-self:end;justify-self:end;width:min(190px,52vw);padding:5px}#profile-note{display:none}#foot{grid-column:1;grid-row:4;flex-direction:column;gap:7px}#status{flex:0 0 auto;width:100%;padding:7px 10px;font-size:10.5px}#barrels{width:100%}.barrel{flex:1 1 0;min-width:0;padding:8px 6px}.barrel-word{font-size:10px;letter-spacing:.1em}.barrel.small{flex:0 1 84px}.brand b{font-size:14px;letter-spacing:.16em}.brand span{font-size:9px}button{padding:7px 9px;font-size:10px}.card{padding:20px 18px 22px}.verbs>div{grid-template-columns:76px minmax(0,1fr);gap:10px}.verbs dd{font-size:11.5px}.brief{font-size:12px}}@media(prefers-reduced-motion:reduce){.bar i{transition:none}.grain{opacity:.3}}