html,body,#root{min-height:100%;margin:0}body{font-family:Segoe UI,system-ui,Roboto,sans-serif}h1,h2,h3{margin:0 0 8px}p{margin:0}:root{--bg:#1b1140;--bg-panel:#241a55;--accent:#7c5cff;--accent-2:#ff5cb3;--text:#f4f2ff;--muted:#b8aee0;--opt0:#e21b3c;--opt1:#1368ce;--opt2:#d89e00;--opt3:#26890c;--radius:14px;--bg-end:#10092b}:root[data-theme=arellano]{--bg:#1b2a4a;--bg-panel:#263b5e;--accent:#6bbf59;--accent-2:#4a9e3f;--text:#fff;--muted:#89a;--opt0:#6bbf59;--opt1:#3e5a82;--opt2:#64748b;--opt3:#0f1a2e;--bg-end:#0f1a2e}*{box-sizing:border-box}body{background:linear-gradient(160deg, var(--bg), var(--bg-end));color:var(--text);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif}.app{max-width:720px;margin:0 auto;padding:24px 16px 60px}.app-header{text-align:center;margin-bottom:32px}.app-header h1{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.app-header p{color:var(--muted);margin-top:8px}.home-view{flex-direction:column;align-items:center;gap:16px;margin-top:60px;display:flex}.theme-picker{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.theme-picker select{color:var(--text);background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:6px 10px;font-family:inherit}button{cursor:pointer;border-radius:var(--radius);border:none;font-family:inherit;font-weight:700}.primary{background:var(--accent);color:#fff;padding:14px 24px;font-size:1rem}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{color:var(--text);background:#ffffff14;border:1px solid #fff3;padding:14px 24px;font-size:1rem}.big{width:100%;max-width:340px;font-size:1.1rem}.link-btn{color:var(--muted);background:0 0;padding:4px;font-weight:400;text-decoration:underline}.link-btn.remove{float:right;color:var(--opt0)}.host-flow,.player-flow{background:var(--bg-panel);border-radius:var(--radius);padding:24px}.question-builder h2{margin-top:0}.pdf-generator{border:1px dashed var(--accent);border-radius:var(--radius);background:#7c5cff14;margin-bottom:20px;padding:16px}.pdf-hint{color:var(--muted);margin:0 0 12px;font-size:.85rem}.pdf-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pdf-controls input[type=file]{color:var(--text);flex:1;min-width:180px}.pdf-count{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.pdf-count input{width:60px;color:var(--text);background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:6px 8px}.icon-picker{align-items:center;gap:10px;margin:10px 0;display:flex;position:relative}.icon-picker-toggle{color:var(--text);background:#ffffff14;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.icon-picker-panel{z-index:10;background:var(--bg-panel);border-radius:var(--radius);border:1px solid #fff3;width:320px;max-width:90vw;margin-top:6px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0006}.icon-picker-panel input{width:100%;color:var(--text);background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:8px 10px}.icon-picker-hint{color:var(--muted);margin:8px 0 0;font-size:.8rem}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:6px;max-height:200px;margin-top:10px;display:grid;overflow-y:auto}.icon-picker-item{background:#ffffff0f;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.icon-picker-item:hover{border-color:var(--accent)}.question-icon{justify-content:center;margin-bottom:8px;display:flex}.question-icon img{width:56px;height:56px}.question-card{border-radius:var(--radius);border:1px solid #ffffff26;margin-bottom:16px;padding:16px}.question-card input[type=text],.join-form input,.time-limit input{width:100%;color:var(--text);background:#ffffff0f;border:1px solid #fff3;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:1rem}.options-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.option-input{border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.option-input input[type=text]{margin-top:0}.opt-0{border-left:6px solid var(--opt0)}.opt-1{border-left:6px solid var(--opt1)}.opt-2{border-left:6px solid var(--opt2)}.opt-3{border-left:6px solid var(--opt3)}.time-limit{color:var(--muted);align-items:center;gap:8px;display:flex}.time-limit input{width:80px}.builder-actions{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.error-text{color:#ff8a8a;margin-top:8px}.lobby-view{text-align:center}.room-code{letter-spacing:6px;border-radius:var(--radius);background:#ffffff14;margin:16px 0;padding:16px;font-size:3rem;font-weight:800}.join-hint{color:var(--muted);font-size:.9rem}.join-hint a{color:var(--accent-2)}.player-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 24px;padding:0;list-style:none;display:flex}.player-chips li{background:#ffffff1a;border-radius:999px;padding:8px 14px}.timer{align-items:center;gap:10px;margin:12px 0;display:flex}.timer-bar-track{background:#ffffff26;border-radius:999px;flex:1;height:10px;overflow:hidden}.timer-bar-fill{height:100%;transition:width .1s linear,background .3s}.timer-seconds{text-align:right;min-width:34px;font-weight:700}.question-progress{color:var(--muted);margin:0}.option-tile{border-radius:var(--radius);color:#fff;align-items:center;gap:10px;min-height:60px;padding:18px;font-size:1.05rem;font-weight:600;display:flex}.option-tile.opt-0{background:var(--opt0);border-left:none}.option-tile.opt-1{background:var(--opt1);border-left:none}.option-tile.opt-2{background:var(--opt2);border-left:none}.option-tile.opt-3{background:var(--opt3);border-left:none}.option-tile.dim{opacity:.35}.option-tile.correct{outline:4px solid #2ecc71}.option-tile.wrong{outline:4px solid #ff4d4d}.answer-btn{text-align:left;border:none;width:100%}.answer-grid{grid-template-columns:1fr 1fr}@media (width<=480px){.answer-grid,.options-grid{grid-template-columns:1fr}}.option-letter{background:#00000040;border-radius:8px;padding:4px 10px;font-weight:800}.answered-count{text-align:center;color:var(--muted);margin-top:16px}.leaderboard{margin:16px 0;padding:0;list-style:none}.leaderboard li{background:#ffffff0f;border-radius:8px;justify-content:space-between;margin-bottom:6px;padding:10px 14px;display:flex}.leaderboard.final li.gold{color:#2a2000;background:linear-gradient(90deg,gold,#f4c400)}.leaderboard.final li.silver{color:#202020;background:linear-gradient(90deg,#d9d9d9,#b8b8b8)}.leaderboard.final li.bronze{color:#2a1300;background:linear-gradient(90deg,#cd7f32,#b06a2a)}.leaderboard.final li.me{outline:2px solid var(--accent-2)}.join-form{flex-direction:column;gap:16px;display:flex}.join-form label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.waiting-view,.ended-view{text-align:center}.my-score{text-align:center;font-size:1.1rem}.empty-state{color:var(--muted)}