:root{--og-ink: #fff6e8;--og-dim: #c8b49a;--og-bg: #191009;--og-raise: #26180d;--og-line: #3d2716;--og-hot: #ff8b3d;--og-gold: #ffd166;--og-silver: #d9dde3;--og-bronze: #cd8b52;--og-good: #7fd67f;--og-display: "Archivo Black", "Arial Black", system-ui, sans-serif}body{margin:0;background:var(--og-bg);color:var(--og-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}.og-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--og-hot);font-weight:800;font-size:clamp(11px,1.1vw,17px)}.og-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.6vh;padding:4vh 5vw;text-align:center;align-items:center}.og-headline{font-family:var(--og-display);font-size:clamp(38px,7.5vw,118px);line-height:1;margin:0;letter-spacing:-.02em}.og-title{font-family:var(--og-display);font-size:clamp(28px,3.6vw,62px);line-height:1.03;margin:.4vh 0;max-width:18ch}.og-sub{color:var(--og-dim);font-size:clamp(15px,1.6vw,26px);margin:0;max-width:44ch}.og-lobby{justify-content:flex-start;padding-top:5vh}.og-join{display:flex;align-items:center;gap:4vw;text-align:left;width:100%;max-width:1400px}.og-url{font-family:var(--og-display);font-size:clamp(22px,3vw,50px);color:var(--og-gold);word-break:break-all}.og-code{font-family:var(--og-display);font-size:clamp(52px,9vw,150px);letter-spacing:.1em;line-height:1}.og-qr{background:#fff;padding:14px;border-radius:18px;flex:0 0 auto;line-height:0}.og-qr canvas{width:clamp(160px,20vw,340px)!important;height:auto!important}.og-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2vh}.og-slot{background:var(--og-raise);border:2px solid var(--og-line);border-radius:14px;padding:10px 18px;display:flex;flex-direction:column;gap:2px;min-width:150px}.og-slot-part{font-family:var(--og-display);font-size:clamp(15px,1.5vw,25px);color:var(--og-gold)}.og-slot-name{font-size:clamp(13px,1.2vw,20px);color:var(--og-ink);font-weight:700}.og-roster.wide .og-slot{min-width:190px}.og-chip.empty{color:var(--og-dim);font-style:italic}.og-actions{display:flex;gap:14px;margin-top:2.4vh;flex-wrap:wrap;justify-content:center}.og-btn{font-family:var(--og-display);font-size:clamp(17px,1.9vw,30px);padding:.7em 1.5em;border-radius:999px;border:none;background:var(--og-hot);color:#1b1006;cursor:pointer;transition:transform .12s}.og-btn:hover:not(:disabled){transform:translateY(-2px)}.og-btn:disabled{opacity:.35;cursor:not-allowed}.og-btn.ghost{background:transparent;color:var(--og-dim);border:2px solid var(--og-line)}.og-task{font-family:var(--og-display);font-size:clamp(42px,8vw,130px);line-height:.98;margin:0;letter-spacing:-.02em}.og-taskline{font-size:clamp(17px,2.2vw,34px);color:var(--og-ink);max-width:30ch;margin:0}.og-count{margin-top:1.6vh;color:var(--og-dim);letter-spacing:.2em;text-transform:uppercase;font-weight:800;font-size:clamp(12px,1.2vw,19px)}.og-play{flex:1;position:relative;overflow:hidden}.og-play canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.og-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:2vh 2.4vw;gap:2vw;background:linear-gradient(#0c0703b8,#0c070300);pointer-events:none}.og-hud-task{font-family:var(--og-display);font-size:clamp(20px,2.6vw,46px);line-height:1}.og-clock{font-family:var(--og-display);font-size:clamp(46px,8vw,130px);line-height:.9;color:var(--og-gold);text-shadow:0 4px 0 rgba(0,0,0,.35)}.og-clock.urgent{color:#ff5b4a;animation:og-pulse .5s infinite alternate}@keyframes og-pulse{to{transform:scale(1.08)}}.og-hud-right{text-align:right}.og-medalrow{display:flex;gap:8px;justify-content:flex-end;font-size:clamp(20px,2.4vw,40px);line-height:1}.og-medalrow.big{justify-content:center;font-size:clamp(34px,5vw,78px);margin:1vh 0}.og-medal.gold{color:var(--og-gold)}.og-medal.silver{color:var(--og-silver)}.og-medal.bronze{color:var(--og-bronze)}.og-medal.none,.og-medal.pending{color:#fff6e840}.og-cue{position:absolute;left:0;right:0;bottom:11vh;text-align:center;font-family:var(--og-display);font-size:clamp(19px,2.4vw,42px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.5);pointer-events:none;padding:0 4vw}.og-wobblewrap{position:absolute;left:50%;transform:translate(-50%);bottom:6.4vh;width:min(46vw,620px);text-align:center;pointer-events:none}.og-wobble{height:clamp(10px,1.5vh,18px);border-radius:999px;background:#00000073;border:2px solid rgba(255,246,232,.3);overflow:hidden;margin-top:4px}.og-wobble i{display:block;height:100%;width:0;background:var(--og-good);transition:width .12s linear}.og-wobble i.hot{background:#ff5b4a}.og-callout{position:absolute;top:16vh;left:50%;transform:translate(-50%) scale(.9);font-family:var(--og-display);font-size:clamp(18px,2.2vw,38px);color:var(--og-gold);background:#140c05d1;border-radius:999px;padding:.35em 1.1em;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.og-callout.show{opacity:1;transform:translate(-50%) scale(1)}.og-bigmedal{font-size:clamp(70px,15vw,220px);line-height:.9}.og-result.gold .og-bigmedal{color:var(--og-gold)}.og-result.silver .og-bigmedal{color:var(--og-silver)}.og-result.bronze .og-bigmedal{color:var(--og-bronze)}.og-result.none .og-bigmedal{color:#fff6e840}.og-mvp{background:var(--og-raise);border:3px solid var(--og-gold);border-radius:22px;padding:1.6vh 3vw;margin-top:1vh}.og-mvp-part{font-family:var(--og-display);font-size:clamp(24px,3.4vw,58px);color:var(--og-gold);line-height:1}.og-mvp-name{font-size:clamp(17px,2vw,32px);font-weight:800;margin-top:4px}.og-tasklist{display:flex;flex-direction:column;gap:6px;margin-top:1.4vh;width:min(620px,84vw)}.og-taskrow{display:flex;align-items:center;gap:12px;background:var(--og-raise);border:2px solid var(--og-line);border-radius:12px;padding:8px 16px;font-size:clamp(14px,1.4vw,22px)}.og-taskrow.gold span:first-child{color:var(--og-gold)}.og-taskrow.silver span:first-child{color:var(--og-silver)}.og-taskrow.bronze span:first-child{color:var(--og-bronze)}.og-taskrow.none span:first-child{color:#fff6e840}.og-taskrow-name{flex:1;text-align:left;font-weight:800}.og-taskrow-note{color:var(--og-dim)}.og-bar-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 2.4vw;border-top:1px solid var(--og-line);background:#120b05;font-size:clamp(11px,1vw,16px);letter-spacing:.14em;text-transform:uppercase;color:var(--og-dim);font-weight:700;flex:0 0 auto;gap:12px}.og-status{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--og-good);margin-right:8px}.og-status.bad{background:#ff5b4a}.og-room{color:var(--og-ink)}.og-mute{margin-left:16px;background:transparent;border:1px solid var(--og-line);color:var(--og-dim);border-radius:999px;padding:3px 12px;font:inherit;letter-spacing:.14em;cursor:pointer}.og-credit{color:var(--og-hot);text-decoration:none}@media (max-width: 760px){.og-join{flex-direction:column;align-items:flex-start;gap:2vh}}