*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#0a0c10;color:#eef1f5;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}#app{position:relative;width:100%;height:100%;overflow:hidden}#stage{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}.panel{position:absolute;pointer-events:auto;background:#090b0fed;border:1px solid #2a2f3a;border-radius:12px;padding:10px 12px}#clock-panel{top:12px;left:12px;width:min(200px,48vw)}#masses-panel{top:12px;right:12px;width:min(210px,48vw);text-align:right}.dock{left:12px;right:12px;bottom:12px}.row{display:flex;flex-wrap:wrap;gap:6px}.row+.row{margin-top:6px}.eyebrow{margin:0 0 2px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#9fd8c0}.readout{margin:0;font-size:1.5rem;font-weight:700;line-height:1.1;color:#f0f4f8}.unit{font-size:.8rem;font-weight:700;margin-left:6px;color:#9fd8c0}.bar{height:5px;margin:6px 0;border-radius:3px;background:#1b1f27;overflow:hidden}.bar i{display:block;height:100%;width:0%;background:#e0563a;transition:width .15s linear}.body{margin:0;font-size:.78rem;line-height:1.35;color:#c6ced8}.chip{pointer-events:auto;padding:.44rem .8rem;border-radius:8px;border:1px solid #38404e;background:#191d25;color:#e6ebf2;font-size:.82rem;font-weight:700;cursor:pointer}.chip.word{min-width:88px;text-align:left;letter-spacing:.08em}.chip.word:empty:before{content:"—";color:#6b7480}.chip.word.pale{border-color:#cfd6c2;color:#eef2e6}.chip.word.ember{border-color:#e0563a;color:#f6c9bd}.chip.word.tide{border-color:#3f7fd0;color:#c4dcf7}.chip.word.sour{border-color:#d7a83a;color:#f4e2b4}.chip.fire,.chip.on{background:#9fd8c0;border-color:#9fd8c0;color:#06120d}.chip:disabled{opacity:.42;cursor:default}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:1.25rem;background:#06070ad6}.card{width:min(560px,100%);max-height:100%;overflow:auto;text-align:center;background:#0b0d12f2;border:1px solid #2a2f3a;border-radius:16px;padding:1.4rem 1.5rem 1.6rem}h1{margin:0 0 .5rem;font-size:clamp(2.2rem,8vw,3.6rem);line-height:1;letter-spacing:-.02em}h2{margin:0 0 .5rem;font-size:1.5rem;line-height:1.1}.lede{margin:0 auto 1rem;max-width:30rem;font-size:.95rem;line-height:1.5;color:#c6ced8}.hint{margin:.9rem 0 0;font-size:.76rem;line-height:1.4;color:#a3adba}.keys{margin:0 0 1rem;padding:0;list-style:none;text-align:left}.keys li{padding:.3rem 0;font-size:.85rem;color:#c6ced8;border-bottom:1px solid #22262f}.primary{padding:.7rem 1.5rem;border-radius:999px;border:1px solid #9fd8c0;background:#9fd8c0;color:#06120d;font-size:.95rem;font-weight:700;cursor:pointer}@media(prefers-reduced-motion:reduce){*{transition:none!important}}