:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1024;--bg2:#1a1b3a;--card:#fff;--text:#f5f5ff;--accent:#4f7cff;--correct:#21c274;--wrong:#ff5470;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, var(--bg2), var(--bg));min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}.screen{flex-direction:column;min-height:100vh;padding:24px;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,3rem)}.subtitle{opacity:.8;margin:0;font-size:1.1rem}.hint{opacity:.6;font-size:.9rem}.error{color:var(--wrong)}code{background:#0005;border-radius:4px;padding:2px 6px}.stack{flex-direction:column;gap:12px;width:min(360px,90vw);display:flex}.btn{border:2px solid var(--accent);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:12px;padding:14px 24px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent)}.input{color:var(--text);text-align:center;background:#fff1;border:2px solid #fff3;border-radius:10px;padding:14px 16px;font-size:1.1rem}.room-code{letter-spacing:2px;font-weight:700}.room-code-big{letter-spacing:6px;margin:0;font-size:2.5rem}.qr-box{background:#fff1;border-radius:16px;padding:16px}.qr-url{opacity:.7;word-break:break-all;font-size:.8rem}.host-header{opacity:.8;justify-content:space-between;align-items:center;font-size:1rem;display:flex}.host-header-right{align-items:center;gap:14px;display:flex}.btn-end-game{border:1px solid var(--wrong);color:var(--wrong);cursor:pointer;opacity:1;background:0 0;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.btn-end-game:hover{background:#ff547022}.chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:700px;display:flex}.chip{background:#ffffff1a;border-radius:999px;padding:6px 14px;font-size:.9rem}.timer{background:#ffffff1a;border-radius:999px;width:min(500px,90vw);height:28px;position:relative;overflow:hidden}.timer-bar{background:var(--accent);height:100%;transition:width .2s linear}.timer-label{justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.question-text{max-width:800px}.progress{opacity:.6}.options-grid{grid-template-columns:1fr 1fr;gap:12px;width:min(800px,95vw);display:grid}.options-grid.vertical{grid-template-columns:1fr}.option-card{background:var(--card);color:#111;text-align:left;border:3px solid #0000;border-radius:14px;padding:18px;font-size:1rem;font-weight:600}.option-card.opt-0{border-color:#ff5470}.option-card.opt-1{border-color:#4f7cff}.option-card.opt-2{border-color:#ffb020}.option-card.opt-3{border-color:#21c274}.option-card.opt-4{border-color:#b06fff}.option-card.opt-5{border-color:#16b8c4}.option-card.tappable{cursor:pointer;font-size:1.05rem}.option-card.correct{background:var(--correct);color:#fff}.option-card.faded{opacity:.35}.leaderboard{width:min(600px,95vw)}.leaderboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{text-align:left;background:#fff1;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.leaderboard-row .pos{width:40px;font-weight:700}.leaderboard-row .name{flex:1}.leaderboard-row .score{font-weight:700}.leaderboard-row.podium{background:#fff2;font-size:1.1rem}.leaderboard-row.mine{outline:2px solid var(--accent)}.leaderboard-gap{text-align:center;opacity:.5;margin:4px 0}.sets-list,.questions-list{flex-direction:column;gap:10px;width:min(700px,95vw);display:flex}.set-row,.question-row{text-align:left;background:#fff1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.set-row-name{color:var(--text);flex:1;font-weight:600;text-decoration:none}.set-row-name:hover{text-decoration:underline}.question-row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.question-row-index{opacity:.5;margin-right:6px;font-weight:700}.question-row-text{font-weight:600}.question-row-actions{flex-shrink:0;gap:6px;display:flex}.btn-icon{width:34px;height:34px;color:var(--text);cursor:pointer;background:#fff1;border:1px solid #fff2;border-radius:8px;font-size:.95rem}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-small{align-self:flex-start;padding:8px 14px;font-size:.9rem}.editable-title{cursor:pointer}.editable-title:hover{opacity:.85}.question-form{text-align:left;background:#ffffff0a;border-radius:14px;flex-direction:column;gap:16px;width:min(600px,95vw);padding:20px;display:flex}.field-label{opacity:.85;flex-direction:column;gap:6px;font-size:.9rem;display:flex}.textarea{resize:vertical;text-align:left;font-family:inherit}.options-editor{flex-direction:column;gap:8px;display:flex}.option-editor-row{align-items:center;gap:8px;display:flex}.option-editor-row .input{text-align:left;flex:1;padding:10px 14px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.import-panel{text-align:left;flex-direction:column;gap:16px;width:min(680px,95vw);display:flex}.import-example{background:#ffffff0a;border-radius:10px;padding:10px 14px;font-size:.85rem}.import-example summary{cursor:pointer;font-weight:600}.import-example pre{white-space:pre-wrap;background:#0003;border-radius:8px;margin:10px 0;padding:10px;font-size:.8rem}.import-preview-list{flex-direction:column;gap:14px;display:flex}.import-question-card{background:#ffffff0a;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.import-question-footer{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.import-question-footer .field-label{flex:1;max-width:140px}.import-question-footer .btn-icon{width:auto;padding:0 10px}.warning{color:#ffb020;margin:0;font-size:.85rem}.confetti-container{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti-piece{will-change:transform;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,.1,.6,1);animation-iteration-count:infinite;position:absolute;top:-24px}.confetti-piece.round{border-radius:50%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift,0px), 110vh, 0) rotate(var(--spin,360deg));opacity:.85}}.final-heading{animation:1.4s ease-in-out infinite trophy-bounce;display:inline-block}@keyframes trophy-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-4deg)}75%{transform:translateY(-2px)rotate(4deg)}}.leaderboard-row.podium.pos-1{background:linear-gradient(90deg,#ffd76a22,#fff1);outline:1px solid #ffd76a55;animation:2s ease-in-out infinite podium-glow}@keyframes podium-glow{0%,to{box-shadow:0 0 #ffd76a00}50%{box-shadow:0 0 18px #ffd76a55}}.leaderboard-row{animation:.4s backwards row-pop}@keyframes row-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}