:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--bg0:#120c18;--bg1:#1f1428;--surface:#241830eb;--ink:#faf6f0;--muted:#b8a8c8;--brand:#f4c430;--brand-deep:#ffd95a;--accent:#e63946;--ok:#2a9d8f;--danger:#ff6b7a;--line:#b8a8c833;--shadow:0 20px 50px #00000073;--radius:1.1rem}*,:before,:after{box-sizing:border-box}html,body,#root{isolation:isolate;min-height:100%;position:relative}body{font-family:var(--font-body);color:var(--ink);background:var(--bg0);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 0% -10%, #4a1942 0%, transparent 55%), radial-gradient(700px 420px at 100% 20%, #3d2a00 0%, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1));position:fixed;inset:0}button,input,textarea{font:inherit}button{cursor:pointer;border:none}.app{z-index:1;isolation:isolate;max-width:560px;min-height:100dvh;margin:0 auto;padding:1.25rem 1rem 3rem;position:relative}.content-layer{z-index:1;flex-direction:column;gap:1rem;display:flex;position:relative}.app.host{max-width:960px}.panel{flex-direction:column;gap:1rem;display:flex}.panel.play{gap:1.25rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0;font-size:.85rem;font-weight:700}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.05}h1{font-size:clamp(2.4rem,8vw,3.4rem)}h1 span{color:var(--brand)}h2{font-size:1.75rem}.lead{color:var(--muted);margin:0;font-size:1.05rem}.muted{color:var(--muted);margin:0}.stack{flex-direction:column;gap:.75rem;display:flex}.btn{border-radius:999px;padding:.85rem 1.25rem;font-weight:700;transition:transform .12s,opacity .12s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#1a1020}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn.link{color:var(--muted);text-align:left;background:0 0;padding:0;font-weight:600}.btn.small{font-size:.9rem}.field{flex-direction:column;gap:.4rem;display:flex}.field span{color:var(--muted);font-size:.9rem;font-weight:600}input,textarea{border-radius:var(--radius);border:1px solid var(--line);width:100%;color:var(--ink);background:#00000040;padding:.85rem 1rem}textarea{resize:vertical;min-height:6rem}.error{color:var(--danger);margin:0;font-weight:600}.banner{color:#ffb4bc;border-radius:var(--radius);background:#e6394626;border:1px solid #e6394659;margin-bottom:1rem;padding:.65rem .85rem;font-size:.9rem}.conn-badge{z-index:10;border:1px solid var(--line);background:#000000bf;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + .2rem);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.card.center{text-align:center;align-items:center}.play-header{justify-content:space-between;align-items:center;display:flex}.code-pill,.round-pill{border-radius:999px;margin-right:.35rem;padding:.25rem .65rem;font-size:.85rem;font-weight:700;display:inline-block}.code-pill{color:var(--brand);letter-spacing:.08em;background:#f4c43026}.round-pill{color:var(--muted);background:#ffffff14}.round-picker{margin:1rem 0}.round-label{color:var(--muted);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.round-selection-summary{color:var(--brand-deep);letter-spacing:.01em;background:#f4c43024;border:2px solid #f4c43073;border-radius:.75rem;margin:0 0 .75rem;padding:.55rem .85rem;font-size:1.05rem;font-weight:800}.round-selection-summary.tv{border-width:3px;margin-bottom:1rem;padding:.85rem 1.1rem;font-size:clamp(1.35rem,2.2vw,1.85rem);box-shadow:0 0 24px #f4c43026}.round-pill-row{flex-wrap:wrap;gap:.45rem;display:flex}.round-pill-btn{min-width:2.75rem;color:var(--muted);cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:999px;padding:.45rem .85rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.round-pill-btn:hover:not(:disabled):not(.active){color:var(--ink);background:#ffffff14}.round-pill-btn.active{background:var(--brand);border-color:var(--brand-deep);color:#1a1020;transform:scale(1.06);box-shadow:0 0 0 3px #f4c43059,0 4px 14px #f4c43040}.round-pill-btn:disabled{opacity:.5;cursor:not-allowed}.round-custom{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.round-custom-field{flex-direction:column;gap:.35rem;display:flex}.round-custom-input{width:5rem;color:var(--ink);background:#ffffff0f;border:2px solid #ffffff1f;border-radius:.65rem;padding:.45rem .65rem;font-size:1.05rem;font-weight:800}.round-custom-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #f4c43040}.round-custom-input.is-applied{border-color:var(--brand);color:var(--brand-deep);background:#f4c4301f}.join-block{flex-direction:column;align-items:center;gap:.5rem;display:flex}.code-big{font-family:var(--font-display);letter-spacing:.2em;color:var(--brand);background:0 0;padding:.25rem .5rem;font-size:2.5rem}.qr-placeholder{border-radius:var(--radius);background:#ffffff0f}.player-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:#0003;border-radius:.75rem;padding:.55rem .75rem}.player-list li.host{border:1px solid #f4c43059}.player-list li.away{opacity:.55}.player-list em{color:var(--brand);font-size:.85rem;font-style:normal}.challenge-card .challenge-text{margin:0;font-size:1.15rem;line-height:1.5}.timer{font-family:var(--font-display);color:var(--brand);align-self:center;font-size:2.5rem}.host-actions{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.ok-msg{color:var(--ok);text-align:center;margin:0;font-weight:700}.submit-area{flex-direction:column;gap:.85rem;display:flex}.draw-wrap{flex-direction:column;gap:.5rem;display:flex}.draw-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.color-dot{border:2px solid #0000;border-radius:50%;width:2rem;height:2rem}.color-dot.active{border-color:var(--brand)}.draw-canvas{aspect-ratio:8/5;border-radius:var(--radius);border:1px solid var(--line);touch-action:none;background:#faf6f0;width:100%;height:auto}.judge-grid{gap:1rem;display:grid}@media (width>=700px){.judge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.judge-card{border-radius:var(--radius);background:#00000038;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.submission-img{background:#faf6f0;border-radius:.75rem;width:100%}.submission-text{white-space:pre-wrap;background:#0003;border-radius:.75rem;margin:0;padding:.75rem}.score-row{gap:.4rem;display:flex}.score-btn{color:var(--brand);background:#f4c4301f;border-radius:.75rem;flex:1;padding:.65rem 0;font-size:1.1rem;font-weight:800}.score-btn:hover:not(:disabled){background:#f4c43040}.score-btn.selected{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#1a1020;box-shadow:0 0 0 2px #f4c4308c}.judge-card.scored{border:1px solid #f4c43059}.judge-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;display:flex}.score-given{color:var(--brand);font-size:.95rem;font-weight:800}.scoreboard{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.scoreboard li{background:#0003;border-radius:.75rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.65rem .75rem;display:grid}.scoreboard li.leader{border:1px solid #f4c43066}.scoreboard .rank{color:var(--brand);font-weight:800}.scoreboard .pts{font-weight:700}.round-scores{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.round-scores li{border-bottom:1px solid var(--line);padding:.45rem 0}.tv-link-btn{text-align:center;text-decoration:none;display:block}body.tv-route{overflow:hidden}body.tv-route #root{height:100dvh;min-height:100dvh}.tv-app{box-sizing:border-box;flex-direction:column;gap:clamp(1rem,2vh,2rem);width:100%;max-width:none;height:100%;min-height:100dvh;margin:0;padding:clamp(1rem,2vh,2rem) clamp(1.25rem,3vw,4rem);display:flex;position:relative}.tv-app.is-fullscreen{padding:clamp(1.25rem,2.5vh,3rem) clamp(2rem,4vw,5rem)}.tv-fullscreen-toggle{z-index:20;border:1px solid var(--line);width:3rem;height:3rem;color:var(--ink);opacity:.65;background:#0000008c;border-radius:999px;font-size:1.35rem;line-height:1;transition:opacity .15s,background .15s;position:fixed;top:clamp(.75rem,2vh,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.tv-fullscreen-toggle:hover{opacity:1;background:#000000bf}.tv-fullscreen-prompt{z-index:30;text-align:center;background:#120c18eb;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:fixed;inset:0}.tv-fullscreen-prompt p{max-width:28ch;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.35}.tv-fullscreen-prompt-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tv-conn{z-index:10;border:1px solid var(--line);background:#000c;border-radius:999px;padding:.5rem 1rem;font-size:1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.tv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.tv-header-left{align-items:center;gap:1rem;display:flex}.tv-code{font-family:var(--font-display);letter-spacing:.15em;color:var(--brand);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:800}.tv-round{color:var(--muted);font-size:1.1rem;font-weight:600}.tv-round-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700}.tv-round-picker{margin:1.25rem 0}.tv-round-pill{min-width:3.5rem;color:var(--muted);cursor:pointer;background:#0000004d;border:2px solid #ffffff1f;border-radius:999px;padding:.65rem 1.15rem;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:800;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.tv-round-pill:hover:not(:disabled):not(.active){color:var(--ink);background:#ffffff14}.tv-round-pill.active{background:var(--brand);border-color:var(--brand-deep);color:#1a1020;transform:scale(1.08);box-shadow:0 0 0 4px #f4c43066,0 6px 20px #f4c4304d}.tv-round-pill:disabled{opacity:.5;cursor:not-allowed}.tv-app.is-fullscreen .round-selection-summary.tv{padding:1rem 1.35rem;font-size:clamp(1.6rem,2.8vw,2.25rem)}.tv-app.is-fullscreen .tv-round-pill{min-width:4rem;padding:.8rem 1.35rem;font-size:clamp(1.5rem,2.5vw,2rem)}.tv-app.is-fullscreen .round-pill-row{gap:.65rem}.round-custom.tv{margin-top:1rem}.round-custom.tv .round-custom-input{width:6rem;padding:.6rem .85rem;font-size:clamp(1.35rem,2vw,1.75rem)}.tv-app.is-fullscreen .round-custom.tv .round-custom-input{width:7rem;padding:.75rem 1rem;font-size:clamp(1.6rem,2.5vw,2.1rem)}.tv-header-right{min-width:280px}.tv-scoreboard{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tv-scoreboard li{background:#00000040;border-radius:.75rem;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:clamp(1.05rem,1.8vw,1.45rem);display:grid}.tv-scoreboard li.leader{border:1px solid #f4c43073}.tv-scoreboard .rank{color:var(--brand);font-size:1.2rem;font-weight:800}.tv-scoreboard .pts{font-weight:700}.tv-panel{flex-direction:column;flex:1;justify-content:center;gap:1.25rem;max-width:min(960px,100%);margin:auto;display:flex}.tv-panel.center{text-align:center;align-items:center}.tv-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0;font-size:1rem;font-weight:700}.tv-title{font-family:var(--font-display);margin:0;font-size:clamp(2.75rem,6vw,5rem);line-height:1.05}.tv-section-title{font-family:var(--font-display);margin:0;font-size:clamp(2.25rem,5vw,4rem)}.tv-subtitle{color:var(--muted);margin:0;font-size:1.5rem}.tv-lead{color:var(--muted);margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.45}.tv-muted{color:var(--muted);margin:0;font-size:clamp(1.15rem,2vw,1.5rem)}.tv-error{color:var(--danger);margin:0;font-size:1.1rem;font-weight:700}.tv-error.banner{border-radius:var(--radius);background:#ff6b7a1f;border:1px solid #ff6b7a59;padding:.75rem 1rem}.tv-field{flex-direction:column;gap:.5rem;display:flex}.tv-field span{color:var(--muted);font-size:1rem;font-weight:600}.tv-input{padding:1rem 1.15rem;font-size:1.25rem}.tv-btn{text-align:center;border-radius:999px;padding:1rem 1.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .12s,opacity .12s;display:inline-block}.tv-btn.large{padding:1.15rem 2rem;font-size:1.35rem}.tv-btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#1a1020}.tv-btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.tv-btn.accent{background:linear-gradient(135deg, var(--accent), #ff8a94);color:#fff}.tv-btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.tv-btn:disabled{opacity:.5;cursor:not-allowed}.tv-link{color:var(--muted);font-weight:600}.tv-main{flex-direction:column;flex:1;gap:clamp(1.25rem,2.5vh,2rem);min-height:0;display:flex}.tv-main.lobby{grid-template-columns:1fr minmax(300px,420px);align-items:stretch;gap:clamp(1.5rem,3vw,3rem);display:grid}@media (width<=900px){.tv-main.lobby{grid-template-columns:1fr}}.tv-hero{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + .3rem);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.tv-code-huge{font-family:var(--font-display);letter-spacing:.2em;color:var(--brand);margin:0;font-size:clamp(4rem,12vw,8rem);font-weight:800}.tv-side{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + .3rem);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tv-side h2{margin:0;font-size:1.75rem}.tv-players{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tv-players li{background:#00000038;border-radius:.75rem;padding:.75rem 1rem;font-size:1.25rem;font-weight:600}.tv-players li.empty{color:var(--muted);font-style:italic;font-weight:400}.tv-players li.away{opacity:.55}.tv-main.challenge{flex:1;justify-content:center;min-height:0}.tv-challenge-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tv-type{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-size:1.1rem;font-weight:800}.tv-timer{font-family:var(--font-display);color:var(--brand);font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.tv-challenge-title{font-family:var(--font-display);margin:0;font-size:clamp(2.75rem,6vw,5.5rem);line-height:1.05}.tv-challenge-text{max-width:none;margin:0;font-size:clamp(1.6rem,3.5vw,2.75rem);line-height:1.45}.tv-challenge-footer{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.tv-status-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.tv-status-card{border:1px solid var(--line);background:#00000040;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:1.15rem;display:flex}.tv-status-card.done{background:#2a9d8f1f;border-color:#2a9d8f80}.tv-status-card .state{color:var(--muted);font-weight:800}.tv-status-card.done .state{color:var(--ok)}.tv-judge-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:clamp(1rem,2vw,1.75rem);display:grid}.tv-judge-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + .2rem);flex-direction:column;gap:1rem;padding:clamp(1.25rem,2vw,1.75rem);display:flex}.tv-judge-card.scored{border-color:#f4c43073}.tv-judge-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;display:flex}.tv-judge-card h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.tv-score-given{color:var(--brand);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800}.tv-submission-img{object-fit:contain;background:#faf6f0;border-radius:.75rem;width:100%;max-height:280px}.tv-submission-text{white-space:pre-wrap;background:#00000038;border-radius:.75rem;margin:0;padding:1rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45}.tv-score-row{gap:.65rem;display:flex}.tv-score-btn{color:var(--brand);background:#f4c43026;border-radius:.85rem;flex:1;padding:clamp(.85rem,1.5vh,1.25rem) 0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.tv-score-btn:hover:not(:disabled){background:#f4c4304d}.tv-score-btn.selected{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#1a1020;box-shadow:0 0 0 3px #f4c4308c}.tv-round-scores{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tv-round-scores li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.65rem 0;font-size:1.5rem;display:flex}.tv-round-scores strong{color:var(--brand);font-size:1.75rem}.tv-actions{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}