@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";.controller-screen{min-height:100vh;background:var(--bg);padding:1rem}.ctrl-header{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--card);border-radius:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #00000040;flex-wrap:wrap}.ctrl-header h1{margin:0;font-size:1.25rem}.ctrl-screen-code-badge{background:#facc151a;border:1px solid rgba(250,204,21,.3);color:#facc15;font-size:.8rem;font-weight:700;padding:.4rem .75rem;border-radius:.6rem;white-space:nowrap}.ctrl-screen-code-badge strong{font-size:1rem;letter-spacing:.15rem}.display-link{padding:.5rem 1rem;background:var(--accent);color:#1a1a2e;border-radius:.75rem;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #0000004d;white-space:nowrap}.display-link:hover{filter:brightness(1.05)}.btn.exit{margin-right:auto;padding:.5rem 1rem;background:var(--card-hover);color:var(--text);border-radius:.75rem}.btn.display-qr-btn{padding:.45rem .65rem;background:#facc151f;color:#facc15;border:1px solid rgba(250,204,21,.3);border-radius:.6rem;cursor:pointer;font-size:1.1rem;line-height:1}.btn.display-qr-btn:hover,.btn.display-qr-btn.active{background:#facc1547;border-color:#facc1599}.ctrl-display-qr-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--card);border:1px solid rgba(250,204,21,.25);border-radius:.75rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 4px 12px #00000040;animation:fadeIn .2s ease}.ctrl-display-qr-url{font-size:.73rem;color:#facc15;word-break:break-all;text-align:center;background:#facc1514;padding:.3rem .7rem;border-radius:.4rem;max-width:100%}.ctrl-content{display:block}.board-panel{position:relative;background:var(--card);border-radius:1rem;padding:1.25rem;box-shadow:0 4px 12px #00000040;border:1px solid rgba(255,255,255,.05)}.right-col{display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:46rem;margin:0 auto}.ct-board-hint{text-align:center;font-size:.8rem;color:var(--text-hint, #92805a);margin-bottom:.75rem}.controls-panel{background:var(--card);border-radius:1rem;padding:1.25rem;box-shadow:0 4px 12px #00000040;border:1px solid rgba(255,255,255,.05)}.controls-panel h3{margin:.75rem 0 .35rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.controls-panel.phase-green{border-color:#4ade8059;box-shadow:0 4px 12px #00000040,0 0 0 2px #4ade8033,inset 0 0 0 1px #4ade801a;background:linear-gradient(180deg,rgba(74,222,128,.04) 0%,var(--card) 100%)}.controls-panel.phase-red{border-color:#f8717159;box-shadow:0 4px 12px #00000040,0 0 0 2px #f8717133,inset 0 0 0 1px #f871711a;background:linear-gradient(180deg,rgba(248,113,113,.04) 0%,var(--card) 100%)}.question-card{background:var(--card);border:1px solid rgba(250,204,21,.2);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;gap:.55rem}.qc-meta{display:flex;align-items:center;justify-content:space-between}.qc-phase-badge{font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:.15rem .5rem;border-radius:999px;font-family:monospace}.qc-letter-row{display:flex;align-items:center;gap:.75rem}.qc-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.qc-letter{font-size:2.5rem;font-weight:900;color:var(--accent);line-height:1}.qc-question{margin:0;font-size:1rem;line-height:1.6;font-weight:500}.qc-answer-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:#4ade8014;border-radius:.5rem;border:1px solid rgba(74,222,128,.2)}.qc-answer{font-size:1.2rem;font-weight:800;color:#4ade80}.btn.unselect-letter-btn{margin-right:auto;padding:.3rem .85rem;background:#f8717121;color:#fca5a5;border:1.5px solid rgba(248,113,113,.35);border-radius:999px;font-size:.82rem;font-weight:800;cursor:pointer;white-space:nowrap;letter-spacing:.02em;transition:background .18s,border-color .18s,color .18s}.btn.unselect-letter-btn:hover{background:#f8717140;border-color:#f8717199;color:#fff}.qc-preview-zone{display:flex;flex-direction:column;gap:.55rem;border:1.5px solid rgba(250,204,21,.25);border-radius:.75rem;padding:.65rem .8rem;background:#facc150a}.qc-preview-badge{font-size:.7rem;font-weight:700;color:#facc15b3;letter-spacing:.04em;text-align:center}.qc-preview-q{font-style:italic;color:var(--text)}.qc-preview-actions{display:flex;gap:.5rem}.btn.qc-random-btn{flex:1;padding:.45rem 0;background:#facc1524;color:#facc15;border:1px solid rgba(250,204,21,.35);border-radius:.65rem;font-size:.88rem;font-weight:700;cursor:pointer}.btn.qc-random-btn:hover{background:#facc1547}.btn.qc-publish-btn{flex:1.4;padding:.45rem 0;background:#facc152e;color:#facc15;border:1.5px solid rgba(250,204,21,.5);border-radius:.65rem;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 0 10px #facc151f}.btn.qc-publish-btn:hover{background:#facc1547;box-shadow:0 0 16px #facc1540}.btn.qc-publish-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.hint-editor{display:flex;gap:.5rem;align-items:center}.hint-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.4rem .75rem;color:var(--text);font-size:.85rem;direction:rtl}.hint-input::placeholder{color:var(--text-muted)}.hint-input:focus{outline:none;border-color:#facc1566}.hint-input:disabled{opacity:.35}.btn.hint-show-btn{position:relative;padding:8px 16px;background-color:#334155;color:#94a3b8;border-radius:12px;font-size:.82rem;white-space:nowrap;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px #1e293b,0 8px 8px #00000040;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.hint-show-btn:active{transform:translateY(3px);box-shadow:0 1px #1e293b,0 3px 4px #0003}.btn.hint-show-btn.showing{background-color:#b45309;color:#fef3c7;box-shadow:0 4px #78350f,0 8px 8px #00000040}.btn.hint-show-btn.showing:active{box-shadow:0 1px #78350f,0 3px 4px #0003}.btn.hint-show-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.scores{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;padding:.6rem .85rem;background:linear-gradient(135deg,#4ade8012,#f8717112);border-radius:.75rem;border:1px solid rgba(255,255,255,.07)}.scores-mid{font-size:.72rem;color:var(--text-muted);font-weight:800;white-space:nowrap;flex-shrink:0;padding:.18rem .65rem;background:#ffffff0d;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.score{font-weight:800;font-size:1.1rem}.score.green{color:#4ade80;font-weight:800;font-size:1rem;text-shadow:0 0 10px rgba(74,222,128,.4)}.score.red{color:var(--team-red, #f87171);font-weight:800;font-size:1rem;text-shadow:0 0 10px rgba(248,113,113,.4)}.score.blue{color:#00c2ff}.font-scale-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.06)}.font-scale-ctrl{display:flex;align-items:center;gap:.3rem}.fsc-btn{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:var(--text);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.fsc-btn:hover:not(:disabled){background:#facc1533;border-color:#facc1580}.fsc-btn:disabled{opacity:.3;cursor:default}.fsc-val{font-size:.85rem;font-weight:700;color:var(--accent);min-width:3.2rem;text-align:center}.fsc-reset{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;padding:0 .2rem;opacity:.7}.fsc-reset:hover{color:var(--accent);opacity:1}.conn-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.online{background:#4ade80;box-shadow:0 0 6px #4ade80}.dot.offline{background:#f87171}.ctrl-hint{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.select-letter-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#facc150f;border:1.5px dashed rgba(250,204,21,.35);border-radius:.75rem;text-align:center;margin-bottom:1rem}.select-letter-icon{font-size:1.8rem}.select-letter-hint p{margin:0;color:var(--accent);font-weight:700;font-size:.95rem}.ctrl-hint.open-hint{color:#facc15;font-weight:700;font-size:1rem;animation:pulse-text 1.5s infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.team-buttons,.host-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.btn.team,.btn.correct,.btn.wrong,.btn.transfer,.btn.change-q{position:relative;padding:14px 20px;font-size:1rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;text-align:center;flex:1}.btn.team:active,.btn.correct:active,.btn.wrong:active,.btn.transfer:active,.btn.change-q:active{transform:translateY(4px)}.btn.team.green{background-color:#22c55e;color:#052e16;box-shadow:0 5px #15803d,0 10px 10px #0000004d}.btn.team.green:active{box-shadow:0 1px #15803d,0 3px 5px #0003}.btn.team.green:hover{filter:brightness(1.08)}.btn.team.red{background-color:#dc2626;color:#fff1f2;box-shadow:0 5px #7f1d1d,0 10px 10px #0000004d}.btn.team.red:active{box-shadow:0 1px #7f1d1d,0 3px 5px #0003}.btn.team.red:hover{filter:brightness(1.08)}.team-check{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#ffffff40;font-size:.85rem;font-weight:900;line-height:1;flex-shrink:0}.bz-bolt{filter:drop-shadow(0 0 4px rgba(255,255,255,.45))}.btn.correct{background-color:#14b8a6;color:#042f2e;box-shadow:0 5px #0f766e,0 10px 10px #0000004d}.btn.correct:active{box-shadow:0 1px #0f766e,0 3px 5px #0003}.btn.correct:hover{filter:brightness(1.08)}.btn.undo-correct-btn{width:100%;margin-top:.5rem;background-color:#78350f;color:#fef3c7;font-size:.85rem;font-weight:700;box-shadow:0 3px #451a03,0 6px 8px #0000004d;padding:.45rem .75rem}.btn.undo-correct-btn:hover{filter:brightness(1.12)}.btn.undo-correct-btn:active{box-shadow:0 1px #451a03}.btn.wrong,.btn.transfer{background-color:#64748b;color:#f1f5f9;box-shadow:0 5px #334155,0 10px 10px #0000004d}.btn.wrong:active,.btn.transfer:active{box-shadow:0 1px #334155,0 3px 5px #0003}.btn.wrong:hover,.btn.transfer:hover{filter:brightness(1.08)}.btn.change-q{background-color:#334155;color:#94a3b8;box-shadow:0 5px #1e293b,0 10px 10px #0000004d;font-size:.88rem;padding:10px 18px}.btn.change-q:active{box-shadow:0 1px #1e293b,0 3px 5px #0003}.btn.change-q:hover{filter:brightness(1.12)}.round-end-panel,.match-end-panel{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 0;text-align:center}.round-winner-badge{font-size:1.15rem;font-weight:800;padding:.6rem 1.25rem;border-radius:1rem}.round-winner-badge.green{background:#4ade8026;color:#4ade80;border:2px solid rgba(74,222,128,.4)}.round-winner-badge.red{background:#f8717126;color:var(--team-red, #f87171);border:2px solid rgba(248,113,113,.4)}.round-scores,.final-scores{display:flex;flex-direction:column;gap:.3rem;width:100%}.rs{font-size:.9rem;font-weight:700;padding:.3rem .75rem;border-radius:.4rem;background:#ffffff0d}.rs.green{color:#4ade80}.rs.red{color:var(--team-red, #f87171)}.btn.next-round{position:relative;padding:14px 20px;background-color:#facc15;color:#422006;border-radius:16px;font-weight:800;font-size:1rem;width:100%;border:none;cursor:pointer;box-shadow:0 5px #a16207,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.next-round:active{transform:translateY(4px);box-shadow:0 1px #a16207,0 3px 5px #0003}.btn.next-round:hover{filter:brightness(1.05)}.btn.restart-match-btn{position:relative;padding:12px 20px;background-color:#1e3a5f;color:#60a5fa;border-radius:16px;font-weight:700;font-size:.9rem;width:100%;border:none;cursor:pointer;box-shadow:0 5px #0f2540,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.restart-match-btn:active{transform:translateY(4px);box-shadow:0 1px #0f2540,0 3px 5px #0003}.btn.restart-match-btn:hover{filter:brightness(1.1)}.btn.exit-game{position:relative;padding:12px 20px;background-color:#334155;color:#94a3b8;border-radius:16px;font-weight:700;font-size:.9rem;width:100%;border:none;cursor:pointer;box-shadow:0 5px #1e293b,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.exit-game:active{transform:translateY(4px);box-shadow:0 1px #1e293b,0 3px 5px #0003}.btn.exit-game:hover{filter:brightness(1.1)}.trophy-icon{font-size:3.5rem;animation:bounce-ctrl .8s infinite alternate}@keyframes bounce-ctrl{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.match-winner-name{font-size:1.3rem;font-weight:900}.match-winner-name.green{color:#4ade80}.match-winner-name.red{color:var(--team-red, #f87171)}.alternatives-panel{background:var(--card);border:1px solid rgba(250,204,21,.25);border-radius:.75rem;padding:.85rem;margin-top:.75rem}.alt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;gap:.5rem}.alt-header h4{margin:0;font-size:.85rem;font-weight:800;color:var(--accent)}.pill{padding:.25rem .6rem;background:#334155;color:var(--text-muted);border-radius:999px;font-size:.8rem;font-weight:700;cursor:pointer;border:none}.pill:hover{background:#475569}.alt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.alt-card{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.55rem .6rem;text-align:right;cursor:pointer;transition:border-color .15s,background .15s;width:100%}.alt-card:hover{background:#facc150f;border-color:#facc1580}.alt-card.lv1:hover{border-color:#4ade80;background:#4ade800d}.alt-card.lv2:hover{border-color:#facc15;background:#facc150f}.alt-card.lv3:hover{border-color:#f87171;background:#f871710d}.alt-top{display:flex;gap:.35rem;align-items:center;margin-bottom:.3rem;flex-wrap:wrap}.alt-num{font-size:.65rem;color:var(--text-muted);font-weight:700;min-width:12px}.level-badge{font-size:.65rem;font-weight:800;padding:.1rem .35rem;border-radius:999px}.level-badge.lv1{background:#4ade8026;color:#4ade80}.level-badge.lv2{background:#facc1526;color:#facc15}.level-badge.lv3{background:#f8717126;color:#f87171}.alt-cat{font-size:.65rem;color:var(--text-muted);margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}.alt-question{margin:0 0 .2rem;font-size:.78rem;line-height:1.4;color:var(--text)}.alt-answer{margin:0;font-size:.72rem;color:#4ade80;font-weight:700}.utility-buttons{margin-bottom:.75rem}.exit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.exit-card{background:var(--card);border:1px solid rgba(239,68,68,.35);border-radius:1.5rem;padding:2rem 2.25rem;max-width:22rem;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 0 1px #ef444433;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.exit-icon{font-size:2.75rem;margin-bottom:.75rem}.exit-title{margin:0 0 .75rem;font-size:1.3rem;font-weight:900;color:#f87171}.exit-body{margin:0 0 1.5rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.exit-actions{display:flex;flex-direction:column;gap:.6rem}.btn.exit-cancel{position:relative;padding:13px 20px;background-color:#22c55e;color:#052e16;border-radius:14px;font-weight:800;font-size:.95rem;border:none;cursor:pointer;box-shadow:0 5px #15803d,0 10px 10px #00000040;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.exit-cancel:active{transform:translateY(4px);box-shadow:0 1px #15803d,0 3px 5px #0003}.btn.exit-cancel:hover{filter:brightness(1.08)}.btn.exit-confirm{position:relative;padding:13px 20px;background-color:#dc2626;color:#fff1f2;border-radius:14px;font-weight:800;font-size:.95rem;border:none;cursor:pointer;box-shadow:0 5px #7f1d1d,0 10px 10px #00000040;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.exit-confirm:active{transform:translateY(4px);box-shadow:0 1px #7f1d1d,0 3px 5px #0003}.btn.exit-confirm:hover{filter:brightness(1.08)}.bz-winner-badge{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1rem;border:2px solid;animation:bzBadgeIn .3s cubic-bezier(.22,.61,.36,1);flex-wrap:wrap}.bz-winner-green{background:#4ade801a;border-color:#4ade8080}.bz-winner-red{background:#f871711a;border-color:#f8717180}.bz-wb-icon{font-size:1.6rem;flex-shrink:0}.bz-wb-info{flex:1}.bz-wb-team{font-weight:800;font-size:1rem}.bz-winner-green .bz-wb-team{color:#4ade80}.bz-winner-red .bz-wb-team{color:#f87171}.bz-wb-player{color:var(--text-muted);font-size:.82rem}.ct-judge-float{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:1.6rem 2.2rem;border-radius:1.75rem;border:2px solid;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);min-width:320px;max-width:min(92%,420px);animation:ctJudgeFloatIn .32s cubic-bezier(.22,.61,.36,1)}.ct-judge-green{background:#1024168c;border-color:#4ade80;box-shadow:0 0 0 1px #4ade8040,0 0 50px #4ade8066,0 20px 55px #0000008c}.ct-judge-red{background:#2a10108c;border-color:#f87171;box-shadow:0 0 0 1px #f8717140,0 0 50px #f8717166,0 20px 55px #0000008c}@keyframes ctJudgeFloatIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ct-judge-float-info{display:flex;align-items:center;gap:.9rem}.ct-judge-float-avatar{font-size:2.8rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.ct-judge-float-text{text-align:right}.ct-judge-float-name{font-weight:900;font-size:1.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);white-space:nowrap}.ct-judge-float-team{font-size:.9rem;font-weight:700;margin-top:.15rem}.ct-judge-green .ct-judge-float-team{color:#4ade80}.ct-judge-red .ct-judge-float-team{color:#f87171}.ct-judge-float-actions{display:flex;gap:.85rem;width:100%}.ct-judge-float-btn{flex:1;min-width:0;padding:.85rem .5rem;border-radius:.9rem;font-weight:800;font-size:1.05rem;border:none;cursor:pointer;font-family:inherit;transition:transform .1s,filter .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.35rem}.ct-judge-float-btn:active{transform:translateY(2px)}.ct-judge-float-btn:hover{filter:brightness(1.1)}.ct-judge-float-correct{background:linear-gradient(160deg,#34d399,#059669);color:#fff;box-shadow:0 4px #065f46}.ct-judge-float-correct:active{box-shadow:0 1px #065f46}.ct-judge-float-wrong{background:linear-gradient(160deg,#f87171,#dc2626);color:#fff;box-shadow:0 4px #7f1d1d}.ct-judge-float-wrong:active{box-shadow:0 1px #7f1d1d}@media (max-width: 640px){.ct-judge-float{min-width:260px;padding:1.15rem 1.4rem;gap:.85rem}.ct-judge-float-name{font-size:1.2rem}.ct-judge-float-avatar{font-size:2.2rem}.ct-judge-float-btn{font-size:.92rem;padding:.7rem .4rem}}.ct-credit-float{border-color:#facc158c;background:#1e190a99;box-shadow:0 0 0 1px #facc1533,0 0 50px #facc1540,0 20px 55px #0000008c}.ct-credit-float-close{position:absolute;top:.7rem;left:.7rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.75rem;cursor:pointer;line-height:1}.ct-credit-float-close:hover{background:#fff3}.ct-credit-float-hint{color:#ffffffa6;font-size:.82rem;margin:-.5rem 0 0}.ct-credit-pick-green{background:linear-gradient(160deg,#4ade80,#16a34a);color:#06280f;box-shadow:0 4px #14532d}.ct-credit-pick-red{background:linear-gradient(160deg,#f87171,#dc2626);color:#2b0a0a;box-shadow:0 4px #7f1d1d}.ct-manual-credit-back{margin-top:.3rem;background:none;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;padding:.4rem 1rem;color:#ffffffbf;font-size:.85rem;cursor:pointer}.ct-manual-credit-back:hover{background:#ffffff14}.ct-credit-picker{border-radius:.9rem;padding:.75rem 1rem;margin-top:.5rem;border:2px solid;animation:bzBadgeIn .2s ease}.ct-credit-green{background:#4ade8014;border-color:#4ade8066}.ct-credit-red{background:#f8717114;border-color:#f8717166}.ct-credit-picker-title{font-weight:700;font-size:.9rem;margin-bottom:.5rem;color:var(--text-muted)}.ct-credit-picker-grid{display:flex;gap:.5rem;flex-wrap:wrap}.ct-credit-member{display:flex;align-items:center;gap:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.6rem;padding:.45rem .75rem;cursor:pointer;font-size:.9rem;transition:background .15s}.ct-credit-member:hover{background:#ffffff24}.ct-credit-avatar{font-size:1.15rem}.ct-credit-skip{background:none;border:1px dashed rgba(255,255,255,.25);border-radius:.6rem;padding:.45rem .75rem;cursor:pointer;font-size:.85rem;color:var(--text-muted)}.ct-credit-skip:hover{background:#ffffff0f}@keyframes bzBadgeIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bzPulse{0%,to{box-shadow:0 0 #facc1580}60%{box-shadow:0 0 0 10px #facc1500}}.btn.buzzer-open-btn{position:relative;padding:14px 12px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#422006;border-radius:16px;font-weight:800;font-size:1rem;flex:1;border:none;cursor:pointer;box-shadow:0 5px #a16207,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn.buzzer-open-btn:active{transform:translateY(4px);box-shadow:0 1px #a16207}.btn.buzzer-open-btn:hover{filter:brightness(1.07)}.btn.buzzer-reset-btn{padding:10px 18px;width:100%;margin-top:.5rem;background:#facc151a;color:#facc15;border:2px solid rgba(250,204,21,.35);border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s;display:block}.btn.buzzer-reset-btn:hover{background:#facc1538}.buzzer-mgmt-card{background:var(--card);border:1px solid rgba(250,204,21,.2);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #00000040}.buzzer-mgmt-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;background:#facc150f;border:none;color:#facc15;font-weight:800;font-size:.95rem;cursor:pointer;text-align:right;font-family:Tajawal,sans-serif;transition:background .15s}.buzzer-mgmt-header:hover{background:#facc151f}.bm-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;padding:.18rem .6rem;border-radius:999px;margin-right:auto;border:1px solid transparent}.bm-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex-shrink:0}.bm-badge.bm-joining{background:#4ade801f;color:#4ade80;border-color:#4ade8059}.bm-badge.bm-ready{background:#facc151f;color:#facc15;border-color:#facc1559}.bm-badge.bm-racing{background:#f871711f;color:var(--team-red, #f87171);border-color:#f8717166}.bm-badge.bm-racing .bm-dot{animation:bmDotPulse 1s ease-in-out infinite}@keyframes bmDotPulse{0%,to{opacity:1;box-shadow:0 0 #f8717180}50%{opacity:.5;box-shadow:0 0 0 4px #f8717100}}.bm-alert{background:#facc1533;color:#facc15;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:800}.bm-arrow{font-size:.7rem;color:#475569;margin-right:auto}.buzzer-mgmt-body{padding:.85rem;display:flex;flex-direction:column;gap:.65rem}.bm-loading{color:var(--text-muted);font-size:.85rem;text-align:center;margin:.5rem 0}.btn.buzzer-create-btn{width:100%;padding:12px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#422006;border:none;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 4px #a16207;transition:all .1s;font-family:Tajawal,sans-serif}.btn.buzzer-create-btn:active{transform:translateY(3px);box-shadow:0 1px #a16207}.btn.buzzer-create-btn:disabled{opacity:.5;cursor:not-allowed}.bm-teams-wrap{display:flex;flex-direction:column;gap:.65rem}.bm-team{background:#ffffff08;border:2px solid;border-radius:.75rem;padding:.75rem}.bm-team-hd{font-weight:800;font-size:.9rem;margin-bottom:.5rem}.bm-cnt{font-weight:400;color:#64748b;font-size:.8rem}.bm-pend-row,.bm-appr-row{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border-radius:.4rem;padding:.35rem .5rem;margin-top:.3rem}.bm-av{font-size:1.1rem}.bm-nm{flex:1;font-size:.82rem;font-weight:600}.bm-ok,.bm-no{width:26px;height:26px;border-radius:50%;border:1px solid;cursor:pointer;font-size:.9rem;flex-shrink:0}.bm-ok{background:#4ade8026;border-color:#4ade80;color:#4ade80}.bm-ok:hover{background:#4ade804d}.bm-no{background:#f8717126;border-color:var(--team-red, #f87171);color:var(--team-red, #f87171)}.bm-no:hover{background:#f871714d}.bm-appr-row{opacity:.7}.bm-race-status{display:flex;flex-direction:column;gap:.4rem}.bm-won{font-weight:800;font-size:.95rem;padding:.5rem .75rem;background:#ffffff0a;border-radius:.5rem}.bm-won-green{color:#4ade80}.bm-won-red{color:#f87171}.bm-racing{color:#facc15;font-weight:700;font-size:.87rem;animation:pulse-text 1.2s infinite;padding:.4rem 0}.bm-players-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.3rem}.bm-pl-row{display:flex;align-items:center;gap:.4rem;background:#ffffff0a;border-radius:.4rem;padding:.3rem .5rem;border:1px solid transparent}.bm-pl-winner{background:#facc1514}.bm-pl-winner-green{border-color:#4ade8073}.bm-pl-winner-red{border-color:#f8717173}.bm-btns{display:flex;flex-direction:column;gap:.4rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.07)}.btn.bm-lock-btn{padding:10px;width:100%;background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:Tajawal,sans-serif}.btn.bm-lock-btn:disabled{opacity:.4;cursor:not-allowed}.btn.bm-lock-btn:hover:not(:disabled){background:#ffffff1f}.wz-session-badge{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem}.wz-sid-code{color:#facc15;font-size:1rem;letter-spacing:.05em}.wz-team-code-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;border:2px solid;border-radius:.6rem;padding:.5rem .5rem .4rem;background:#00000040;font-family:Tajawal,sans-serif}.wz-tc-lbl{font-size:.72rem;font-weight:700;opacity:.85}.wz-tc-num{font-size:2.2rem;font-weight:900;letter-spacing:.25em;line-height:1;text-shadow:0 0 16px currentColor}.bm-qr-btns{display:flex;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap}.bm-show-qr,.bm-display-qr{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:8px 10px;background:transparent;border:1.5px solid;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:Tajawal,sans-serif;transition:background .15s,color .15s;white-space:nowrap}.bm-show-qr:hover{background:#ffffff12}.bm-display-qr:hover{filter:brightness(1.1)}.btn.bm-qr-toggle-btn{padding:10px;width:100%;background:#facc151a;color:#facc15;border:1px solid rgba(250,204,21,.3);border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:Tajawal,sans-serif;transition:background .15s}.btn.bm-qr-toggle-btn:hover{background:#facc1533}.btn.bm-qr-toggle-btn.active{background:#facc1540;border-color:#facc158c}.bm-join-qr-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem;text-align:center;margin-bottom:.2rem}.bm-join-url-text{font-size:.71rem;color:#60a5fa;word-break:break-all;background:#60a5fa14;padding:.25rem .5rem;border-radius:.35rem;margin-top:.3rem}.btn.bm-reopen-btn{padding:10px;width:100%;background:#facc1514;color:#facc15;border:1px solid rgba(250,204,21,.3);border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:Tajawal,sans-serif;transition:background .15s}.btn.bm-reopen-btn:hover{background:#facc152e}@media (min-width: 1440px){.controller-screen{padding:1.25rem 1.5rem}.ctrl-content{grid-template-columns:1.6fr 1fr;gap:1.25rem}.btn.team,.btn.correct,.btn.wrong,.btn.transfer{padding:16px 22px;font-size:1.05rem}}@media (max-width: 1439px) and (min-width: 900px){.ctrl-content{grid-template-columns:1.3fr 1fr}.btn.team,.btn.correct,.btn.wrong,.btn.transfer{padding:12px 14px;font-size:.92rem}}@media (max-width: 899px) and (min-width: 600px){.team-buttons,.host-buttons{gap:.5rem}.btn.team,.btn.correct,.btn.wrong,.btn.transfer{padding:14px 16px;font-size:1rem}}@media (max-width: 599px){.controller-screen{padding:.5rem}.ctrl-header{padding:.65rem .75rem;gap:.5rem;flex-wrap:wrap}.ctrl-header h1{font-size:1rem}.display-link{padding:.4rem .7rem;font-size:.82rem}.ctrl-content{gap:.6rem}.board-panel,.controls-panel,.question-card,.buzzer-mgmt-card{border-radius:.75rem}.alt-grid{grid-template-columns:1fr}.team-buttons,.host-buttons{gap:.4rem}.btn.team,.btn.correct,.btn.wrong,.btn.transfer{padding:14px 12px;font-size:.98rem}.abilities-panel-body{grid-template-columns:1fr}.qc-question{font-size:.92rem}}.abilities-panel{background:var(--card);border:1px solid rgba(167,139,250,.25);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #00000040}.abilities-panel-inner{display:flex;flex-direction:column;gap:0}.ability-notice{margin:.6rem .8rem;padding:.6rem .9rem;background:#f59e0b26;border:1px solid #f59e0b;border-radius:10px;color:#fbbf24;font-size:.9rem;font-weight:600;text-align:center}.abilities-panel-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;background:#a78bfa12;border:none;color:#a78bfa;font-weight:800;font-size:.95rem;cursor:pointer;text-align:right;font-family:Tajawal,sans-serif;transition:background .15s}.abilities-panel-header:hover{background:#a78bfa24}.abilities-panel-body{padding:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.abilities-team-col{border:1.5px solid;border-radius:.75rem;overflow:hidden}.abilities-team-hd{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-weight:800;font-size:.85rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.abilities-team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.abilities-empty{padding:.75rem;color:#475569;font-size:.82rem;text-align:center}.abilities-list{display:flex;flex-direction:column;gap:.35rem;padding:.5rem}.ability-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem .65rem;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:.6rem;cursor:pointer;transition:all .15s;color:#e2e8f0;font-family:Tajawal,sans-serif;font-size:.82rem;text-align:right;width:100%}.ability-btn:hover:not(:disabled){background:#ffffff1f;transform:translate(-2px)}.ability-btn.used{opacity:.4;cursor:default}.ability-btn.pending-target{animation:abPulse .8s ease-in-out infinite}@keyframes abPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.97)}}.ab-btn-icon{font-size:1.1rem;flex-shrink:0}.ab-btn-name{font-weight:700;flex:1}.ab-used-mark{font-size:.7rem;color:#4ade80;margin-right:auto}.ab-btn-text{display:flex;flex-direction:column;flex:1;gap:.08rem}.ab-btn-tag{font-size:.62rem;color:#facc15;font-weight:600;opacity:.85}.ab-pending-mark{font-size:.8rem;margin-right:auto}.ab-summary-chips{display:flex;gap:.3rem;margin-right:auto}.ab-chip{font-size:.68rem;font-weight:800;padding:.08rem .4rem;border-radius:999px}.ab-chip-green{background:#4ade802e;color:#4ade80}.ab-chip-red{background:#f871712e;color:#f87171}.ab-setup-section{border-top:1px solid rgba(255,255,255,.06);padding:.6rem .75rem}.ab-setup-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#a78bfa0f;color:#a78bfa;border:1px solid rgba(167,139,250,.2);border-radius:.55rem;padding:.55rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;font-family:Tajawal,sans-serif;transition:background .15s}.ab-setup-toggle:hover,.ab-setup-toggle.open{background:#a78bfa24}.ab-setup-body{padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.ab-setup-team-row{display:flex;gap:.4rem}.ab-team-pick{flex:1;padding:.45rem .5rem;border-radius:.5rem;border:1.5px solid;font-weight:800;font-size:.82rem;cursor:pointer;font-family:Tajawal,sans-serif;transition:all .15s;background:transparent}.ab-team-pick.green{border-color:#4ade804d;color:#4ade80}.ab-team-pick.green.active{background:#4ade8026;border-color:#4ade8099}.ab-team-pick.red{border-color:#f871714d;color:#f87171}.ab-team-pick.red.active{background:#f8717126;border-color:#f8717199}.ab-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.ab-setup-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.55rem .35rem;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:.55rem;cursor:pointer;transition:all .15s;font-family:Tajawal,sans-serif;text-align:center}.ab-setup-card:hover:not(.locked){background:#a78bfa1a;border-color:#a78bfa66}.ab-setup-card.picked{background:#a78bfa24;border-color:#a78bfa}.ab-setup-card.locked{opacity:.3;cursor:default}.ab-setup-icon{font-size:1.4rem;line-height:1}.ab-setup-name{font-size:.7rem;font-weight:700;color:var(--text);line-height:1.2}.ab-setup-check{position:absolute;top:4px;left:4px;background:#a78bfa;color:#1a0f3a;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900}.ab-setup-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ab-setup-count{font-size:.78rem;color:var(--text-muted);font-weight:700}.ab-setup-count.ready{color:#4ade80}.ab-setup-confirm{padding:.45rem 1rem;background:#a78bfa;color:#1a0f3a;border:none;border-radius:.5rem;font-weight:800;font-size:.82rem;cursor:pointer;font-family:Tajawal,sans-serif;transition:filter .15s}.ab-setup-confirm:disabled{opacity:.35;cursor:not-allowed}.ab-setup-confirm:not(:disabled):hover{filter:brightness(1.1)}.ability-targeting-banner{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:.65rem;border:1.5px solid;margin-bottom:.5rem;font-weight:700;font-size:.88rem;gap:.5rem}.ability-cancel-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;color:#94a3b8;cursor:pointer;padding:.2rem .5rem;font-size:.75rem}.ctrl-team-strip{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.7rem}.cts-team{background:#ffffff06;border:1.5px solid;border-radius:.8rem;padding:.6rem .7rem;transition:box-shadow .2s,transform .2s}.cts-team.active.cts-green{box-shadow:0 0 0 1px #4ade80,0 6px 22px #4ade802e}.cts-team.active.cts-red{box-shadow:0 0 0 1px #f87171,0 6px 22px #f871712e}.cts-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.cts-name{font-weight:900;font-size:1rem}.cts-wins{font-weight:900;font-size:.95rem}.cts-presser{margin-top:.45rem;border-radius:.5rem;padding:.3rem .55rem;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.cts-presser strong{font-weight:900}.cts-abilities{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.cts-ab-empty{font-size:.72rem;color:var(--text-muted);font-weight:700}.cts-ab-card{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.22rem .5rem;font-size:.74rem;font-weight:800;position:relative}.cts-ab-icon{font-size:.95rem;line-height:1}.cts-ab-name{color:var(--text)}.cts-ab-card.used{opacity:.4}.cts-ab-card.used .cts-ab-name{text-decoration:line-through}.cts-ab-used{color:#4ade80;font-weight:900}:root{--gold: #facc15;--gold-deep: #a16207;--green: #4ade80;--red: #f87171;--hint: #92805a;--card-2: #1b1709;--border-gold: rgba(250,204,21,.14)}.ct-teams{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.8rem}.ct-team{background:var(--card, #141108);border:1.5px solid var(--border-gold);border-radius:16px;padding:.7rem .8rem;transition:box-shadow .25s,border-color .25s,opacity .25s,filter .25s}.ct-team.green.active,.ct-team.green.buzzer-won{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 8px 26px #4ade802e}.ct-team.red.active,.ct-team.red.buzzer-won{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 8px 26px #f871712e}.ct-team.paused{opacity:.5;filter:grayscale(.5)}.ct-team-top{display:flex;align-items:center;gap:.55rem}.ct-emoji{font-size:1.7rem;line-height:1}.ct-team-id{display:flex;flex-direction:column;gap:.1rem;min-width:0}.ct-name{font-weight:900;font-size:1rem}.ct-meta{font-size:.7rem;color:var(--hint)}.ct-score{margin-right:auto;font-size:1.8rem;font-weight:900}.ct-team.green .ct-score{color:var(--green)}.ct-team.red .ct-score{color:var(--red)}.ct-team-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}.ct-turn{font-size:.72rem;font-weight:800;color:var(--hint);opacity:0}.ct-team.active .ct-turn,.ct-team.buzzer-won .ct-turn{opacity:1}.ct-team.green .ct-turn{color:var(--green)}.ct-team.red .ct-turn{color:var(--red)}.ct-state{font-size:.7rem;font-weight:800;border:1px solid var(--border-gold);background:#26210f;color:var(--hint);border-radius:99px;padding:.18rem .7rem}.ct-state.on{background:#4ade8024;border-color:var(--green);color:var(--green)}.ct-qbar{display:flex;align-items:stretch;gap:.7rem;background:linear-gradient(160deg,var(--card, #141108),#1b1608);border:1.5px solid rgba(250,204,21,.22);border-radius:16px;padding:.8rem;margin-bottom:.7rem}.ct-letter{flex:0 0 auto;width:3.4rem;height:3.8rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 10px rgba(250,204,21,.3))}.ct-qmid{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.label-chip{align-self:flex-start;font-size:.7rem;color:var(--hint);background:#ffffff0a;border-radius:6px;padding:.15rem .5rem}.ct-clue{font-size:.95rem;font-weight:700;line-height:1.45;margin:0}.ct-answer{font-size:.86rem;font-weight:900;color:var(--green)}.ct-qactions{display:flex;align-items:center;gap:.45rem;margin-top:.2rem;flex-wrap:wrap}.ct-publish-btn{background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:#1a1206;font-weight:900;border:none;border-radius:10px;padding:.4rem .8rem;font-size:.82rem}.ct-publish-btn:disabled{opacity:.45}.ct-icon-btn{width:2.2rem;height:2.2rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;background:#26210f;color:var(--gold);border:1px solid var(--border-gold);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}.ct-icon-btn:hover:not(:disabled){background:#332a12}.ct-icon-btn.on{background:#facc152e;border-color:var(--gold)}.ct-icon-btn:disabled{opacity:.4;cursor:default}.ct-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.ct-tnum{font-size:1.9rem;font-weight:900;color:var(--gold);min-width:2.2rem;text-align:center}.ct-tnum.last5{color:var(--red)}.ct-drawer{background:var(--card, #141108);border:1.5px solid var(--border-gold);border-radius:14px;overflow:hidden;margin-bottom:.7rem}.ct-drawer-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;padding:.85rem 1rem;font-size:.95rem;font-weight:900;color:var(--text)}.ct-drawer-arrow{color:var(--hint);font-size:.8rem}.ct-drawer-body{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 1rem}.ct-drawer.open .ct-drawer-body{max-height:1400px;padding:0 1rem 1rem}.ct-tool-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.ct-tool-label{font-size:.75rem;font-weight:800;color:var(--hint)}.ct-tool-row{display:flex;gap:.5rem;flex-wrap:wrap}.ct-icon-btn.danger{background:#f871711f;color:var(--red);border-color:#f8717166}.ct-icon-btn.danger:hover:not(:disabled){background:#f8717133}.lobby-screen{min-height:100vh;background:radial-gradient(ellipse 70% 50% at 25% -5%,rgba(250,204,21,.07) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 80% 105%,rgba(74,222,128,.05) 0%,transparent 55%),#07060a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-family:Tajawal,sans-serif;direction:rtl;padding:2rem;position:relative;color:#e8d5a0}.lobby-title{font-size:2.8rem;font-weight:900;margin:0;background:linear-gradient(135deg,#fff,#facc15 40%,#fff,#facc15);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lobbyShimmer 4s linear infinite}@keyframes lobbyShimmer{0%{background-position:-200% center}to{background-position:200% center}}.lobby-hint{color:#92805a;margin:0;font-size:1.1rem;text-align:center}.lobby-unified-qr{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lobby-qr-frame{background:#fff;border-radius:16px;padding:12px;border:5px solid #facc15;box-shadow:0 0 40px #facc154d,0 0 80px #0009;animation:qrGlow 3s ease-in-out infinite}@keyframes qrGlow{0%,to{box-shadow:0 0 30px #facc1540,0 0 60px #00000080}50%{box-shadow:0 0 50px #facc158c,0 0 100px #0009}}.lobby-qr-url{font-family:monospace;font-size:1rem;color:#facc15;background:#facc151a;border:1px solid rgba(250,204,21,.25);border-radius:.5rem;padding:.3rem 1rem;direction:ltr;letter-spacing:.02em}.lobby-teams{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:860px}.lobby-team-card{flex:1;min-width:240px;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#ffffff0a;border:3px solid;border-radius:1.5rem;padding:1.25rem 1.25rem 1rem}.lobby-team-name{font-size:1.8rem;font-weight:900}.lobby-team-count{font-size:2rem;font-weight:900}.lobby-team-lbl{font-size:1rem;font-weight:500;opacity:.7}.lobby-members{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;min-height:2.5rem}.lobby-member{border-radius:2rem;padding:.3rem .9rem;font-size:1rem;color:#fff;font-weight:600}.lobby-empty{color:#475569;font-size:.9rem}.lobby-waiting{color:#475569;font-size:.9rem;animation:lobbyPulse 2s infinite}@keyframes lobbyPulse{0%,to{opacity:1}50%{opacity:.4}}.lobby-stale-banner{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fbbf2414;border:1.5px solid rgba(251,191,36,.4);border-radius:1rem;padding:1rem 1.5rem;text-align:center;color:#fbbf24;font-size:1rem;max-width:500px}.lobby-reload-btn{margin-top:.25rem;padding:.5rem 1.5rem;background:#fbbf2426;border:1.5px solid rgba(251,191,36,.5);border-radius:.5rem;color:#fbbf24;font-size:1rem;cursor:pointer;font-family:inherit;font-weight:700}.lobby-reload-btn:hover{background:#fbbf244d}.display-screen{height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 25% -5%,rgba(250,204,21,.1) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 80% 105%,rgba(74,222,128,.07) 0%,transparent 55%),var(--bg);display:flex;flex-direction:column;align-items:center;font-family:Tajawal,sans-serif;direction:rtl;--bg: #07060a;--card: #141108;--card2: #1b1709;--border: rgba(250,204,21,.14);--team-green: #4ade80;--team-green-glow: rgba(74,222,128,.45);--team-green-dim: rgba(74,222,128,.1);--team-green-border:rgba(74,222,128,.28);--team-red: #f87171;--team-red-glow: rgba(248,113,113,.45);--team-red-dim: rgba(248,113,113,.1);--team-red-border: rgba(248,113,113,.28);--text: #e8d5a0;--text-muted: #5a4f35;--text-hint: #92805a}.dsp-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.dsp-bg-letter{position:absolute;color:#facc150d;font-weight:900;-webkit-user-select:none;user-select:none;line-height:1}@keyframes dspFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.dsp-layout{position:relative;z-index:1;display:grid;grid-template-columns:15rem 1fr 15rem;gap:1rem;padding:1rem;box-sizing:border-box;align-items:stretch}.dsp-team-col{display:flex;flex-direction:column;padding:1rem;gap:1rem;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--border);border-radius:18px;position:relative;overflow:hidden;transition:box-shadow .4s,background .4s,border-color .4s}.dsp-team-col.green.active{border-color:var(--team-green)}.dsp-team-col.red.active{border-color:var(--team-red)}.dsp-team-col:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s;pointer-events:none}.dsp-team-col.green:before{background:radial-gradient(ellipse at top,rgba(74,222,128,.1) 0%,transparent 70%)}.dsp-team-col.red:before{background:radial-gradient(ellipse at top,rgba(248,113,113,.1) 0%,transparent 70%)}.dsp-team-col.green.active{animation:dspGreenBox 1.6s ease-in-out infinite}.dsp-team-col.green.active:before{opacity:1}.dsp-team-col.red.active{animation:dspRedBox 1.6s ease-in-out infinite}.dsp-team-col.red.active:before{opacity:1}.dsp-team-col.green.active .dsp-team-name{color:var(--team-green, #4ade80);animation:dspGreenTxt 1.6s ease-in-out infinite}.dsp-team-col.red.active .dsp-team-name{color:var(--team-red, #f87171);animation:dspRedTxt 1.6s ease-in-out infinite}@keyframes dspGreenBox{0%,to{box-shadow:inset 0 0 0 2px #4ade804d,0 0 16px #4ade8033}50%{box-shadow:inset 0 0 0 3px #4ade80d9,0 0 44px #4ade8080}}@keyframes dspRedBox{0%,to{box-shadow:inset 0 0 0 2px #f871714d,0 0 16px #f8717133}50%{box-shadow:inset 0 0 0 3px #f87171d9,0 0 44px #f8717180}}@keyframes dspGreenTxt{0%,to{text-shadow:0 0 8px rgba(74,222,128,.4)}50%{text-shadow:0 0 24px rgba(74,222,128,.95),0 0 48px rgba(74,222,128,.5)}}@keyframes dspRedTxt{0%,to{text-shadow:0 0 8px rgba(248,113,113,.4)}50%{text-shadow:0 0 24px rgba(248,113,113,.95),0 0 48px rgba(248,113,113,.5)}}.dsp-team-header{display:flex;align-items:flex-start;gap:.75rem}.dsp-team-color-bar{width:5px;border-radius:4px;align-self:stretch;flex-shrink:0;min-height:4rem}.dsp-team-color-bar.green{background:var(--team-green, #4ade80);box-shadow:0 0 12px var(--team-green-glow, rgba(74,222,128,.55))}.dsp-team-color-bar.red{background:var(--team-red, #f87171);box-shadow:0 0 12px var(--team-red-glow, rgba(248,113,113,.55))}.dsp-team-meta{display:flex;flex-direction:column;gap:.08rem;flex:1}.dsp-team-meta.align-end{align-items:flex-end}.dsp-team-score{font-size:3.6rem;font-weight:900;line-height:1}.dsp-team-score.green{color:var(--team-green, #4ade80);text-shadow:0 0 20px var(--team-green-glow, rgba(74,222,128,.45))}.dsp-team-score.red{color:var(--team-red, #f87171);text-shadow:0 0 20px var(--team-red-glow, rgba(248,113,113,.45))}.dsp-team-label{font-size:.68rem;color:var(--text-muted);font-weight:600;letter-spacing:.06em}.dsp-team-name{font-size:1.15rem;font-weight:800;color:var(--text);line-height:1.3}.dsp-divider{height:2px;border-radius:2px;opacity:.22}.dsp-divider.green{background:var(--team-green, #4ade80)}.dsp-divider.red{background:var(--team-red, #f87171)}.dsp-members-list{display:flex;flex-direction:column;gap:.5rem;flex:1}.dsp-members-list.align-end{align-items:flex-end}.dsp-members-title{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem}.dsp-member-row{display:flex;align-items:center;gap:.55rem;background:#ffffff0a;border-radius:.65rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.06);transition:background .2s;width:100%;box-sizing:border-box}.dsp-member-row.reverse{flex-direction:row-reverse}.dsp-member-avatar{font-size:1.25rem;flex-shrink:0}.dsp-member-name{font-size:.92rem;font-weight:700;color:var(--text)}.dsp-your-turn{text-align:center;font-weight:900;font-size:1rem;padding:.55rem;border-radius:.65rem;animation:yourTurnPulse 1s ease-in-out infinite;margin-top:auto}.dsp-your-turn.green{color:var(--team-green, #4ade80);background:var(--team-green-dim, rgba(74,222,128,.1));border:1px solid var(--team-green-border, rgba(74,222,128,.3))}.dsp-your-turn.red{color:var(--team-red, #f87171);background:var(--team-red-dim, rgba(248,113,113,.1));border:1px solid var(--team-red-border, rgba(248,113,113,.3))}.dsp-turn-badge{margin-top:auto;text-align:center;font-weight:900;font-size:.88rem;padding:.5rem .75rem;border-radius:.75rem;border:2px solid transparent;color:var(--text-muted);background:#ffffff0a;transition:all .35s ease;letter-spacing:.03em}.dsp-turn-badge.green.active{color:var(--team-green, #4ade80);background:var(--team-green-dim, rgba(74,222,128,.12));border-color:#4ade8080;box-shadow:0 0 18px #4ade8040,inset 0 0 12px #4ade8014;animation:turnBadgePulse 1.1s ease-in-out infinite}.dsp-turn-badge.red.active{color:var(--team-red, #f87171);background:var(--team-red-dim, rgba(248,113,113,.12));border-color:#f8717180;box-shadow:0 0 18px #f8717140,inset 0 0 12px #f8717114;animation:turnBadgePulse 1.1s ease-in-out infinite}@keyframes turnBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 14px currentColor}50%{transform:scale(1.06);box-shadow:0 0 28px currentColor}}@keyframes yourTurnPulse{0%,to{opacity:1;transform:scale(1);box-shadow:none}50%{opacity:.85;transform:scale(1.04);box-shadow:0 0 12px currentColor}}.dsp-center-col{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;gap:.9rem;background:transparent;overflow:hidden}.dsp-logo-area{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 1rem;width:100%;box-sizing:border-box;background:#facc150f;border:1.5px solid rgba(250,204,21,.2);border-radius:1rem;flex-shrink:0}.dsp-logo-img{height:10rem;object-fit:contain;max-width:100%;background:#ffffffeb;border-radius:.6rem;box-shadow:0 2px 12px #00000040}.dsp-logo-text{font-size:2rem;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#fef9c3,#facc15 45%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(250,204,21,.5));font-family:Tajawal,sans-serif;text-align:center;line-height:1.25}.dsp-round-badge{font-size:.75rem;font-weight:700;color:#facc15d9;background:#facc151f;padding:.18rem 1rem;border-radius:999px;border:1px solid rgba(250,204,21,.2);letter-spacing:.04em}.dsp-buzzer-zone{width:100%;box-sizing:border-box;flex-shrink:0;height:2.85rem;display:flex;align-items:center;justify-content:center}.dsp-buzzer-bar{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.55rem 1rem;border-radius:.75rem;font-weight:800;font-size:.95rem;border:1.5px solid;animation:bzActive 1.2s infinite;height:100%;box-sizing:border-box}.dsp-buzzer-bar.open{background:#facc151a;border-color:#facc15;color:#facc15}.dsp-buzzer-bar.winner{background:#ffffff0a}.dsp-bw-player{font-size:.85rem;font-weight:600;opacity:.75}.dsp-bw-sep{opacity:.35}.dsp-buzzer-idle{color:#ffffff2e;font-size:1.2rem;letter-spacing:.4em}.dsp-turn-bar{width:100%;box-sizing:border-box;text-align:center;font-weight:800;font-size:.95rem;height:100%;padding:0 1rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center}.dsp-turn-bar.green{background:var(--team-green-dim, rgba(74,222,128,.1));color:var(--team-green, #4ade80);border:1px solid var(--team-green-border, rgba(74,222,128,.28))}.dsp-turn-bar.red{background:var(--team-red-dim, rgba(248,113,113,.1));color:var(--team-red, #f87171);border:1px solid var(--team-red-border, rgba(248,113,113,.28))}.dsp-board-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.dsp-board-wrap .hb-wrap{height:100%;padding:0;display:flex;align-items:center;justify-content:center}.dsp-board-wrap .hb-svg{height:100%!important;width:auto!important;max-width:100%!important;max-height:100%!important}.ds-entry-qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0f1ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:.65rem;border-radius:1rem;animation:fadeIn .3s ease}.ds-entry-qr-frame{background:#fff;border-radius:14px;padding:10px;border:4px solid #facc15;box-shadow:0 0 35px #facc1559,0 0 70px #00000080;animation:qrGlow 3s ease-in-out infinite}.ds-entry-qr-hint{margin:0;font-size:1.05rem;font-weight:700;color:#facc15;font-family:Tajawal,sans-serif}.ds-entry-qr-url{margin:0;font-family:monospace;font-size:.82rem;color:#818cf8;direction:ltr;letter-spacing:.02em;background:#818cf81a;border-radius:.4rem;padding:.2rem .7rem}.dsp-question-card{width:100%;max-width:32rem;box-sizing:border-box;background:linear-gradient(160deg,var(--card2),var(--card));border-radius:18px;padding:1.1rem 1.2rem;text-align:center;border:1px solid var(--border);box-shadow:0 4px 20px #0006;transition:border-color .3s,box-shadow .3s;flex-shrink:0}.dsp-question-card.active-green{border-color:var(--team-green, #4ade80);box-shadow:0 0 28px var(--team-green-dim, rgba(74,222,128,.22))}.dsp-question-card.active-red{border-color:var(--team-red, #f87171);box-shadow:0 0 28px var(--team-red-dim, rgba(248,113,113,.22))}.dsp-q-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.7rem}.dsp-q-header.has-timer{justify-content:space-between}.dsp-letter-hex-wrap{flex-shrink:0}.dsp-letter-hex{width:3.4rem;height:3.8rem;filter:drop-shadow(0 0 16px rgba(250,204,21,.35))}.dsp-q-text{font-size:calc(1.35rem * var(--q-scale, 1));margin:0 0 .4rem;line-height:1.6;font-weight:700}.dsp-hint{display:inline-block;margin:.6rem 0 0;background:#4ade8014;border-radius:.625rem;padding:.5rem .7rem;color:var(--team-green, #4ade80);font-size:calc(.85rem * var(--q-scale, 1));font-weight:700}.dsp-timer-ring{position:relative;width:3.6rem;height:3.6rem;flex-shrink:0}.dsp-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dsp-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;color:var(--accent, #facc15)}.dsp-timer-ring.last5 .dsp-timer-num{color:#f87171}.dsp-open-for-all{margin:.4rem 0 0;font-weight:800;font-size:1.1rem;color:#facc15;animation:pulse-glow 1.5s infinite}.dsp-waiting-pick{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-muted);font-size:1rem;width:100%;text-align:center}.dsp-waiting-pick span{font-size:2rem}.cursor-blink{animation:blink .7s infinite;color:var(--accent, #facc15);font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bzActive{0%,to{opacity:1}50%{opacity:.55}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;animation:screenFlashFade .75s ease-out forwards}.screen-flash-green{background:radial-gradient(ellipse at center,#4ade807a,#4ade8000 65%)}.screen-flash-red{background:radial-gradient(ellipse at center,#f871717a,#f8717100 65%)}@keyframes screenFlashFade{0%{opacity:1}60%{opacity:.7}to{opacity:0}}.score-bump{animation:scoreBump .9s cubic-bezier(.22,.61,.36,1) both}@keyframes scoreBump{0%{transform:scale(1)}15%{transform:scale(1.7);filter:brightness(1.6) drop-shadow(0 0 16px currentColor)}45%{transform:scale(1.45);filter:brightness(1.3)}70%{transform:scale(1.1)}to{transform:scale(1);filter:brightness(1)}}.score-bump:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid currentColor;animation:scoreRing .7s ease-out forwards;pointer-events:none}@keyframes scoreRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.ans-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:90;pointer-events:none;animation:revealFadeIn .35s ease both}.ans-reveal-overlay.leave{animation:revealFadeOut .45s ease forwards}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.ans-reveal-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1e2535,#0f1117);border:2px solid #facc15;border-radius:2rem;padding:2.5rem 4rem;text-align:center;box-shadow:0 0 0 6px #facc151f,0 0 60px #facc154d,0 20px 60px #000000b3;animation:revealCardIn .4s cubic-bezier(.22,.61,.36,1) both;min-width:340px}@keyframes revealCardIn{0%{transform:scale(.78) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ans-reveal-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(250,204,21,.18) 50%,transparent 65%);animation:shimmerMove 1.8s ease infinite;pointer-events:none}@keyframes shimmerMove{0%{transform:translate(-120%)}to{transform:translate(120%)}}.ans-reveal-letter{font-size:4.5rem;font-weight:900;color:#facc15;line-height:1;margin-bottom:.6rem;text-shadow:0 0 30px rgba(250,204,21,.6);animation:letterPop .45s cubic-bezier(.22,.61,.36,1) both}@keyframes letterPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ans-reveal-label{font-size:.85rem;font-weight:700;color:#facc158c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.ans-reveal-answer{font-size:2.6rem;font-weight:900;color:#fff;line-height:1.2;animation:answerSlideUp .5s .12s cubic-bezier(.22,.61,.36,1) both;text-shadow:0 2px 12px rgba(0,0,0,.5)}@keyframes answerSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.winner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:100;animation:fadeIn .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem}.winner-card{position:relative;overflow:hidden;text-align:center;padding:3rem 5rem;background:var(--card);border-radius:2rem;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 40px 100px #000000b3}.winner-card.green{box-shadow:0 0 0 3px #4ade8066,0 0 80px #4ade8073,0 0 160px #4ade8026;border:2px solid rgba(74,222,128,.5);animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275),winnerGlowGreen 2s .5s ease-in-out infinite}.winner-card.red{box-shadow:0 0 0 3px #f8717166,0 0 80px #f8717173,0 0 160px #f8717126;border:2px solid rgba(248,113,113,.5);animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275),winnerGlowRed 2s .5s ease-in-out infinite}.winner-card.tie{box-shadow:0 0 60px #facc1533}@keyframes winnerGlowGreen{0%,to{box-shadow:0 0 0 3px #4ade8066,0 0 60px #4ade8066,0 0 120px #4ade801a}50%{box-shadow:0 0 0 5px #4ade8099,0 0 100px #4ade8099,0 0 200px #4ade8033}}@keyframes winnerGlowRed{0%,to{box-shadow:0 0 0 3px #f8717166,0 0 60px #f8717166,0 0 120px #f871711a}50%{box-shadow:0 0 0 5px #f8717199,0 0 100px #f8717199,0 0 200px #f8717133}}.winner-label{font-size:1.1rem;color:var(--text-muted);margin:0;font-weight:600}.winner-name{font-size:3rem;font-weight:900;margin:.5rem 0 0}.winner-name.green{color:var(--team-green, #4ade80);text-shadow:0 0 30px var(--team-green-glow, rgba(74,222,128,.6))}.winner-name.red{color:var(--team-red, #f87171);text-shadow:0 0 30px var(--team-red-glow, rgba(248,113,113,.6))}.winner-name.tie{color:var(--accent)}.winner-scores{display:flex;align-items:center;gap:1.25rem;margin-top:1.25rem;justify-content:center;background:#ffffff0d;padding:.6rem 1.5rem;border-radius:2rem}.ws{font-weight:800;font-size:1.1rem}.ws.green{color:var(--team-green, #4ade80)}.ws.red{color:var(--team-red, #f87171)}.ws.champ{font-size:1.3rem}.ws-sep{color:var(--text-muted);font-weight:300}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cf{position:absolute;top:-16px;border-radius:2px;animation:fall 1.5s ease-in infinite}.cf-0{background:var(--team-green, #4ade80)}.cf-1{background:var(--team-red, #f87171)}.cf-2{background:#facc15}.cf-3{background:#38bdf8}.cf-4{background:#c084fc}.cf-5{background:#fb923c;border-radius:50%}.cf-6{background:#fff}@keyframes fall{0%{transform:translateY(-16px) rotate(0) skew(0);opacity:1}60%{opacity:.8}to{transform:translateY(320px) rotate(720deg) skew(20deg);opacity:0}}.celebration-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:90}.celebration-layer .cf{position:absolute;top:-24px;border-radius:2px;animation:cfFallFull 2.6s linear infinite}@keyframes cfFallFull{0%{transform:translateY(-24px) rotate(0) skew(0);opacity:1}85%{opacity:.9}to{transform:translateY(105vh) rotate(900deg) skew(24deg);opacity:0}}.celebration-final{z-index:101}.firework{position:absolute;width:8px;height:8px;border-radius:50%;opacity:0;transform:scale(0);animation:fireworkBurst 1.6s ease-out infinite}.firework:before,.firework:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 -42px 0 -2px currentColor,0 42px 0 -2px currentColor,-42px 0 0 -2px currentColor,42px 0 0 -2px currentColor,30px -30px 0 -2px currentColor,-30px 30px 0 -2px currentColor,30px 30px 0 -2px currentColor,-30px -30px 0 -2px currentColor}.fw-0{color:#facc15}.fw-1{color:#4ade80}.fw-2{color:#f87171}.fw-3{color:#38bdf8}.fw-4{color:#c084fc}@keyframes fireworkBurst{0%{opacity:0;transform:scale(.1)}12%{opacity:1;transform:scale(.4)}55%{opacity:1;transform:scale(1.1)}75%{opacity:.7}to{opacity:0;transform:scale(1.3)}}.dsp-audio-unlock{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:200;cursor:pointer;background:#facc15f2;color:#1a1400;border:none;border-radius:99px;padding:.55rem 1.4rem;font-weight:800;font-size:.95rem;font-family:Tajawal,sans-serif;box-shadow:0 6px 24px #0006;animation:audioUnlockPulse 1.8s ease-in-out infinite}@keyframes audioUnlockPulse{0%,to{box-shadow:0 6px 24px #0006,0 0 #facc1580}50%{box-shadow:0 6px 24px #0006,0 0 0 10px #facc1500}}.trophy{position:relative;font-size:6.5rem;margin-bottom:.5rem;animation:trophyBounce .85s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(250,204,21,.7));z-index:1}.trophy:before{content:"";position:absolute;top:-110%;right:-110%;bottom:-110%;left:-110%;z-index:-1;background:conic-gradient(from 0deg,transparent 0deg,rgba(250,204,21,.22) 12deg,transparent 24deg,transparent 36deg,rgba(250,204,21,.22) 48deg,transparent 60deg,transparent 72deg,rgba(250,204,21,.22) 84deg,transparent 96deg,transparent 108deg,rgba(250,204,21,.22) 120deg,transparent 132deg,transparent 168deg,rgba(250,204,21,.22) 180deg,transparent 192deg,transparent 228deg,rgba(250,204,21,.22) 240deg,transparent 252deg,transparent 288deg,rgba(250,204,21,.22) 300deg,transparent 312deg,transparent 348deg,rgba(250,204,21,.22) 360deg);border-radius:50%;-webkit-mask:radial-gradient(closest-side,transparent 32%,#000 38%,#000 78%,transparent 92%);mask:radial-gradient(closest-side,transparent 32%,#000 38%,#000 78%,transparent 92%);animation:trophyRays 8s linear infinite;pointer-events:none}@keyframes trophyRays{to{transform:rotate(360deg)}}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1) rotate(-3deg)}35%{transform:translateY(-28px) scale(1.12) rotate(3deg)}55%{transform:translateY(-20px) scale(1.07) rotate(0)}}.winner-card:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:2.4rem;opacity:0;animation:winnerBurst 1.2s .3s ease-out forwards;pointer-events:none}.winner-card.green:before{border:3px solid rgba(74,222,128,.7)}.winner-card.red:before{border:3px solid rgba(248,113,113,.7)}@keyframes winnerBurst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.mvp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem 2.5rem;border-radius:1.5rem;border:2px solid;text-align:center;min-width:220px;animation:mvpEntrance .6s .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes mvpEntrance{0%{opacity:0;transform:translateY(24px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.mvp-crown{font-size:2.4rem;animation:trophyBounce 1.2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(250,204,21,.7))}.mvp-label{font-size:.72rem;font-weight:700;color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;margin:0}.mvp-avatar{font-size:3rem;margin:.25rem 0}.mvp-name{font-size:1.6rem;font-weight:900;color:#fff;margin:0;line-height:1.2}.mvp-team{font-size:.88rem;font-weight:700;margin:.1rem 0 .5rem}.mvp-stat{display:flex;align-items:baseline;gap:.45rem;background:#ffffff12;border-radius:999px;padding:.3rem 1rem;margin-top:.25rem}.mvp-stat-num{font-size:1.8rem;font-weight:900;line-height:1}.mvp-stat-lbl{font-size:.78rem;color:#ffffffa6;font-weight:600}.stats-board{position:relative;width:min(420px,86vw);background:#0a0c16b8;border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;padding:1rem 1.1rem 1.1rem;animation:mvpEntrance .6s .65s cubic-bezier(.175,.885,.32,1.275) both}.stats-board-title{font-size:.95rem;font-weight:800;color:#fffc;text-align:center;margin-bottom:.7rem;letter-spacing:.02em}.stats-rows{display:flex;flex-direction:column;gap:.4rem}.stats-row{display:flex;align-items:center;gap:.65rem;padding:.45rem .7rem;background:#ffffff0d;border:1px solid;border-radius:.7rem}.stats-rank{font-size:1.1rem;min-width:1.6rem;text-align:center;font-weight:800;color:#ffffffd9}.stats-avatar{font-size:1.4rem}.stats-name{flex:1;font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.stats-correct{font-size:1.25rem;font-weight:900;min-width:1.5rem;text-align:center}.round-end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}.round-end-card{text-align:center;padding:2.75rem 3.5rem;background:var(--card);border-radius:2rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;animation:pop-in .45s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 30px 80px #0009;border:1px solid rgba(255,255,255,.1)}.round-medal{font-size:4.5rem;animation:medalEntrance .7s cubic-bezier(.22,.61,.36,1)}@keyframes medalEntrance{0%{transform:rotateY(0) scale(.4);opacity:0}60%{transform:rotateY(360deg) scale(1.15);opacity:1}to{transform:rotateY(360deg) scale(1)}}.round-end-label{font-size:.95rem;color:var(--text-muted);margin:0;font-weight:600}.round-end-name{font-size:2.2rem;font-weight:900;margin:0}.round-end-name.green{color:var(--team-green, #4ade80);text-shadow:0 0 20px rgba(74,222,128,.5)}.round-end-name.red{color:var(--team-red, #f87171);text-shadow:0 0 20px rgba(248,113,113,.5)}.round-end-scores{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:.5rem 1.25rem;border-radius:2rem}.re-score{font-weight:800;font-size:1rem}.re-score.green{color:var(--team-green, #4ade80)}.re-score.red{color:var(--team-red, #f87171)}.re-sep{color:var(--text-muted)}.round-end-waiting{font-size:.85rem;color:var(--text-muted);margin:0;animation:pulse-fade 2s infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.4}}@media (min-width: 1600px){.dsp-layout{grid-template-columns:300px 1fr 300px}.dsp-team-score{font-size:4.5rem}.dsp-team-name{font-size:1.3rem}.dsp-logo-text{font-size:2.4rem}.dsp-q-text{font-size:calc(1.6rem * var(--q-scale, 1))}}@media (max-width: 1599px) and (min-width: 1024px){.dsp-layout{grid-template-columns:230px 1fr 230px}.dsp-logo-text{font-size:1.6rem}}@media (max-width: 1023px) and (min-width: 600px){.dsp-layout{grid-template-columns:150px 1fr 150px}.dsp-team-col{padding:1rem .6rem;gap:.6rem}.dsp-team-score{font-size:2.8rem}.dsp-team-name{font-size:.95rem}.dsp-logo-text{font-size:1.3rem}.dsp-q-text{font-size:calc(1.1rem * var(--q-scale, 1))}.dsp-letter-hex{width:2.4rem;height:2.75rem}.dsp-letter-char{font-size:1.2rem}.dsp-timer-ring{width:2.8rem;height:2.8rem}.dsp-timer-num{font-size:1.05rem}.dsp-member-name{font-size:.78rem}.dsp-member-avatar{font-size:1rem}.dsp-members-title{font-size:.58rem}.dsp-your-turn{font-size:.82rem;padding:.35rem}.dsp-turn-badge{font-size:.72rem;padding:.35rem .5rem}}@media (max-width: 599px){.dsp-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.dsp-team-col{flex-direction:row;align-items:center;padding:.6rem .85rem;gap:.6rem;height:auto}.dsp-team-col.red{order:2}.dsp-center-col{order:1;height:auto;min-height:60vh}.dsp-team-col:first-child{order:0}.dsp-team-header{flex-direction:row;gap:.5rem;flex:1;align-items:center}.dsp-team-score{font-size:2rem;line-height:1}.dsp-team-label{display:none}.dsp-team-name{font-size:.85rem}.dsp-divider,.dsp-members-list{display:none}.dsp-your-turn{margin-top:0;font-size:.72rem;padding:.2rem .5rem}.dsp-turn-badge{display:none}.dsp-logo-text{font-size:1rem}.dsp-q-text{font-size:calc(1rem * var(--q-scale, 1))}.dsp-center-col{padding:.5rem .65rem .65rem;gap:.15rem}.dsp-letter-hex{width:2rem;height:2.3rem}.dsp-letter-char{font-size:1rem}.dsp-timer-ring{width:2.4rem;height:2.4rem}.dsp-timer-num{font-size:.95rem}.ans-reveal-card{padding:1.5rem 2rem;min-width:unset;width:90vw}.ans-reveal-letter{font-size:3rem}.ans-reveal-answer{font-size:1.8rem}.winner-card{padding:2rem}.winner-name{font-size:2rem}.trophy{font-size:4rem}.lobby-title{font-size:1.8rem}.lobby-teams{flex-direction:column;gap:1rem}.lobby-team-card{min-width:unset;width:100%}}.ability-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:abilityOverlayIn .45s cubic-bezier(.22,.61,.36,1) both,abilityOverlayOut .4s ease-in 2.7s both}.ability-overlay-green{background:radial-gradient(ellipse at center,#4ade8038,#000000b8 70%)}.ability-overlay-red{background:radial-gradient(ellipse at center,#f8717138,#000000b8 70%)}@keyframes abilityOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes abilityOverlayOut{0%{opacity:1}to{opacity:0}}.ability-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0f1117eb;border:2px solid rgba(255,255,255,.15);border-radius:1.5rem;padding:2.5rem 3.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:abilityCardIn .5s cubic-bezier(.22,.61,.36,1) both;box-shadow:0 0 80px #0009;text-align:center}@keyframes abilityCardIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.ability-overlay-icon{font-size:5rem;animation:abilityIconSpin .6s ease .1s both}@keyframes abilityIconSpin{0%{transform:rotate(-30deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.ability-overlay-team{font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ability-overlay-name{font-size:2.5rem;font-weight:900;color:#f8fafc}.ability-overlay-desc{font-size:1rem;color:#94a3b8;max-width:22rem;line-height:1.5}.ability-overlay-pending{animation:abilityOverlayIn .45s cubic-bezier(.22,.61,.36,1) both}.ability-pending-pulse{animation:abilityPendingPulse 1.2s ease-in-out infinite;display:inline-block}@keyframes abilityPendingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}.ability-pending-label{margin-top:.5rem;font-size:.9rem;color:#facc15;font-weight:700;letter-spacing:.04em;animation:abilityPendingPulse 1.2s ease-in-out infinite}.ofs-drama-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(ellipse at center,#facc152e,#05050aa6 70%);animation:ofsDramaFade 2.2s cubic-bezier(.22,.61,.36,1) forwards}.ofs-drama-text{font-size:clamp(2.2rem,6vw,5rem);font-weight:900;color:#facc15;text-shadow:0 0 40px rgba(250,204,21,.9),0 0 80px rgba(250,204,21,.5),0 0 140px rgba(250,204,21,.25);animation:ofsDramaText 2.2s cubic-bezier(.22,.61,.36,1) forwards;font-family:Tajawal,sans-serif;letter-spacing:.04em}@keyframes ofsDramaFade{0%{opacity:0}8%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes ofsDramaText{0%{transform:scale(.3) rotate(-12deg);opacity:0;filter:blur(8px)}12%{transform:scale(1.18) rotate(2deg);opacity:1;filter:blur(0)}22%{transform:scale(1) rotate(0)}75%{transform:scale(1);opacity:1}to{transform:scale(1.08);opacity:0}}.dsp-timer-ring.last5{animation:timerLast5 .5s ease-in-out infinite}@keyframes timerLast5{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07060a;--bg-2: #100e08;--card: #141108;--card-hover: #1e1a0a;--card-border: rgba(250,204,21,.1);--accent: #facc15;--accent-glow: rgba(250,204,21,.3);--accent-teal: #14b8a6;--accent-red: #ef4444;--accent-orange: #f97316;--green: #4ade80;--green-dim: rgba(74,222,128,.15);--green-border: rgba(74,222,128,.4);--blue: #93c5fd;--blue-dim: rgba(147,197,253,.15);--blue-border: rgba(147,197,253,.35);--team-green: #4ade80;--team-green-deep: #166534;--team-green-glow: rgba(74,222,128,.45);--team-green-dim: rgba(74,222,128,.1);--team-green-border: rgba(74,222,128,.28);--team-red: #f87171;--team-red-deep: #991b1b;--team-red-glow: rgba(248,113,113,.45);--team-red-dim: rgba(248,113,113,.1);--team-red-border: rgba(248,113,113,.28);--text: #e8d5a0;--text-muted: #5a4f35;--text-hint: #92805a;--success: #22c55e;--danger: #ef4444;--font: "Tajawal", "Segoe UI", sans-serif;--radius: 1rem;--radius-sm: .6rem;--radius-lg: 1.5rem;--shadow: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--bg2: #100e08;--card2: #1b1709;--border: rgba(250,204,21,.14);--gold: #facc15;--gold-deep: #a16207;--green-deep: #15803d;--green-glow: rgba(74,222,128,.5);--red: #f87171;--red-deep: #991b1b;--red-glow: rgba(248,113,113,.5);--hint: #92805a;--muted: #5a4f35;--bounce: cubic-bezier(.34,1.56,.64,1);--expo: cubic-bezier(.16,1,.3,1)}[data-theme=light]{--bg: #f0f4f8;--bg-2: #e2e8f0;--card: #ffffff;--card-hover: #f1f5f9;--card-border: rgba(0,0,0,.09);--accent: #ca8a04;--accent-glow: rgba(202,138,4,.22);--text: #0f172a;--text-muted: #64748b;--text-hint: #475569;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(202,138,4,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(20,184,166,.05) 0%,transparent 60%)}[data-theme=light] ::-webkit-scrollbar-track{background:#e2e8f0}[data-theme=light] ::-webkit-scrollbar-thumb{background:#94a3b8}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fff;border-color:#0000001f;color:var(--text)}[data-theme=light] .btn-secondary{background-color:#e2e8f0;color:#334155;box-shadow:0 5px #b0bec5,0 10px 10px #00000012}[data-theme=light] .btn-secondary:active{box-shadow:0 1px #b0bec5,0 3px 5px #00000012}html{font-size:16px}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 25% -5%,rgba(250,204,21,.07) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 80% 105%,rgba(74,222,128,.05) 0%,transparent 55%);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--card-hover);border-radius:3px}button{font-family:var(--font);cursor:pointer;border:none;transition:transform .15s,box-shadow .15s,filter .15s}button:active{transform:scale(.97)!important}a{color:inherit}input,textarea{font-family:var(--font);background:var(--bg-2);border:1.5px solid var(--card-border);color:var(--text);border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:1rem;direction:rtl;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn-primary{position:relative;background-color:#facc15;color:#422006;font-weight:800;padding:12px 28px;border-radius:16px;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px #a16207,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #a16207,0 3px 5px #0003}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{position:relative;background-color:#26210f;color:var(--text);font-weight:700;padding:12px 28px;border-radius:16px;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px #15120a,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-secondary:active{transform:translateY(4px);box-shadow:0 1px #15120a,0 3px 5px #0003}.btn-secondary:hover{filter:brightness(1.15)}.btn-green{position:relative;background-color:#22c55e;color:#052e16;font-weight:800;padding:12px 24px;border-radius:16px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px #15803d,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-green:active{transform:translateY(4px);box-shadow:0 1px #15803d,0 3px 5px #0003}.btn-green:hover{filter:brightness(1.08)}.btn-blue{position:relative;background-color:#3b82f6;color:#eff6ff;font-weight:800;padding:12px 24px;border-radius:16px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px #1d4ed8,0 10px 10px #0000004d;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-blue:active{transform:translateY(4px);box-shadow:0 1px #1d4ed8,0 3px 5px #0003}.btn-blue:hover{filter:brightness(1.08)}.card{background:var(--card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--card-border);box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 14px var(--accent-glow)}50%{box-shadow:0 0 34px var(--accent-glow),0 0 60px #facc151f}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}55%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeUp .4s var(--expo, ease)}.stagger>*{animation:fadeUp .5s var(--expo, ease) both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}.stagger>*:nth-child(7){animation-delay:.4s}.stagger>*:nth-child(8){animation-delay:.46s}@media (max-width: 640px){html{font-size:14px}}@keyframes flyUp{0%{opacity:0;transform:translateY(10px) scale(.6)}25%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-90px) scale(1)}}.landing-fly{position:fixed;pointer-events:none;font-size:2rem;font-weight:900;z-index:9999;color:var(--gold);text-shadow:0 0 18px var(--gold);animation:flyUp 1s var(--expo, ease) forwards}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}