:root{--bg:#0f1013;--bg-2:#16181c;--panel:#1e2127;--panel-2:#262a31;--line:#343943;--text:#f2f3f5;--text-dim:#9aa1ab;--red:#cf2027;--orange:#ea7317;--yellow:#f4c20d;--stripe:linear-gradient(90deg, var(--red), var(--orange) 55%, var(--yellow));--a0:#c0152f;--a1:#2152c4;--a2:#d99a06;--a3:#1f9d55;--ok:#1f9d55;--bad:#cf2027;--radius:10px;--font:"Titillium Web", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--orange)}h1,h2,h3{margin:0 0 .5em;line-height:1.1}.dim{color:var(--text-dim)}.stripe{background:var(--stripe);height:6px}.italic-race{letter-spacing:.02em;text-transform:uppercase;font-style:italic;font-weight:900}button,.btn{font:inherit;border-radius:var(--radius);background:var(--panel-2);color:var(--text);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.4em;padding:.65em 1.2em;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}button:hover:not(:disabled),.btn:hover{filter:brightness(1.15)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--stripe);color:#111}.btn-red{background:var(--red)}.btn-ghost{border:1px solid var(--line);background:0 0}.btn-small{padding:.35em .7em;font-size:.9em}.btn-big{padding:.8em 1.6em;font-size:1.3em}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:8px;width:100%;padding:.55em .7em}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);border-color:#0000}input[type=checkbox]{width:auto;accent-color:var(--orange);transform:scale(1.2)}label.field{color:var(--text-dim);flex-direction:column;gap:.3em;font-size:.9em;display:flex}label.check{cursor:pointer;align-items:center;gap:.6em;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.2em}.row{flex-wrap:wrap;align-items:center;gap:.8em;display:flex}.grow{flex:1}.stack{flex-direction:column;gap:.8em;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.error{color:#ff7a7f}.badge{background:var(--panel-2);border-radius:99px;padding:.1em .6em;font-size:.8em;font-weight:700;display:inline-block}.badge-hot{background:var(--stripe);color:#111}.admin{background:var(--bg);min-height:100%}.admin-top{background:var(--bg-2);align-items:center;gap:1em;padding:.8em 1.4em;display:flex}.admin-top .logo{font-size:1.3em}.admin-main{max-width:1400px;margin:0 auto;padding:1.4em}.quiz-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1em;display:grid}.quiz-card{position:relative;overflow:hidden}.quiz-card:before{content:"";background:var(--stripe);height:4px;position:absolute;inset:0 0 auto}.editor{grid-template-columns:340px 1fr;align-items:start;gap:1.2em;display:grid}@media (width<=900px){.editor{grid-template-columns:1fr}}.item-list{flex-direction:column;gap:.4em;display:flex}.item-entry{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:10px;align-items:center;gap:.6em;padding:.6em .7em;display:flex}.item-entry.active{border-color:var(--orange)}.item-entry .num{color:var(--text-dim);text-align:right;width:1.6em;font-weight:900}.item-entry .title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.answer-edit{grid-template-columns:2.4em 1fr auto;align-items:center;gap:.5em;display:grid}.answer-swatch{border-radius:8px;place-items:center;width:2.4em;height:2.4em;display:grid}.timeline{background:var(--bg-2);cursor:pointer;border-radius:8px;height:34px;margin:.6em 0;position:relative}.timeline .range{background:#ea731738;position:absolute;top:0;bottom:0}.timeline .marker{background:var(--yellow);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}.timeline .marker span{white-space:nowrap;font-size:.75em;font-weight:700;position:absolute;top:-1.4em;left:50%;transform:translate(-50%)}.timeline .playhead{background:#fff;width:2px;position:absolute;top:0;bottom:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6em;max-height:50vh;display:grid;overflow:auto}.media-tile{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:8px;font-size:.8em;overflow:hidden}.media-tile:hover{border-color:var(--orange)}.media-tile img,.media-tile video{object-fit:cover;background:#000;width:100%;height:90px;display:block}.media-tile div{white-space:nowrap;text-overflow:ellipsis;padding:.3em .4em;overflow:hidden}.modal-back{z-index:50;background:#000000b3;place-items:center;padding:1em;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:min(900px,100%);max-height:90vh;padding:1.2em;overflow:auto}.progress{background:var(--bg-2);border-radius:99px;height:8px;overflow:hidden}.progress>div{background:var(--stripe);height:100%;transition:width .2s}.host{background:radial-gradient(ellipse at top, #1f232b, var(--bg) 70%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.host-bar{z-index:5;background:#00000059;align-items:center;gap:1em;padding:.6em 1.2em;display:flex}.host-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.host-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.host-video.dimmed{filter:brightness(.35)blur(2px)}.host-overlay{z-index:2;flex-direction:column;flex:1;min-height:0;padding:2vh 3vw;display:flex;position:relative}.lobby{grid-template-columns:auto 1fr;align-items:start;gap:3vw;height:100%;display:grid}.lobby-join{color:#111;text-align:center;background:#fff;border-radius:18px;padding:2vh 2vw}.lobby-join .pin{letter-spacing:.08em;font-size:8vh;font-weight:900;line-height:1}.lobby-join canvas{width:22vh!important;height:22vh!important}.lobby-players{flex-wrap:wrap;align-content:flex-start;gap:1vh 1vw;max-height:100%;display:flex;overflow:auto}.lobby-player{cursor:pointer;flex-direction:column;align-items:center;width:9vh;animation:.35s ease-out pop;display:flex}.lobby-player span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.6vh;font-weight:700;overflow:hidden}.lobby-player.off{opacity:.35}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.q-head{align-items:center;gap:2vw;display:flex}.q-text{text-align:center;background:#0000008c;border-radius:14px;flex:1;padding:2vh 2vw;font-size:5vh;font-weight:900}.q-media{flex:1;justify-content:center;align-items:center;min-height:0;padding:2vh 0;display:flex}.q-media img,.q-media video{border-radius:12px;max-width:100%;max-height:100%}.q-spacer{flex:1}.timer{background:var(--stripe);color:#111;border-radius:50%;flex-shrink:0;place-items:center;width:13vh;height:13vh;font-size:6vh;font-weight:900;display:grid}.answered-count{text-align:center;flex-shrink:0;font-size:2.4vh;font-weight:700}.answered-count b{font-size:5vh;display:block}.answers{grid-template-columns:1fr 1fr;gap:1.4vh;display:grid}.answer{color:#fff;border-radius:12px;align-items:center;gap:1.5vw;min-height:11vh;padding:2vh 1.5vw;font-size:3.6vh;font-weight:700;transition:opacity .3s,transform .3s;display:flex}.answer.dim{opacity:.25}.answer .count{margin-left:auto;font-size:4vh;font-weight:900}.a0{background:var(--a0)}.a1{background:var(--a1)}.a2{background:var(--a2)}.a3{background:var(--a3)}.bars{justify-content:center;align-items:flex-end;gap:3vw;height:32vh;display:flex}.bar{border-radius:10px 10px 0 0;justify-content:center;align-items:flex-start;width:12vw;max-width:160px;min-height:6vh;padding-top:.5vh;font-size:4vh;font-weight:900;transition:height .6s cubic-bezier(.2,.9,.3,1.2);display:flex;position:relative}.bar.correct:after{content:"✓";color:#fff;font-size:5vh;position:absolute;bottom:-6vh}.scoreboard{flex-direction:column;gap:1vh;width:min(1100px,100%);margin:0 auto;display:flex}.score-row{background:var(--panel);border-radius:12px;align-items:center;gap:1.5vw;padding:.8vh 1.5vw;font-size:3.2vh;font-weight:700;animation:.4s ease-out both slidein;display:flex}.score-row:first-child{background:linear-gradient(90deg, #f4c20d59, var(--panel))}.score-row .rank{width:2.2em;font-style:italic;font-weight:900}.score-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.score-row .delta{width:3em;font-size:.7em}.delta.up{color:#4ade80}.delta.down{color:#ff7a7f}@keyframes slidein{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.podium{flex:1;justify-content:center;align-items:flex-end;gap:2vw;padding-bottom:2vh;display:flex}.podium-place{flex-direction:column;align-items:center;width:22vw;max-width:300px;display:flex}.podium-block{border-radius:12px 12px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:1.5vh;font-size:3vh;font-weight:900;animation:1s ease-out both rise;display:flex}.podium-place:first-child .podium-block{background:linear-gradient(#c0c4cc,#7b818c);height:26vh;animation-delay:.8s}.podium-place:nth-child(2) .podium-block{background:var(--stripe);color:#111;height:36vh;animation-delay:1.6s}.podium-place:nth-child(3) .podium-block{background:linear-gradient(#d08a4e,#8a4f22);height:18vh;animation-delay:0s}.podium-name{text-align:center;margin:1vh 0;font-size:3.4vh;font-weight:900}@keyframes rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.big-title{text-align:center;font-size:7vh}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2vh;display:flex}.phone{background:var(--bg);min-height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.phone-head{background:var(--bg-2);align-items:center;gap:.6em;padding:.5em .8em;font-weight:700;display:flex}.phone-body{flex-direction:column;flex:1;gap:1em;padding:1em;display:flex}.phone-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1em;display:flex}.phone-answers{flex:1;grid-template-columns:1fr 1fr;gap:.7em;display:grid}.phone-answers.two{grid-template-columns:1fr}.phone-answer{color:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.3em;min-height:120px;padding:.6em;font-size:1.2em;display:flex}.phone-answer svg{width:56px;height:56px}.result-card{border-radius:18px;width:100%;padding:1.4em}.result-card.ok{background:linear-gradient(160deg,#1f9d55,#0d5c30)}.result-card.bad{background:linear-gradient(160deg,#cf2027,#7a0c11)}.pin-input{text-align:center;letter-spacing:.2em;font-size:2em;font-weight:900}.picker{flex-wrap:wrap;gap:.5em;display:flex}.picker button{background:var(--panel-2);border:2px solid #0000;padding:.3em}.picker button.on{border-color:var(--orange)}.swatch{border:2px solid #ffffff4d;border-radius:50%;width:30px;height:30px}.spinner{border:6px solid var(--panel-2);border-top-color:var(--orange);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}