:root{--bg: #10161b;--bg-2: #182228;--ink: #f3eadc;--muted: #b7ab9a;--line: rgba(243, 234, 220, .16);--ochre: #c4a05a;--ochre-ink: #1c140c;--coral: #e07a6a;--cyan: #7eecf2;--danger: #e07a6a;--safe: #8fbf8a;--shadow: 0 12px 40px rgba(0, 0, 0, .35);--sans: "Avenir Next Condensed", "Arial Narrow", "Franklin Gothic Medium", "Segoe UI", sans-serif;--display: Palatino, "Iowan Old Style", "Palatino Linotype", Georgia, serif;color:var(--ink);background:var(--bg);font-family:var(--sans)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;position:fixed;inset:0;width:100%;background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);background:#223039;color:var(--ink);border-radius:12px;min-height:48px;padding:10px 12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}button:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}button.primary{background:var(--ochre);color:var(--ochre-ink);border-color:transparent;font-weight:700}button.ghost{background:transparent}button:disabled,button[aria-disabled=true]{opacity:.45}button.poor{color:#e7b2a8}#app{display:flex}.screen{flex:1;display:none;min-height:0;min-width:0}.screen.on{display:flex;flex-direction:column}.briefing{padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));overflow:auto;background:radial-gradient(900px 420px at 12% 88%,rgba(196,160,90,.16),transparent 60%),radial-gradient(700px 380px at 92% 8%,rgba(126,236,242,.1),transparent 55%),radial-gradient(520px 280px at 70% 90%,rgba(224,122,106,.1),transparent 50%),var(--bg)}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:12px;margin:0 0 6px}h1{font-family:var(--display);font-weight:500;font-size:clamp(40px,8vw,68px);letter-spacing:.04em;margin:0;line-height:.9}.lede{max-width:38rem;color:var(--muted);font-size:16px;line-height:1.45}.seedrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.seedrow strong{font-variant-numeric:tabular-nums;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.card{text-align:left;text-transform:none;letter-spacing:0;min-height:148px;padding:12px;display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;background:#10161bb8;border-color:var(--line)}.card canvas{width:84px;height:84px;background:#121a1f;border-radius:10px}.card h2{margin:0 0 4px;font-size:18px;letter-spacing:.08em;text-transform:uppercase}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.card .stripe{height:3px;width:42px;margin-bottom:6px}.note{color:var(--muted);font-size:13px;line-height:1.4;max-width:40rem}.match{background:#0c1418}.top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand icons" "stats stats";gap:2px 8px;align-items:center;padding:calc(6px + env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line);background:#10161bf0}.brand{grid-area:brand;min-width:0}.brand b{display:block;letter-spacing:.12em;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span,.wave span,.ember span{color:var(--muted);font-size:12px;letter-spacing:.02em}.iconbar{grid-area:icons;display:flex;gap:6px;justify-self:end}.iconbar button{min-width:44px;min-height:40px;padding:8px;font-size:12px}.stats{grid-area:stats;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-width:0}.ember{text-align:left;min-width:0}.ember b{display:block;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.ember span,.wave span,.wave b{white-space:nowrap}.wave{text-align:right;flex:0 0 auto}.wave b{display:block;font-variant-numeric:tabular-nums;font-size:15px}.stage{flex:1;min-height:0;position:relative}#view{width:100%;height:100%;display:block;touch-action:none}#mini{position:absolute;top:8px;right:8px;width:116px;height:84px;border-radius:10px;border:1px solid var(--line);background:#080c10b8;touch-action:none}.zoom{position:absolute;left:8px;bottom:8px;z-index:4;display:flex;flex-direction:column;gap:6px}.zoom button{min-width:48px;min-height:44px;padding:8px;background:#10161be0}#alarm{position:absolute;left:50%;bottom:12px;transform:translate(-50%);max-width:min(92%,420px);background:#3a241c;border-color:#e0b15a;z-index:3}.overview{display:none;flex-direction:column;gap:8px;padding:8px 10px 0;max-height:38vh;overflow:auto;touch-action:pan-y}.overview.on{display:flex}.overview p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.ov-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ov-row button{min-height:44px}.toast{position:absolute;left:50%;top:8px;transform:translate(-50%);max-width:min(92%,420px);background:#10161beb;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;letter-spacing:.02em;text-transform:none;pointer-events:none;text-align:center}.fps{position:absolute;left:8px;top:8px;font-size:11px;letter-spacing:.08em;color:#f3eadc8c;pointer-events:none}.sheet button.cardish span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dock{position:relative;background:#141c21;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nextline{padding:6px 12px 0;color:var(--muted);font-size:13px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context{display:none;gap:8px;align-items:center;padding:8px 10px 0}.context.on{display:flex}.context .copy{flex:1;min-width:0}.context .copy b{display:block;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.context .copy span{color:var(--muted);font-size:12px}.context .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sheet{display:none;position:absolute;left:72px;right:8px;bottom:100%;z-index:2;max-height:min(220px,42vh);overflow:auto;background:#10161bf5;border-top:1px solid var(--line);padding:8px;gap:8px;touch-action:pan-x pan-y}.sheet.on{display:flex}.sheet button.cardish{width:168px;flex:0 0 168px;text-align:left;text-transform:none;letter-spacing:0;display:flex;flex-direction:column;gap:2px}.sheet button.cardish b{letter-spacing:.06em;text-transform:uppercase;font-size:13px}.sheet button.cardish span{color:var(--muted);font-size:12px;line-height:1.25}.bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.bar button{width:100%}.overlay{position:absolute;inset:0;background:#080c0eb8;display:none;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:5}.overlay.on{display:flex}.panel{width:min(520px,100%);background:#172026;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.panel h2{font-family:var(--display);font-weight:500;margin:0 0 8px;letter-spacing:.04em}.panel p{margin:0 0 12px;color:var(--ink);line-height:1.4;font-size:16px}.panel .row{display:flex;gap:8px;flex-wrap:wrap}.panel .row button{flex:1;min-width:120px}.dots{display:flex;gap:6px;margin-bottom:8px}.dots i{width:8px;height:8px;border-radius:99px;background:#3c4a52;display:block}.dots i.on{background:var(--ochre)}@media(min-width:700px){.top{grid-template-columns:auto minmax(120px,1fr) auto auto;grid-template-areas:"brand ember wave icons";align-items:center}.stats{display:contents}.ember{grid-area:ember}.wave{grid-area:wave}}@media(orientation:landscape)and (max-height:520px){.top{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px}.ember b{font-size:18px}.bar{gap:6px;padding:4px 6px}.bar button,.context button{min-height:44px}.nextline{padding-top:2px}.sheet{max-height:72px;padding:4px}.sheet button.cardish{min-height:56px;width:148px;flex-basis:148px;padding:6px 8px}.sheet button.cardish span{-webkit-line-clamp:1}.overview{max-height:32vh}#mini{width:88px;height:60px;top:4px;right:4px}}