body{position:relative;background:#090c12;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;background:url(/images/background/quiz_bg.png) center center / cover no-repeat;z-index:-2}body:after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#080c1473,#080c14b8);z-index:-1;pointer-events:none}.ql-wrap{max-width:1400px;margin:0 auto;padding:84px 26px 60px;width:100%;flex:1 0 auto}.ql-join{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 240px);text-align:center;position:relative;overflow:visible;border:none;border-radius:0;box-shadow:none;margin-bottom:10px}.ql-join-bg{position:absolute;inset:0;background:url(/images/background/quiz_bg.png) center center / cover no-repeat;filter:saturate(.8);display:none}.ql-join-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#070a108c,#070a10c7);display:none}.ql-join-content{position:relative;z-index:2;width:min(820px,calc(100% - 30px));background:#0c121eb8;border:1px solid rgba(148,163,184,.25);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px 24px 24px;display:grid;gap:18px;margin:22px 0}.ql-join-brand{display:inline-flex;align-items:center;justify-content:center;gap:0;color:#dbeafe;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;opacity:.95}.ql-join-brand .accent{color:#60a5fa}.ql-join h1{font-size:clamp(28px,5vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.1}.ql-join h1 span{color:var(--accent)}.ql-join-sub{color:var(--text-secondary);width:100%;max-width:none;font-size:15px}.ql-join-actions{position:absolute;right:24px;bottom:18px;z-index:3}.ql-create-quiz-link{color:#93c5fd;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .15s,border-color .15s}.ql-create-quiz-link:hover{color:#bfdbfe;border-color:#bfdbfebf}.ql-join-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px;align-items:center}.ql-input{background:#0f172ae6;border:1px solid rgba(148,163,184,.32);border-radius:10px;color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:15px;width:230px;transition:border-color .15s,box-shadow .15s}.ql-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f640}.ql-input::placeholder{color:var(--text-muted)}.ql-avatar-picker{position:relative;display:flex;align-items:center;gap:8px;min-width:0}.ql-avatar-preview-btn{width:46px;height:46px;border-radius:999px;padding:0;border:1px solid rgba(187,165,255,.6);background:#10172d;cursor:pointer;display:grid;place-items:center;transition:border-color .15s,box-shadow .15s,transform .08s}.ql-avatar-preview-btn:hover,.ql-avatar-picker.open .ql-avatar-preview-btn{border-color:#8c84fff2;box-shadow:0 0 0 2px #8c84ff47}.ql-avatar-preview-btn:focus-visible{outline:none;border-color:#8c84fff2;box-shadow:0 0 0 2px #8c84ff59}.ql-avatar-preview-img{width:42px;height:42px;border-radius:999px;border:1px solid rgba(187,165,255,.45);object-fit:cover;background:#10172d}.ql-avatar-picker-label{display:none}.ql-avatar-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ql-avatar-dropdown{position:static}.ql-avatar-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;width:430px;z-index:25;padding:10px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#060b18f5;box-shadow:0 14px 32px #02061780;max-height:236px;overflow-y:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ql-avatar-picker.open .ql-avatar-dropdown-menu{display:grid}.ql-avatar-option{display:grid;place-items:center;width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.26);background:#0b1122e6;padding:6px;cursor:pointer;transition:transform .08s,border-color .15s,box-shadow .15s}.ql-avatar-option img{width:46px;height:46px;border-radius:999px;object-fit:cover;border:1px solid rgba(187,165,255,.45);background:#10172d;display:block}.ql-avatar-option:hover{border-color:#8c84ff9e;transform:translateY(-1px)}.ql-avatar-option.active{border-color:#8c84ffdb;box-shadow:0 0 0 1px #8c84ff59 inset;background:#222c4ff2}.ql-avatar-option:focus-visible{outline:none;box-shadow:0 0 0 2px #8c84ff59}.ql-avatar-random-btn{border:1px solid rgba(114,126,170,.35);border-radius:8px;background:#0f142ae6;color:#b9c4ea;font-family:inherit;font-size:12px;font-weight:700;padding:9px 10px;cursor:pointer;white-space:nowrap}.ql-avatar-random-btn:hover{border-color:#8c84ff99}.ql-join-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border:1px solid rgba(59,130,246,.6);border-radius:10px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.ql-join-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 8px 20px #1e40af59}.ql-join-status{color:var(--text-muted);font-size:13px;min-height:20px;width:100%;max-width:none;text-align:center;box-sizing:border-box}.ql-join-status.error{color:#fecaca;background:#7f1d1d80;border:1px solid rgba(248,113,113,.65);border-radius:10px;padding:10px 14px;width:100%;font-weight:700;font-size:14px;box-shadow:0 0 0 1px #7f1d1d59 inset}.ql-join-status.warning{color:#fde68a;background:linear-gradient(180deg,#78350f9e,#5c2b0d9e);border:1px solid rgba(251,191,36,.75);border-radius:12px;padding:12px 16px;width:100%;font-weight:800;font-size:15px;line-height:1.35;box-shadow:0 0 0 1px #92400e80 inset,0 8px 24px #0003}.ql-join-status.warning:before{content:"⚠ WARNING";display:block;font-size:11px;letter-spacing:1px;color:#fbbf24;margin-bottom:4px}.ql-join-status.info{color:var(--text-muted);font-size:13px;font-weight:500;padding:0;border:none;background:transparent}.ql-join-status.success{color:#86efac;font-size:13px;font-weight:700;padding:0;border:none;background:transparent}.ql-presence-toasts{position:fixed;right:18px;bottom:18px;z-index:1200;display:grid;gap:8px;pointer-events:none}.ql-presence-toast{min-width:250px;max-width:min(360px,calc(100vw - 36px));padding:9px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.34);background:#090e1ff2;color:#e7ecff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;box-shadow:0 10px 26px #02061773;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ql-presence-toast.show{opacity:1;transform:translateY(0)}.ql-presence-toast-avatar-wrap{width:40px;height:40px;border-radius:999px;overflow:hidden;border:1px solid rgba(187,165,255,.5);background:#10172d;position:relative;flex-shrink:0}.ql-presence-toast-avatar{width:100%;height:100%;object-fit:cover;display:block}.ql-presence-toast-avatar-fallback{position:absolute;inset:0;display:none;place-items:center;font-size:13px;font-weight:900;color:#f5f3ff;background:linear-gradient(140deg,#7e5cffe6,#5e43dceb)}.ql-presence-toast-content{min-width:0;display:grid;gap:1px}.ql-presence-toast-title{font-size:13px;font-weight:800;color:#f5f8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-presence-toast-sub{font-size:11px;color:#9fb0da;letter-spacing:.2px}.ql-presence-toast-pill{border-radius:999px;border:1px solid rgba(148,163,184,.35);padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#dbeafe;background:#1e293ba6}.ql-presence-toast.join{border-color:#4ade8080;background:linear-gradient(140deg,#0d2c1ef5,#0b1c2cf2)}.ql-presence-toast.join .ql-presence-toast-pill{border-color:#4ade8073;color:#dcfce7;background:#16653457}.ql-presence-toast.leave{border-color:#f8717180;background:linear-gradient(140deg,#3e121af5,#1c0b22f2)}.ql-presence-toast.leave .ql-presence-toast-pill{border-color:#f8717173;color:#ffe4e6;background:#7f1d1d57}.ql-host-left-modal-backdrop{position:fixed;inset:0;z-index:1300;display:none;place-items:center;background:#040814bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.ql-host-left-modal-backdrop.visible{display:grid}.ql-host-left-modal{width:min(520px,100%);border-radius:14px;border:1px solid rgba(148,163,184,.3);background:linear-gradient(180deg,#0f172afa,#111827f5);box-shadow:0 18px 44px #02061785;padding:20px 22px;text-align:center}.ql-host-left-modal-title{font-size:24px;font-weight:900;color:#f8fafc;margin-bottom:10px;line-height:1.15}.ql-host-left-modal-text{font-size:16px;font-weight:600;color:#cbd5e1}#qlHostLeftCountdown{color:#93c5fd;font-weight:900;font-size:20px}.ql-live{display:none}.ql-live.active{display:grid}.ql-live{grid-template-rows:auto 1fr;gap:16px;min-height:calc(100vh - 220px)}.ql-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#080c1ce6;border:1px solid rgba(118,93,228,.25);border-radius:14px;padding:11px 14px;box-shadow:0 10px 34px #03081961,inset 0 0 0 1px #725cdb14}.ql-bar-left{display:flex;align-items:center;gap:10px;min-width:0}.ql-badge{background:#5c3de033;border:1px solid rgba(128,96,255,.45);border-radius:999px;padding:7px 14px;font-weight:800;font-size:13px;letter-spacing:.9px;color:#cdb9ff}.ql-status{color:#97a2c6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.ql-help-wrap{position:relative;display:inline-flex;align-items:center}.ql-help-trigger{width:32px;height:32px;border-radius:999px;border:1px solid rgba(114,126,170,.34);background:#0c1225f0;color:#bcd0ff;display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.ql-help-trigger:hover,.ql-help-wrap:focus-within .ql-help-trigger{border-color:#8c84ffb8;color:#e7ecff;box-shadow:0 8px 20px #090e2252}.ql-help-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 28px));padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#080d1df7;box-shadow:0 16px 34px #02061780;color:#dbe7ff;z-index:40;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.ql-help-wrap:hover .ql-help-tooltip,.ql-help-wrap:focus-within .ql-help-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.ql-help-title{font-size:11px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:#a5b4fc;margin:2px 0 6px}.ql-help-list{margin:0 0 8px 16px;padding:0;color:#c9d7fb;font-size:12px;line-height:1.4}.ql-help-list:last-child{margin-bottom:0}.ql-help-list li{margin-bottom:4px}.ql-help-list li:last-child{margin-bottom:0}.ql-invite-btn{display:none;align-items:center;gap:6px}.ql-invite-btn.visible{display:inline-flex}.ql-host-btns{display:none;align-items:center;gap:8px;flex-wrap:wrap}.ql-host-btns.visible{display:flex}.ql-hbtn{background:#0c1225f0;border:1px solid rgba(94,109,158,.34);color:#e7ecff;border-radius:10px;padding:10px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s,background .15s;white-space:nowrap}.ql-hbtn:hover{border-color:#8c84ffb8;box-shadow:0 8px 20px #090e2270;transform:translateY(-1px)}.ql-hbtn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.ql-hbtn.accent{background:linear-gradient(135deg,#7c4dff,#6d37e6);border-color:#a889ff80;color:#fff}.ql-hbtn.danger{border-color:#ff6b8173;color:#ffb4c4}.ql-hbtn.danger:hover{border-color:#ff8598bd}.ql-hbtn.toggle-on{border-color:#4ade809e;color:#dcfce7;background:linear-gradient(135deg,#1665346b,#14532d75)}.ql-hbtn.toggle-on:hover{border-color:#86efacc7}.ql-grid{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;align-items:start}.ql-panel{background:#070b1be6;border:1px solid rgba(109,89,206,.24);border-radius:14px;overflow:hidden;box-shadow:0 14px 36px #0104126b,inset 0 0 0 1px #735fd40d}.ql-panel-head{padding:14px 16px 10px;border-bottom:1px solid rgba(91,76,162,.24);display:grid;gap:4px}.ql-panel-title{font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#a57ff7;display:flex;align-items:center;gap:7px}.ql-panel-meta{font-size:12px;color:#91a0c8}.ql-panel-body{padding:10px;max-height:calc(100vh - 340px);overflow-y:auto}.ql-panel-foot{padding:10px;border-top:1px solid rgba(91,76,162,.24)}.ql-panel-foot-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(114,126,170,.3);background:#0f142ae6;color:#b9c4ea;padding:11px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.ql-panel-foot-btn:hover{border-color:#8c84ff99;background:#141a34f0}.ql-player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#0e142adb;border:1px solid rgba(92,106,158,.2);margin-bottom:6px}.ql-player-main{display:flex;align-items:center;gap:8px;min-width:0}.ql-avatar-wrap{width:28px;height:28px;border-radius:999px;flex-shrink:0;overflow:hidden;border:1px solid rgba(187,165,255,.45);background:#111936;position:relative}.ql-avatar-wrap.small{width:24px;height:24px}.ql-avatar-img,.ql-avatar-img-small{width:100%;height:100%;object-fit:cover;display:block}.ql-avatar-fallback{position:absolute;inset:0;display:none;place-items:center;font-size:12px;font-weight:900;color:#f5f3ff;background:linear-gradient(140deg,#7e5cffe6,#5e43dceb)}.ql-player .name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef2ff}.ql-host-pill{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:#8163f840;border:1px solid rgba(176,146,255,.32);color:#dcf}.ql-player .pts{color:#ffd978;font-weight:800;font-size:14px;flex-shrink:0}.ql-player .tag{color:#9ca8ca;font-size:11px;display:inline-flex;align-items:center;gap:5px}.ql-player .tag:before{content:"";width:7px;height:7px;border-radius:999px;background:#7482ab}.ql-player .tag.online:before{background:#37d67a;box-shadow:0 0 0 3px #37d67a2e}.ql-leader-row .name{flex:1}.ql-rank{width:24px;height:24px;border-radius:7px;border:1px solid rgba(242,192,67,.42);background:#634f0938;color:#f5cc67;display:grid;place-items:center;font-size:12px;font-weight:900;flex-shrink:0}.ql-empty{color:#9ba8cb;font-size:13px;padding:8px 4px}.ql-center{background:#080c1de6;border:1px solid rgba(110,90,208,.25);border-radius:14px;display:grid;grid-template-rows:auto 1fr;min-height:560px;overflow:hidden;box-shadow:0 14px 36px #0104126b,inset 0 0 0 1px #735fd40d}.ql-q-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(91,76,162,.24);gap:14px}.ql-q-counter{font-weight:800;color:#afbbde;font-size:14px}.ql-timer{width:64px;height:64px;border-radius:999px;border:2px solid rgba(112,91,216,.33);display:grid;place-items:center;font-size:22px;font-weight:900;color:#edf1ff;background:#0d1329f2;flex-shrink:0}.ql-q-body{padding:30px 24px 24px;display:grid;gap:22px;align-content:start}.ql-q-img{max-width:100%;max-height:260px;border-radius:10px;object-fit:contain;justify-self:center;display:none}.ql-q-img.visible{display:block}.ql-embed-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-surface);aspect-ratio:1115 / 627;display:none}.ql-embed-wrap.visible{display:block}.ql-embed-frame{position:absolute;top:0;left:0;width:1115px;height:627px;border:0;display:block;background:#000;transform-origin:top left}.ql-q-text{font-size:clamp(20px,2.5vw,32px);font-weight:800;line-height:1.2}.ql-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ql-answers.podium-mode,.ql-answers.review-mode{grid-template-columns:1fr}.ql-final-results-wrap{background:linear-gradient(180deg,#0f172af5,#0f172ac2);border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:14px;box-shadow:inset 0 0 0 1px #1e293b6b,0 10px 24px #02061747;display:grid;gap:12px}.ql-final-results-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.36),transparent)}.ql-a{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:2px solid var(--border);border-radius:12px;padding:16px;min-height:64px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--text-primary);transition:border-color .12s,transform .1s,background .15s}.ql-a:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.ql-a .letter{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--bg-card);color:var(--text-secondary);flex-shrink:0}.ql-a.picked{border-color:var(--primary)}.ql-a.picked .letter{background:var(--primary);color:#fff}.ql-a.correct{border-color:#22c55e;background:#22c55e14}.ql-a.correct .letter{background:#22c55e;color:#fff}.ql-a.wrong{border-color:#ef4444;background:#ef44440f}.ql-a.wrong .letter{background:#ef4444;color:#fff}.ql-a:disabled{cursor:default;opacity:.85}.ql-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 20px 28px;color:#9ba8cb;text-align:center}.ql-waiting-icon{width:76px;height:76px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(121,94,229,.38);background:radial-gradient(circle,#7051e433,#10162ceb);box-shadow:inset 0 0 20px #684adc33}.ql-waiting i{font-size:36px;color:#8b5cff}.ql-waiting h2{font-size:clamp(32px,4.2vw,46px);font-weight:900;letter-spacing:1px;color:#f4f6ff;margin:0}.ql-waiting-divider{width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(143,113,255,.65),transparent)}.ql-waiting p{font-size:24px;line-height:1.4;max-width:560px;color:#c3cce6;margin:0}.ql-how{width:min(760px,100%);margin-top:22px;border:1px solid rgba(97,81,177,.35);border-radius:14px;background:#0e142ad1;padding:18px 18px 16px}.ql-how-title{font-size:13px;font-weight:900;letter-spacing:1.5px;color:#8e63ff;margin-bottom:14px}.ql-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ql-how-item{display:grid;justify-items:center;gap:5px;text-align:center}.ql-how-item i{color:#9a6fff;font-size:19px}.ql-how-item span{font-size:15px;font-weight:700;color:#e3e8ff}.ql-how-item small{font-size:12px;color:#9ba8cb}.ql-podium-wrap{background:linear-gradient(180deg,#0f172adb,#0f172a9e);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px #1e293b59}.ql-podium-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.ql-podium-grid{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:nowrap}.ql-podium-slot{min-width:156px;text-align:center;display:grid;justify-items:center;gap:8px;background:#0f172adb;border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:12px 10px 10px;box-shadow:0 8px 20px #02061747}.ql-podium-slot.place-1{order:2;transform:translateY(-8px);border-color:#60a5fa80;box-shadow:0 12px 28px #1e40af47}.ql-podium-slot.place-2{order:1}.ql-podium-slot.place-3{order:3}.podium-medal{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:13px;border:1px solid rgba(148,163,184,.35);background:#1e293beb;color:#e2e8f0;margin-bottom:0}.place-1 .podium-medal{background:#3b82f638;border-color:#60a5fa8c;color:#93c5fd}.place-2 .podium-medal{background:#94a3b838;border-color:#94a3b873;color:#cbd5e1}.place-3 .podium-medal{background:#334155e6;border-color:#94a3b859;color:#e2e8f0}.podium-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;border:2px solid rgba(148,197,255,.35);box-shadow:0 8px 18px #0f172a61;overflow:hidden}.place-1 .podium-avatar{border-color:#7dd3fc80;box-shadow:0 10px 24px #1e40af52}.podium-avatar .ql-avatar-wrap{width:100%;height:100%;border:0;border-radius:999px}.podium-avatar .ql-avatar-fallback{font-size:16px}.podium-place{font-size:12px;font-weight:900;color:#bfdbfe;line-height:1;letter-spacing:.8px;text-transform:uppercase}.podium-name{font-size:14px;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:136px}.podium-score{font-size:12px;font-weight:800;color:#dbeafe;background:#1e40af33;border:1px solid rgba(96,165,250,.32);border-radius:999px;padding:4px 10px}.podium-stand{width:100%;border-radius:8px;border:1px solid rgba(148,163,184,.25);display:grid;place-items:center;margin-top:0}.place-1 .podium-stand{min-height:42px;background:#1e40af3d;border-color:#60a5fa73}.place-2 .podium-stand,.place-3 .podium-stand{min-height:42px;background:#334155bf;border-color:#94a3b84d}.ql-answer-review-wrap{background:linear-gradient(180deg,#0f172adb,#0f172a9e);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #1e293b59}.ql-answer-review-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.ql-answer-review-list{display:grid;gap:8px;max-height:min(48vh,420px);overflow:auto;padding-right:2px}.ql-review-question-card{border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0206177a;overflow:hidden}.ql-review-question-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px}.ql-review-question-summary::-webkit-details-marker{display:none}.ql-review-question-summary::marker{content:""}.ql-review-question-body{display:grid;gap:7px;padding:0 10px 9px}.ql-review-question-head{display:flex;align-items:flex-start;gap:10px;min-width:0}.ql-review-question-index{font-size:12px;font-weight:900;line-height:1;color:#c4b5fd;background:#4c1d9573;border:1px solid rgba(167,139,250,.45);border-radius:999px;padding:5px 9px;white-space:nowrap}.ql-review-question-text{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-review-question-toggle{width:24px;height:24px;border-radius:999px;border:1px solid rgba(148,163,184,.28);display:grid;place-items:center;color:#cbd5e1;flex-shrink:0;transition:transform .12s ease,border-color .12s ease}.ql-review-question-card[open] .ql-review-question-toggle{transform:rotate(180deg);border-color:#7dd3fc85}.ql-review-correct-answer{font-size:12px;color:#86efac;font-weight:700}.ql-review-player-list{display:grid;gap:4px}.ql-review-player-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,1fr) auto auto;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:6px 8px;background:#0f172aad}.ql-review-player-row:hover{border-color:#7dd3fc61;background:#0f172ae0}.ql-review-player-main{display:flex;align-items:center;gap:6px;min-width:0}.ql-review-player-main .ql-avatar-wrap.small{width:18px;height:18px;border-width:1px}.ql-review-player-main .ql-avatar-fallback{font-size:9px}.ql-review-player-name{font-size:12px;font-weight:700;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-review-answer-text{font-size:12px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-review-points{font-size:11px;font-weight:800;color:#fde68a;background:#78350f40;border:1px solid rgba(251,191,36,.38);border-radius:999px;padding:2px 7px;white-space:nowrap}.ql-review-outcome{font-size:10px;font-weight:800;border-radius:999px;padding:3px 8px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.6px}.ql-review-outcome.correct{color:#86efac;border-color:#22c55e73;background:#1665344d}.ql-review-outcome.wrong{color:#fca5a5;border-color:#ef444473;background:#7f1d1d4d}.ql-review-outcome.pending{color:#cbd5e1;border-color:#94a3b866;background:#33415559}@media(max-width:1100px){.ql-grid{grid-template-columns:230px 1fr 260px}}@media(max-width:900px){.ql-join-content{width:min(96%,820px);padding:24px 16px 18px}.ql-join-actions{right:16px;bottom:14px}.ql-grid{grid-template-columns:1fr}.ql-panel-body{max-height:none}.ql-status{max-width:100%}.ql-waiting p{font-size:18px;max-width:95%}.ql-how-grid{grid-template-columns:1fr;gap:12px}.ql-avatar-picker{min-width:100%}.ql-avatar-dropdown-menu{left:0;width:100%;transform:none;grid-template-columns:repeat(4,minmax(0,1fr))}.ql-answers{grid-template-columns:1fr}.ql-podium-grid{flex-wrap:wrap}.ql-podium-slot{min-width:120px}.ql-podium-slot.place-1{transform:none}.ql-review-player-row{grid-template-columns:1fr;align-items:flex-start}.ql-review-outcome{justify-self:flex-start}.podium-name{max-width:112px}.ql-presence-toasts{right:12px;bottom:12px}}