:root{--velvet: #140b1c;--velvet-2: #241236;--chalk: #f6f1e4;--cream: #f4efe2}body{background:var(--velvet);overflow:hidden}#app{min-height:100dvh;display:flex;flex-direction:column}.sp-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.6vh;padding:4vh 4vw 10vh;background:radial-gradient(70% 60% at 50% 30%,rgba(255,209,102,.09),transparent 70%),var(--velvet)}.sp-eyebrow{font-size:clamp(12px,1.15vw,20px);letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--ink-dim)}.sp-eyebrow.gold{color:var(--gold)}.sp-title{font-family:var(--font-display);font-size:clamp(30px,3.6vw,68px);line-height:1.04;margin:.4vh 0 1vh;letter-spacing:-.02em}.sp-headline{font-family:var(--font-display);font-size:clamp(30px,4.2vw,78px);line-height:1.03;margin:0}.sp-brieftext{font-family:var(--font-display);font-size:clamp(34px,6.4vw,128px);line-height:1;margin:1vh 0;color:var(--chalk);letter-spacing:-.03em}.sp-brieftext.small{font-size:clamp(26px,3.6vw,64px);margin:0}.sp-sub{font-size:clamp(15px,1.5vw,26px);color:var(--ink-dim);margin:0;max-width:60ch}.sp-sub.big{font-size:clamp(17px,2vw,34px);color:var(--hot-soft)}.sp-count{font-size:clamp(13px,1.3vw,22px);color:var(--ink-dim);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.sp-join{display:grid;grid-template-columns:1fr auto;gap:4vw;align-items:center}.sp-url{font-family:var(--font-display);font-size:clamp(22px,3vw,54px);color:var(--hot);word-break:break-all}.sp-code{font-family:var(--font-display);font-size:clamp(48px,9vw,170px);letter-spacing:.1em;line-height:1;color:var(--chalk)}.sp-qr{background:#fff;padding:14px;border-radius:var(--r-md);line-height:0}.sp-qr canvas{width:clamp(150px,17vw,330px);height:auto;display:block}.sp-roster{display:flex;flex-wrap:wrap;gap:10px;margin-top:1vh}.sp-roster.wide{gap:12px}.sp-slot{display:flex;flex-direction:column;gap:2px;background:var(--velvet-2);border:1px solid rgba(246,241,228,.12);border-radius:var(--r-md);padding:10px 16px;min-width:8.5vw}.sp-slot.done{border-color:var(--gold);background:#ffd1661f}.sp-slot-name{font-weight:800;font-size:clamp(14px,1.5vw,26px)}.sp-slot-part{font-size:clamp(11px,1.05vw,18px);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.sp-slot.done .sp-slot-part{color:var(--gold)}.sp-chip.empty{color:var(--ink-dim);font-size:clamp(14px,1.4vw,22px)}.sp-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.4vh}.sp-btn{background:var(--hot);color:#1b0d05;font-weight:800;font-size:clamp(15px,1.5vw,26px);padding:14px 30px;border-radius:999px;letter-spacing:.02em}.sp-btn:disabled{opacity:.35;cursor:not-allowed}.sp-btn.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}.sp-draw{justify-content:flex-start;padding-top:6vh}.sp-drawtop{display:flex;justify-content:space-between;align-items:flex-start;gap:3vw}.sp-clock{font-family:var(--font-display);font-size:clamp(52px,9vw,170px);line-height:.9;color:var(--chalk);font-variant-numeric:tabular-nums}.sp-clock.urgent{color:var(--hot)}.sp-progress{height:12px;background:#f6f1e41a;border-radius:999px;overflow:hidden;margin-top:1vh}.sp-progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s ease}.sp-stage{position:relative;flex:1;min-height:100dvh}.sp-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sp-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:3vh 3vw;gap:3vw;pointer-events:none}.sp-name,.sp-category{font-family:var(--font-display);font-size:clamp(28px,4vw,76px);line-height:1;color:var(--chalk);letter-spacing:-.02em}.sp-category{color:var(--gold);max-width:24ch}.sp-count-big{font-family:var(--font-display);font-size:clamp(26px,3vw,56px);color:var(--chalk);text-align:right}.sp-count-big small{color:var(--ink-dim);font-size:.55em}.sp-votecue{position:absolute;left:0;right:0;bottom:8vh;text-align:center;font-size:clamp(15px,1.7vw,30px);color:var(--ink-dim);margin:0;padding:0 4vw}.sp-votecue.big{font-size:clamp(18px,2.4vw,44px);color:var(--gold);font-weight:800}.sp-votecue b{color:var(--chalk)}.sp-tally{position:absolute;left:0;right:0;bottom:4.6vh;text-align:center;font-size:clamp(13px,1.3vw,22px);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:800}.sp-credits{position:absolute;left:0;right:0;bottom:7.5vh;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:0 4vw}.sp-credits.big{left:4vw;right:auto;bottom:19vh;width:26vw;flex-direction:column;align-items:flex-start;padding:0}.sp-credit{display:flex;flex-direction:column;font-size:clamp(14px,1.5vw,26px);font-weight:700;color:var(--chalk);background:#140b1cb8;border:1px solid rgba(246,241,228,.14);border-radius:var(--r-md);padding:8px 16px}.sp-credit b{font-size:.68em;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800}.sp-credit.nobody,.sp-credit.nobody b{color:var(--ink-dim)}.sp-hide{font-size:clamp(11px,1vw,16px);letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:8px 16px;background:#140b1ccc}.sp-hide:hover{color:var(--bad);border-color:var(--bad)}.sp-hiderow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:clamp(10px,.9vw,14px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-weight:800}.sp-hide.small{padding:6px 12px}.sp-crownwrap{position:absolute;top:3vh;left:0;right:0;text-align:center;pointer-events:none}.sp-crownname{font-family:var(--font-display);font-size:clamp(40px,7vw,140px);line-height:1;margin:.4vh 0;color:var(--gold);letter-spacing:-.02em;text-shadow:0 6px 30px rgba(0,0,0,.6)}.sp-crownwrap .sp-sub{margin:0 auto;color:var(--chalk)}.sp-board{position:absolute;left:50%;transform:translate(-50%);bottom:11vh;display:flex;flex-wrap:nowrap;justify-content:center;gap:8px 10px;padding:0 3vw;max-width:94vw}.sp-boardrow{display:flex;align-items:baseline;gap:10px;background:#140b1ccc;border:1px solid rgba(246,241,228,.12);border-radius:999px;padding:7px 16px;font-size:clamp(13px,1.35vw,24px)}.sp-boardrow.top{border-color:var(--gold);background:#ffd16624}.sp-boardrank{color:var(--ink-dim);font-weight:800}.sp-boardname{font-weight:800;color:var(--chalk)}.sp-boardscore{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.sp-over .sp-actions{position:absolute;left:50%;transform:translate(-50%);bottom:5vh}.sp-bar-bottom{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 3vw;font-size:clamp(11px,.95vw,16px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;background:linear-gradient(transparent,#0a0510d9);pointer-events:none}.sp-bar-bottom>div{display:flex;align-items:center;gap:12px}.sp-status{width:9px;height:9px;border-radius:50%;background:var(--cool);display:inline-block}.sp-status.bad{background:var(--bad)}.sp-mute{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;pointer-events:auto;opacity:.75}.sp-credit-link{color:var(--ink-dim);text-decoration:none;pointer-events:auto}