:root{--glass-0: #05150f;--glass-1: #0a2419;--glass-2: #14412f;--violet: #a98cff;--violet-dim: #6d54b8;--gold: #ffc861;--gold-hot: #ffe6ab;--ink: #eaf6f0;--ink-soft: #a9c6bb;--panel: rgba(4, 18, 13, .88);--panel-line: rgba(169, 200, 187, .22)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--glass-0);color:var(--ink);font-family:ui-sans-serif,Segoe UI,Inter,system-ui,sans-serif;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0;display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 68% at 50% 46%,#030e0a00 42%,#030c099e),linear-gradient(180deg,#04100c80,#04100c00 22% 74%,#04100c9e)}.hud{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.hud[hidden]{display:none}.hud-row{display:flex;gap:10px}.hud-row--top{align-items:flex-start;justify-content:space-between}.hud-row--mid{justify-content:flex-end;align-items:flex-start;flex:1 1 auto;min-height:0;padding:8px 0}.hud-row--bottom{flex-direction:column;align-items:center;gap:8px}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:9px 12px;box-shadow:0 8px 26px #00000080}.panel--meters{flex:0 1 306px;min-width:0;display:flex;flex-direction:column;gap:7px}.panel-title{margin:0;font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:flex;justify-content:space-between;gap:10px}.panel-title span{color:var(--ink-soft);letter-spacing:.1em}.gauge{display:grid;grid-template-columns:5.4rem 1fr 2.7rem;align-items:center;gap:8px}.gauge-name{font-size:.66rem;color:var(--ink-soft);letter-spacing:.04em}.gauge-val{font-size:.72rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.hud-row--mid{justify-content:center;align-items:flex-start;flex:1 1 auto;min-height:0;padding:8px 0}.banner{margin:0;pointer-events:none;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hot);background:var(--panel);border:1px solid rgba(255,200,97,.45);border-radius:999px;padding:.42rem .95rem;box-shadow:0 0 22px #ffc8613d}.banner[hidden]{display:none}.meter{position:relative;display:block;height:9px;border-radius:999px;background:#a9c8bb29;overflow:hidden}.meter>i{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;display:block}.meter--charge>i{background:linear-gradient(90deg,#b9801f,var(--gold) 65%,var(--gold-hot));box-shadow:0 0 10px #ffc861b3}.meter--lift>i{background:linear-gradient(90deg,#2f7f60,#7fe0b2)}.meter--lift[data-low="1"]>i{background:linear-gradient(90deg,#8c2f2f,#ff8d7a)}.link-state{margin:0;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--panel-line);padding-top:6px}.link-state[data-state=on]{color:var(--gold-hot)}.actions{pointer-events:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}button{font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.03em;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);border-radius:9px;padding:.44rem .72rem;cursor:pointer;pointer-events:auto;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover{border-color:var(--gold)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{background:var(--gold);border-color:var(--gold);color:#2a1704;font-weight:800;padding:.62rem 1.3rem;font-size:.84rem}button.ghost{background:#a9c8bb1a}.card--help{pointer-events:auto;width:min(360px,100%);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:11px 13px;box-shadow:0 10px 30px #0000008c;display:flex;flex-direction:column;gap:8px}.card--help[hidden]{display:none}.keylist{margin:0;display:flex;flex-direction:column;gap:6px}.keylist>div{display:grid;grid-template-columns:5.6rem 1fr;gap:8px;align-items:baseline}.keylist dt{display:flex;gap:3px}.keylist dd{margin:0;font-size:.72rem;line-height:1.35;color:var(--ink-soft)}kbd{font:600 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#a9c8bb24;border:1px solid var(--panel-line);border-bottom-width:2px;border-radius:5px;padding:.24rem .34rem;color:var(--ink)}.note{margin:0;font-size:.7rem;line-height:1.4;color:var(--ink-soft);border-top:1px solid var(--panel-line);padding-top:7px}.coach{margin:0;pointer-events:none;font-size:.74rem;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);border-radius:999px;padding:.4rem .9rem;max-width:min(640px,100%);text-align:center}.pad{pointer-events:auto;display:flex;gap:8px;width:min(520px,100%)}.pad-group{display:flex;gap:6px;flex:1 1 0}.pad-btn{flex:1 1 0;padding:.6rem .2rem;font-size:.78rem;min-height:40px}.pad-btn--flap{background:#ffc8612e;border-color:#ffc86180;color:var(--gold-hot)}.pad-btn[data-held="1"]{background:var(--gold);border-color:var(--gold);color:#2a1704}.screen{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(ellipse 90% 80% at 50% 42%,#05150f99,#030d0aed)}.screen[hidden]{display:none}.sheet{width:min(640px,100%);background:#051610ed;border:1px solid var(--panel-line);border-radius:16px;padding:clamp(16px,3.2vw,28px);display:flex;flex-direction:column;gap:.7rem;box-shadow:0 24px 70px #0009}.sheet--slim{width:min(420px,100%)}.eyebrow{margin:0;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--violet)}h1{margin:0;font-size:clamp(2.1rem,7.4vw,3.6rem);line-height:.96;letter-spacing:-.025em;color:var(--ink)}h2{margin:0;font-size:clamp(1.5rem,5.2vw,2.4rem);line-height:1.05;letter-spacing:-.02em}.lede{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink-soft);max-width:54ch}.brief{margin:.2rem 0 0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.42rem}.brief li{font-size:.8rem;line-height:1.45;color:var(--ink-soft)}.brief strong{color:var(--ink)}.brief em{color:var(--gold);font-style:normal}.controls-grid{display:flex;flex-wrap:wrap;gap:6px 14px;border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line);padding:9px 0;font-size:.7rem;color:var(--ink-soft)}.controls-grid span{display:inline-flex;align-items:center;gap:4px}.sheet-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.foot{margin:0;font-size:.7rem;color:var(--ink-soft)}.tally{margin:.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.tally>div{background:#a9c8bb14;border:1px solid var(--panel-line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.tally dt{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.tally dd{margin:0;font-size:1.05rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}@media(max-width:560px){.hud-row--top{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.panel--meters{flex:1 1 auto}.gauge{grid-template-columns:4.6rem 1fr 2.4rem}.card--help{width:100%}}@media(prefers-reduced-motion:reduce){button{transition:none}}