@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:.6rem;padding:.75rem 1.1rem;background:linear-gradient(160deg,var(--card2, #1b1709),var(--card));border:1px solid var(--border-gold, rgba(250,204,21,.16));border-radius:1rem;margin-bottom:1rem;box-shadow:0 4px 16px #0000004d;flex-wrap:wrap}.ctrl-header h1{margin:0;font-size:1.15rem;font-weight:900;display:flex;align-items:center;gap:.55rem;white-space:nowrap}.ctrl-header h1 .icon-chip{width:2.1rem;height:2.1rem;font-size:1rem}.ctrl-header-screen-group{display:flex;align-items:center;gap:.5rem;padding-inline-start:.7rem;margin-inline-start:.1rem;border-inline-start:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.ctrl-screen-code-badge{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;box-sizing:border-box;background:#facc1514;border:1px solid rgba(250,204,21,.3);color:#facc15;padding:0 .85rem;border-radius:.7rem;white-space:nowrap;transition:all .2s}.ctrl-screen-code-badge:hover{background:#facc1524}.chb-ico{font-size:1.05rem}.chb-txt{display:flex;flex-direction:column;line-height:1.15}.chb-lbl{font-size:.62rem;font-weight:700;color:#facc1599}.ctrl-screen-code-badge strong{font-size:.95rem;letter-spacing:.15rem}.display-link{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;box-sizing:border-box;padding:0 1.1rem;background:#14b8a61f;border:1px solid rgba(20,184,166,.4);color:#5eead4;border-radius:.7rem;font-weight:800;font-size:.88rem;text-decoration:none;white-space:nowrap;transition:all .2s}.display-link:hover{background:#14b8a638;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.ctrl-header-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.btn.exit{height:2.5rem;box-sizing:border-box;padding:0 1.1rem;display:inline-flex;align-items:center;gap:.4rem;background:#f871711a;border:1px solid rgba(248,113,113,.32);color:#f87171;border-radius:.7rem;font-weight:800;font-size:.88rem;transition:all .2s}.btn.exit:hover{background:#f8717133;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}@media (max-width: 640px){.ctrl-header-screen-group{border-inline-start:none;padding-inline-start:0;margin-inline-start:0}.ctrl-header-actions{margin-inline-start:0;width:100%;justify-content:flex-end}}.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-icon-btn.danger{background:#f871711f;color:var(--red);border-color:#f8717166}.ct-icon-btn.danger:hover:not(:disabled){background:#f8717133}.btn.ctrl-settings-btn{height:2.5rem;box-sizing:border-box;display:inline-flex;align-items:center;gap:.45rem;background:#facc151a;color:var(--gold, #facc15);border:1px solid rgba(250,204,21,.35);border-radius:.7rem;padding:0 1.1rem;font-weight:800;font-size:.88rem;cursor:pointer;transition:all .2s}.btn.ctrl-settings-btn:hover{background:#facc1533;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.ctrl-settings-gear{display:inline-block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn.ctrl-settings-btn:hover .ctrl-settings-gear{transform:rotate(90deg)}.ctrl-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:csOverlayIn .25s ease both}@keyframes csOverlayIn{0%{opacity:0}to{opacity:1}}.ctrl-settings-card{width:100%;max-width:880px;max-height:88vh;overflow-y:auto;background:linear-gradient(160deg,#1b1709,#141108);border:1px solid rgba(250,204,21,.25);border-radius:1.4rem;box-shadow:0 40px 100px #000000b3,0 0 60px #facc150f;animation:csCardIn .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes csCardIn{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.ctrl-settings-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.4rem;background:linear-gradient(160deg,#1e1a0b,#171307);border-bottom:1px solid rgba(250,204,21,.18)}.ctrl-settings-head-icon{width:2.8rem;height:2.8rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(160deg,#facc1533,#facc150d);border:1px solid rgba(250,204,21,.35);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);animation:csGearSpin .6s cubic-bezier(.16,1,.3,1) both}@keyframes csGearSpin{0%{transform:rotate(-120deg) scale(.4);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.ctrl-settings-head-text{flex:1;min-width:0}.ctrl-settings-head-text h2{margin:0;font-size:1.15rem;font-weight:900;color:var(--text, #e8d5a0)}.ctrl-settings-head-text p{margin:.1rem 0 0;font-size:.75rem;color:var(--hint, #92805a)}.ctrl-settings-close{width:2.2rem;height:2.2rem;border-radius:50%;border:none;cursor:pointer;background:#ffffff12;color:var(--hint, #92805a);font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.ctrl-settings-close:hover{background:#f8717133;color:#f87171;transform:rotate(90deg)}.ctrl-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 1.4rem 1.5rem}@media (max-width: 720px){.ctrl-settings-grid{grid-template-columns:1fr}}.cs-section{position:relative;background:#ffffff08;border:1px solid rgba(250,204,21,.14);border-radius:1rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;animation:csSectionIn .5s cubic-bezier(.16,1,.3,1) both}.cs-section:before{content:"";position:absolute;top:0;right:14%;left:14%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.45),transparent);border-radius:2px;pointer-events:none}.ctrl-settings-grid .cs-section:nth-child(1){animation-delay:.05s}.ctrl-settings-grid .cs-section:nth-child(2){animation-delay:.12s}.ctrl-settings-grid .cs-section:nth-child(3){animation-delay:.19s}.ctrl-settings-grid .cs-section:nth-child(4){animation-delay:.26s}@keyframes csSectionIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cs-section-title{margin:0;font-size:.92rem;font-weight:900;color:var(--gold, #facc15);display:flex;align-items:center;gap:.5rem}.cs-ico{width:1.9rem;height:1.9rem;flex-shrink:0;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;background:#facc151a;border:1px solid rgba(250,204,21,.25);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.cs-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.cs-lbl{font-size:.82rem;font-weight:700;color:var(--text, #e8d5a0)}.cs-note{margin:0;font-size:.72rem;color:var(--hint, #92805a)}.cs-full-btn{width:100%}.cs-switch-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;padding:.2rem 0}.cs-switch-row.disabled{opacity:.45;cursor:not-allowed}.cs-switch{position:relative;width:3rem;height:1.65rem;flex-shrink:0;border-radius:999px;cursor:pointer;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);transition:background .25s,border-color .25s,box-shadow .25s}.cs-switch-row.disabled .cs-switch{cursor:not-allowed}.cs-knob{position:absolute;top:2px;right:2px;width:calc(1.65rem - 6px);height:calc(1.65rem - 6px);border-radius:50%;background:#cbd5e1;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s}.cs-switch.on{background:linear-gradient(160deg,#facc15,#d97706);border-color:#facc1599;box-shadow:0 0 14px #facc1559}.cs-switch.on .cs-knob{transform:translate(calc(-1.35rem + 2px));background:#fffbeb}.cs-screen-code{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#facc150f;border:1px dashed rgba(250,204,21,.3);border-radius:.85rem;padding:.7rem;text-align:center}.cs-code-digits{font-size:2rem;font-weight:900;letter-spacing:.3rem;color:var(--gold, #facc15);animation:csCodeGlow 2.2s ease-in-out infinite}@keyframes csCodeGlow{0%,to{text-shadow:0 0 10px rgba(250,204,21,.3)}50%{text-shadow:0 0 26px rgba(250,204,21,.65)}}.cs-url-row{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.45rem .6rem}.cs-url{flex:1;min-width:0;font-size:.68rem;color:var(--gold, #facc15);direction:ltr;overflow-wrap:anywhere;word-break:break-all}.cs-copy-btn{flex-shrink:0;border:1px solid rgba(250,204,21,.3);border-radius:.5rem;background:#facc151a;color:var(--gold, #facc15);font-size:.72rem;font-weight:800;padding:.35rem .7rem;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.cs-copy-btn:hover{background:#facc1533}.cs-copy-btn.copied{background:#4ade8026;border-color:#4ade8066;color:#4ade80}.cs-qr-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#fff;border-radius:.85rem;padding:.7rem;align-self:center}.cs-qr-box .cs-note{color:#64748b}@media (prefers-reduced-motion: reduce){.ctrl-settings-overlay,.ctrl-settings-card,.ctrl-settings-head-icon,.cs-section,.cs-code-digits{animation:none!important}}.ct-qmid{position:relative}.ct-hint-live{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:.55rem;padding:.25rem .6rem;margin-top:.3rem;animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both;max-width:100%}.ct-hint-live-tag{flex-shrink:0;font-size:.62rem;font-weight:800;color:#4ade80bf;background:#4ade801f;border-radius:999px;padding:.1rem .45rem;animation:ctHintLivePulse 2s ease-in-out infinite}@keyframes ctHintLivePulse{0%,to{opacity:1}50%{opacity:.55}}.ct-hint-pop{position:absolute;top:calc(100% + .5rem);right:0;left:0;z-index:30;background:linear-gradient(160deg,#1e1a0b,#171307);border:1px solid rgba(250,204,21,.35);border-radius:.9rem;padding:.85rem;box-shadow:0 18px 50px #0009,0 0 30px #facc1514;display:flex;flex-direction:column;gap:.6rem;animation:ctHintPopIn .3s cubic-bezier(.34,1.56,.64,1) both}.ct-hint-pop:before{content:"";position:absolute;top:-6px;right:var(--pop-arrow-right, 4.4rem);width:12px;height:12px;transform:rotate(45deg);background:#1e1a0b;border-top:1px solid rgba(250,204,21,.35);border-right:1px solid rgba(250,204,21,.35);border-radius:2px 0 0}@keyframes ctHintPopIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ct-hint-pop-head{display:flex;align-items:center;justify-content:space-between}.ct-hint-pop-title{font-size:.85rem;font-weight:900;color:var(--gold, #facc15);display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ct-hint-src{font-size:.62rem;font-weight:800;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:999px;padding:.1rem .5rem}.ct-hint-src.none{color:var(--hint, #92805a);background:#ffffff0d;border-color:#ffffff1f}.ct-hint-pop-close{width:1.7rem;height:1.7rem;border-radius:50%;border:none;cursor:pointer;background:#ffffff12;color:var(--hint, #92805a);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.ct-hint-pop-close:hover{background:#f8717133;color:#f87171}.ct-hint-pop-input{width:100%;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(250,204,21,.2);border-radius:.6rem;padding:.55rem .8rem;color:var(--text, #e8d5a0);font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.ct-hint-pop-input:focus{outline:none;border-color:var(--gold, #facc15);box-shadow:0 0 0 3px #facc151f}.ct-hint-pop-actions{display:flex;gap:.5rem;flex-wrap:wrap}.ct-hint-pop-btn{flex:1;min-width:10rem;border:none;border-radius:.6rem;padding:.55rem .9rem;font-family:inherit;font-size:.82rem;font-weight:800;cursor:pointer;background:var(--gold, #facc15);color:#422006;box-shadow:0 3px #a16207,0 6px 10px #0000004d;transition:filter .15s,transform .1s,box-shadow .1s}.ct-hint-pop-btn:hover:not(:disabled){filter:brightness(1.08)}.ct-hint-pop-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #a16207}.ct-hint-pop-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ct-hint-pop-btn.showing{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.4);box-shadow:none}.ct-hint-pop-btn.showing:hover{background:#f8717140;filter:none}.ct-hint-pop-btn.update{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.4);box-shadow:none}.ct-hint-pop-btn.update:hover{background:#4ade8040;filter:none}@media (prefers-reduced-motion: reduce){.ct-hint-pop,.ct-hint-live,.ct-hint-live-tag{animation:none!important}}.ct-alt-pop{overflow:visible}.ct-alt-choice{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media (max-width: 560px){.ct-alt-choice{grid-template-columns:1fr}}.ct-alt-choice-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0a;border:1.5px solid rgba(250,204,21,.2);border-radius:.8rem;padding:.9rem .7rem;cursor:pointer;font-family:inherit;text-align:center;color:var(--text, #e8d5a0);transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,background .18s,box-shadow .18s}.ct-alt-choice-btn:hover{transform:translateY(-3px);border-color:var(--gold, #facc15);background:#facc1512;box-shadow:0 10px 24px #0006,0 0 18px #facc151a}.ct-alt-choice-icon{font-size:1.7rem}.ct-alt-choice-name{font-size:.88rem;font-weight:900;color:var(--gold, #facc15)}.ct-alt-choice-desc{font-size:.68rem;color:var(--hint, #92805a);line-height:1.45}.ct-alt-pop-grid{display:flex;flex-direction:column;gap:.45rem;max-height:min(38vh,340px);overflow-y:auto;padding-inline-start:.45rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(250,204,21,.45) rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.ct-alt-pop-grid::-webkit-scrollbar{width:4px}.ct-alt-pop-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.ct-alt-pop-grid::-webkit-scrollbar-thumb{background:#facc1566;border-radius:4px}.ct-alt-pop-grid::-webkit-scrollbar-thumb:hover{background:#facc15a6}.ct-alt-pop-grid .alt-card{animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both}.ct-alt-pop-grid .alt-card:nth-child(2){animation-delay:.07s}.ct-alt-pop-grid .alt-card:nth-child(3){animation-delay:.14s}.ct-alt-pop-grid .alt-card:nth-child(4){animation-delay:.21s}@media (prefers-reduced-motion: reduce){.ct-alt-pop-grid .alt-card{animation:none!important}.ct-alt-choice-btn,.ct-alt-choice-btn:hover{transform:none}}.bz-strip{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:linear-gradient(160deg,var(--card2, #1b1709),var(--card, #141108));border:1px solid var(--border-gold, rgba(250,204,21,.2));border-radius:14px;padding:.6rem .85rem;margin-bottom:.7rem;position:relative}.bz-strip:before{content:"";position:absolute;top:0;right:14%;left:14%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.4),transparent);border-radius:2px;pointer-events:none}.bz-strip-status{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-weight:800;padding:.35rem .8rem .35rem .9rem;border-radius:12px;border:1px solid;background:linear-gradient(160deg,rgba(255,255,255,.05),transparent);position:relative;overflow:hidden}.bz-strip-status:before{content:"";position:absolute;top:0;right:10%;left:10%;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.6;pointer-events:none}.bzs-ico{width:2.1rem;height:2.35rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px currentColor)}.bzs-txt{display:flex;flex-direction:column;gap:.05rem}.bzs-main{font-size:.85rem;font-weight:900;line-height:1.2}.bzs-sub{font-size:.66rem;font-weight:600;opacity:.65;line-height:1.3}.bz-strip-status.joining{color:#60a5fa;border-color:#60a5fa59}.bz-strip-status.ready{color:#facc15;border-color:#facc1559}.bz-strip-status.racing{color:#f87171;border-color:#f8717173;animation:bzsRacingGlow 1.2s ease-in-out infinite}.sh-face-pulse{animation:shFacePulse 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes shFacePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.bz-strip-status.suspended{color:#fb923c;border-color:#fb923c66}.bz-strip-status.none{color:var(--hint, #92805a);border-color:#ffffff1a;font-size:.82rem;padding:.45rem .85rem}.bzs-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}@keyframes bzsRacingGlow{0%,to{box-shadow:0 0 #f8717140}50%{box-shadow:0 0 18px 2px #f8717140}}@keyframes bzsDotPulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 8px 1px currentColor;opacity:.7}}.bzs-winner{font-size:.78rem;font-weight:900;color:#facc15;background:#facc151f;border:1px solid rgba(250,204,21,.3);border-radius:999px;padding:.12rem .55rem;animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both}.bz-strip-primary{position:relative;overflow:hidden;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:900;padding:.6rem 1.35rem;background:linear-gradient(160deg,#fde047,#facc15 45%,#d97706);color:#422006;box-shadow:0 4px #a16207,0 8px 16px #00000059,0 0 20px #facc151f;transition:filter .15s,transform .1s,box-shadow .1s}.bz-strip-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-130%);animation:bzPrimaryShine 3.5s ease-in-out infinite}@keyframes bzPrimaryShine{0%,60%{transform:translate(-130%)}90%,to{transform:translate(130%)}}.bz-strip-primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 5px #a16207,0 10px 20px #0006,0 0 26px #facc1533}.bz-strip-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #a16207,0 3px 6px #00000040}.bz-strip-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bz-strip-primary:disabled:after{animation:none}.bz-strip-primary.pulse{animation:bzPrimaryPulse 1.5s ease-in-out infinite}@keyframes bzPrimaryPulse{0%,to{box-shadow:0 3px #a16207,0 6px 10px #0000004d,0 0 #facc1566}50%{box-shadow:0 3px #a16207,0 6px 10px #0000004d,0 0 0 8px #facc1500}}.bz-strip-pending{border:1px solid rgba(250,204,21,.45);border-radius:999px;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:800;padding:.35rem .75rem;color:#facc15;background:#facc151f;animation:bzPendingPulse 1.4s ease-in-out infinite}@keyframes bzPendingPulse{0%,to{box-shadow:0 0 #facc1573}50%{box-shadow:0 0 0 7px #facc1500}}.bz-strip-pending:hover{background:#facc1538}.bz-strip-manage{margin-right:auto;border:1px solid rgba(250,204,21,.25);border-radius:12px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:800;padding:.55rem 1.1rem;color:var(--gold, #facc15);background:linear-gradient(160deg,#facc151a,#facc1508);transition:all .22s var(--expo, ease)}.bz-strip-manage:hover{background:linear-gradient(160deg,#facc1533,#facc1512);border-color:#facc1580;transform:translateY(-2px);box-shadow:0 8px 20px #00000059,0 0 18px #facc151f}.bz-panel-card{max-width:560px}.bz-panel-body{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.3rem 1.4rem}.bz-panel-body .bm-btns{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 560px){.bz-strip-manage{margin-right:0;width:100%}}@media (prefers-reduced-motion: reduce){.bzs-dot,.bz-strip-primary.pulse,.bz-strip-pending,.bzs-winner{animation:none!important}}.cs-section.cs-span2{grid-column:1 / -1}.cs-section .ab-summary-chips{display:inline-flex;gap:.35rem;margin-right:auto}.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:.55rem;background:transparent;overflow:hidden}.dsp-logo-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.55rem 1rem .65rem;width:100%;box-sizing:border-box;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(250,204,21,.09) 0%,transparent 70%),#facc1508;border:1px solid rgba(250,204,21,.22);border-radius:1rem;flex-shrink:0;position:relative}.dsp-logo-area:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border-radius:.8rem;border:1px solid rgba(250,204,21,.1)}.dsp-title-plaque{display:inline-flex;align-items:center;gap:.75rem}.dsp-title-plaque:before,.dsp-title-plaque:after{content:"";height:1.5px;width:clamp(1.5rem,6vw,4.5rem)}.dsp-title-plaque:before{background:linear-gradient(90deg,transparent,rgba(250,204,21,.55))}.dsp-title-plaque:after{background:linear-gradient(90deg,rgba(250,204,21,.55),transparent)}.dsp-plaque-gem{width:.7rem;height:.8rem;flex-shrink:0;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(160deg,#fef08a,#facc15 55%,#a16207);filter:drop-shadow(0 0 6px rgba(250,204,21,.5));animation:plaqueGem 2.6s ease-in-out infinite}.dsp-title-plaque .dsp-plaque-gem:last-of-type{animation-delay:1.3s}@keyframes plaqueGem{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(250,204,21,.35))}50%{transform:scale(1.25);filter:drop-shadow(0 0 12px rgba(250,204,21,.8))}}.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-track{display:inline-flex;align-items:center;gap:.55rem}.dsp-round-lbl{font-size:.62rem;font-weight:800;color:#facc1599;letter-spacing:.14em}.dsp-round-cells{display:inline-flex;align-items:center;gap:.3rem}.dsp-round-cell{width:1.05rem;height:1.2rem;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#ffffff1a;display:inline-flex;align-items:center;justify-content:center;font-size:0;transition:all .4s var(--expo, ease);position:relative}.dsp-round-cell:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#0a0802bf}.dsp-round-cell.done{background:#facc158c}.dsp-round-cell.done:before{background:linear-gradient(160deg,#facc1580,#a1620799)}.dsp-round-cell.current{width:1.55rem;height:1.78rem;background:linear-gradient(160deg,#fef08a,#facc15 55%,#a16207);filter:drop-shadow(0 0 10px rgba(250,204,21,.6));font-size:.8rem;font-weight:900;color:#1a1206;animation:roundCellGlow 2s ease-in-out infinite}.dsp-round-cell.current:before{display:none}@keyframes roundCellGlow{0%,to{filter:drop-shadow(0 0 6px rgba(250,204,21,.4))}50%{filter:drop-shadow(0 0 16px rgba(250,204,21,.85))}}.dsp-buzzer-zone{width:100%;box-sizing:border-box;flex-shrink:0;height:3.1rem;display:flex;align-items:center;justify-content:center}.dsp-buzzer-bar{position:relative;overflow:hidden;flex:0 0 auto;width:auto;min-width:13rem;max-width:min(92%,26rem);display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.55rem 1.6rem;border-radius:999px;font-weight:800;font-size:.98rem;border:1px solid;height:auto;box-sizing:border-box;background:linear-gradient(160deg,var(--card2, #1b1709),var(--card, #141108));letter-spacing:.01em;box-shadow:0 4px 16px #0000004d}.dsp-buzzer-bar:before{content:"";position:absolute;top:0;right:12%;left:12%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.65;pointer-events:none}.dsp-buzzer-bar.open{border-color:#facc158c;color:#facc15;box-shadow:0 0 22px #facc1524,inset 0 0 18px #facc150d;animation:bzOpenGlow 1.4s ease-in-out infinite}.dsp-buzzer-bar.open>span:first-child{animation:bzBoltShake 1.4s ease-in-out infinite;display:inline-block}@keyframes bzOpenGlow{0%,to{box-shadow:0 0 14px #facc151a,inset 0 0 14px #facc150a}50%{box-shadow:0 0 32px #facc154d,inset 0 0 22px #facc1517}}@keyframes bzBoltShake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.15)}50%{transform:rotate(8deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.1)}}.dsp-buzzer-bar.winner{box-shadow:0 0 22px #ffffff0d;animation:none}.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{position:relative;overflow:hidden;flex:0 0 auto;width:auto;min-width:13rem;max-width:min(92%,26rem);box-sizing:border-box;text-align:center;font-weight:800;font-size:.98rem;height:auto;padding:.55rem 1.6rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--card2, #1b1709),var(--card, #141108));box-shadow:0 4px 16px #0000004d}.dsp-turn-bar:before{content:"";position:absolute;top:0;right:12%;left:12%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.65;pointer-events:none}.dsp-turn-bar.green{color:var(--team-green, #4ade80);border:1px solid rgba(74,222,128,.45);box-shadow:0 0 20px #4ade801f,inset 0 0 16px #4ade800d}.dsp-turn-bar.red{color:var(--team-red, #f87171);border:1px solid rgba(248,113,113,.45);box-shadow:0 0 20px #f871711f,inset 0 0 16px #f871710d}.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{width:100%!important;height:100%!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}.ans-reveal-hex{width:5.6rem;height:6.3rem;margin:0 auto .9rem;filter:drop-shadow(0 0 26px rgba(250,204,21,.5));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{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:linear-gradient(160deg,#1b1709f2,#0f0c04f2);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}.ability-overlay-green .ability-overlay-inner{border-color:#4ade8066}.ability-overlay-red .ability-overlay-inner{border-color:#f8717166}.ability-overlay-inner:before{content:"";position:absolute;top:0;right:10%;left:10%;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(250,204,21,.6),transparent)}.ability-overlay-green .ability-overlay-inner:before{background:linear-gradient(90deg,transparent,var(--team-green, #4ade80),transparent)}.ability-overlay-red .ability-overlay-inner:before{background:linear-gradient(90deg,transparent,var(--team-red, #f87171),transparent)}.ability-overlay-inner:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;border-radius:16px;background:linear-gradient(to left,#facc1580,#facc1580) top right / 18px 1.5px,linear-gradient(to left,#facc1580,#facc1580) top right / 1.5px 18px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 18px 1.5px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 1.5px 18px;background-repeat:no-repeat;opacity:.6}@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 4.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 4.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)}}.dsp-team-col.green{animation:dspColInRight .7s var(--expo, cubic-bezier(.16,1,.3,1))}.dsp-team-col.red{animation:dspColInLeft .7s var(--expo, cubic-bezier(.16,1,.3,1))}.dsp-team-col.green.active{animation:dspColInRight .7s var(--expo, cubic-bezier(.16,1,.3,1)),dspGreenBox 1.6s .7s ease-in-out infinite}.dsp-team-col.red.active{animation:dspColInLeft .7s var(--expo, cubic-bezier(.16,1,.3,1)),dspRedBox 1.6s .7s ease-in-out infinite}@keyframes dspColInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes dspColInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.dsp-center-col{animation:dspCenterIn .6s var(--expo, cubic-bezier(.16,1,.3,1))}@keyframes dspCenterIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dsp-team-col:after{content:"";position:absolute;top:0;right:14%;left:14%;height:2px;border-radius:2px;pointer-events:none;opacity:.55;transition:opacity .4s}.dsp-team-col.green:after{background:linear-gradient(90deg,transparent,var(--team-green, #4ade80),transparent)}.dsp-team-col.red:after{background:linear-gradient(90deg,transparent,var(--team-red, #f87171),transparent)}.dsp-team-col.active:after{opacity:1}.dsp-team-meta{position:relative}.dsp-team-score{position:relative;display:inline-block;transition:transform .25s var(--bounce, ease)}.dsp-team-col.active .dsp-team-score{transform:scale(1.06)}.dsp-team-label{display:inline-flex;align-items:center;gap:.3rem}.dsp-team-label:before{content:"";width:14px;height:1.5px;border-radius:2px;background:currentColor;opacity:.45}.dsp-member-row{animation:dspMemberIn .4s var(--expo, cubic-bezier(.16,1,.3,1)) both}.dsp-members-list .dsp-member-row:nth-child(2){animation-delay:.08s}.dsp-members-list .dsp-member-row:nth-child(3){animation-delay:.14s}.dsp-members-list .dsp-member-row:nth-child(4){animation-delay:.2s}.dsp-members-list .dsp-member-row:nth-child(5){animation-delay:.26s}.dsp-members-list .dsp-member-row:nth-child(6){animation-delay:.32s}.dsp-members-list .dsp-member-row:nth-child(7){animation-delay:.38s}@keyframes dspMemberIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dsp-team-col.green .dsp-member-row:hover{background:#4ade8014;border-color:#4ade8033}.dsp-team-col.red .dsp-member-row:hover{background:#f8717114;border-color:#f8717133}.dsp-logo-area{position:relative;overflow:hidden}.dsp-logo-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(250,204,21,.08) 50%,transparent 58%);transform:translate(-130%);animation:dspLogoSweep 6s ease-in-out infinite}@keyframes dspLogoSweep{0%,60%{transform:translate(-130%)}90%,to{transform:translate(130%)}}.dsp-logo-text{animation:dspLogoBreath 4.5s ease-in-out infinite}@keyframes dspLogoBreath{0%,to{filter:drop-shadow(0 0 10px rgba(250,204,21,.35))}50%{filter:drop-shadow(0 0 26px rgba(250,204,21,.65))}}.dsp-question-card{position:relative;animation:dspQCardIn .55s var(--bounce, cubic-bezier(.34,1.56,.64,1)) both}@keyframes dspQCardIn{0%{opacity:0;transform:translateY(18px) scale(.94)}60%{transform:translateY(-3px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}.dsp-question-card:before{content:"";position:absolute;top:0;right:10%;left:10%;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(250,204,21,.6),transparent)}.dsp-question-card.active-green:before{background:linear-gradient(90deg,transparent,var(--team-green, #4ade80),transparent)}.dsp-question-card.active-red:before{background:linear-gradient(90deg,transparent,var(--team-red, #f87171),transparent)}.dsp-question-card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border-radius:12px;background:linear-gradient(to left,#facc1580,#facc1580) top right / 16px 1.5px,linear-gradient(to left,#facc1580,#facc1580) top right / 1.5px 16px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 16px 1.5px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 1.5px 16px;background-repeat:no-repeat;opacity:.6}.dsp-hint{animation:dspHintIn .45s var(--expo, cubic-bezier(.16,1,.3,1)) both}@keyframes dspHintIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dsp-round-badge{animation:dspRoundPulse 3s ease-in-out infinite}@keyframes dspRoundPulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 14px #facc152e}}.winner-rays{position:absolute;width:140vmax;height:140vmax;border-radius:50%;pointer-events:none;z-index:0;animation:winnerRaysSpin 18s linear infinite;opacity:.5}.winner-rays.green{background:conic-gradient(from 0deg,transparent 0deg,rgba(74,222,128,.1) 14deg,transparent 28deg,transparent 60deg,rgba(74,222,128,.1) 74deg,transparent 88deg,transparent 120deg,rgba(74,222,128,.1) 134deg,transparent 148deg,transparent 180deg,rgba(74,222,128,.1) 194deg,transparent 208deg,transparent 240deg,rgba(74,222,128,.1) 254deg,transparent 268deg,transparent 300deg,rgba(74,222,128,.1) 314deg,transparent 328deg,transparent 360deg)}.winner-rays.red{background:conic-gradient(from 0deg,transparent 0deg,rgba(248,113,113,.1) 14deg,transparent 28deg,transparent 60deg,rgba(248,113,113,.1) 74deg,transparent 88deg,transparent 120deg,rgba(248,113,113,.1) 134deg,transparent 148deg,transparent 180deg,rgba(248,113,113,.1) 194deg,transparent 208deg,transparent 240deg,rgba(248,113,113,.1) 254deg,transparent 268deg,transparent 300deg,rgba(248,113,113,.1) 314deg,transparent 328deg,transparent 360deg)}@keyframes winnerRaysSpin{to{transform:rotate(360deg)}}.winner-overlay>.winner-card,.winner-overlay>.mvp-card,.winner-overlay>.stats-board{position:relative;z-index:1}.winner-name.green,.winner-name.red{background-size:200% auto;-webkit-background-clip:text;background-clip:text}.winner-name.green{background-image:linear-gradient(110deg,#4ade80 20%,#d9ffe6,#4ade80 80%);-webkit-text-fill-color:transparent;animation:winnerNameShine 2.4s linear infinite}.winner-name.red{background-image:linear-gradient(110deg,#f87171 20%,#ffe1e1,#f87171 80%);-webkit-text-fill-color:transparent;animation:winnerNameShine 2.4s linear infinite}@keyframes winnerNameShine{0%{background-position:200% center}to{background-position:-200% center}}.round-end-card{position:relative;overflow:hidden}.round-end-card:before{content:"";position:absolute;top:0;right:12%;left:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.6),transparent);border-radius:2px}.lobby-team-card{animation:dspCenterIn .55s var(--expo, cubic-bezier(.16,1,.3,1)) both;transition:transform .25s var(--expo, ease),box-shadow .25s}.lobby-teams .lobby-team-card:nth-child(2){animation-delay:.12s}.lobby-team-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #00000073}.lobby-member{animation:dspMemberIn .35s var(--expo, cubic-bezier(.16,1,.3,1)) both}.dsp-round-pips{display:flex;align-items:center;gap:.45rem;min-height:2.1rem;padding:.15rem 0}.dsp-team-meta.align-end .dsp-round-pips{flex-direction:row-reverse}.dsp-round-pips.pips-bump{animation:pipsRowBump .9s cubic-bezier(.22,.61,.36,1)}@keyframes pipsRowBump{0%{transform:scale(1)}18%{transform:scale(1.14)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dsp-pip{position:relative;width:1.8rem;height:2.06rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#ffffff24;transition:background .35s,filter .35s,transform .3s}.dsp-pip-core{width:calc(100% - 3px);height:calc(100% - 3px);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#0a0802b8;transition:background .4s ease}.dsp-round-pips.green .dsp-pip.filled{background:#4ade80b3;filter:drop-shadow(0 0 8px rgba(74,222,128,.55))}.dsp-round-pips.green .dsp-pip.filled .dsp-pip-core{background:linear-gradient(160deg,#86efac,#22c55e 55%,#15803d)}.dsp-round-pips.red .dsp-pip.filled{background:#f87171b3;filter:drop-shadow(0 0 8px rgba(248,113,113,.55))}.dsp-round-pips.red .dsp-pip.filled .dsp-pip-core{background:linear-gradient(160deg,#fca5a5,#ef4444 55%,#991b1b)}.dsp-pip.filled .dsp-pip-core{animation:pipShine 3s ease-in-out infinite}@keyframes pipShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.dsp-pip.next{animation:pipNextPulse 1.8s ease-in-out infinite}@keyframes pipNextPulse{0%,to{background:#ffffff24;transform:scale(1)}50%{background:#facc1566;transform:scale(1.08)}}.dsp-pip.just-won{animation:pipWonBurst .9s cubic-bezier(.22,.61,.36,1)}@keyframes pipWonBurst{0%{transform:scale(.4) rotate(-25deg);filter:brightness(2.4)}35%{transform:scale(1.45) rotate(6deg);filter:brightness(1.9)}60%{transform:scale(1.15) rotate(0)}to{transform:scale(1);filter:brightness(1)}}.dsp-round-pips.pips-bump:after{content:"";position:absolute;width:2.6rem;height:2.6rem;border-radius:50%;border:2.5px solid currentColor;pointer-events:none;animation:pipRing .8s ease-out forwards}.dsp-round-pips{position:relative}.dsp-round-pips.green{color:#4ade80}.dsp-round-pips.red{color:#f87171}.dsp-round-pips.green.pips-bump:after{left:auto}@keyframes pipRing{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@media (min-width: 1600px){.dsp-pip{width:2.2rem;height:2.52rem}.dsp-round-pips{gap:.55rem}}@media (max-width: 1023px) and (min-width: 600px){.dsp-pip{width:1.4rem;height:1.6rem}.dsp-round-pips{gap:.35rem;min-height:1.7rem}}@media (max-width: 599px){.dsp-pip{width:1.15rem;height:1.32rem}.dsp-round-pips{gap:.28rem;min-height:1.4rem}}@media (prefers-reduced-motion: reduce){.dsp-team-col,.dsp-center-col,.dsp-member-row,.dsp-question-card,.dsp-logo-area:before,.dsp-logo-text,.dsp-round-badge,.winner-rays,.lobby-team-card,.lobby-member,.dsp-hint,.dsp-pip,.dsp-pip-core,.dsp-round-pips,.dsp-round-pips:after{animation:none!important}}.tf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:tfOverlayFade 2.6s cubic-bezier(.22,.61,.36,1) forwards}.tf-overlay.tf-green{background:radial-gradient(ellipse at center,#4ade8024,#05050a8c 75%)}.tf-overlay.tf-red{background:radial-gradient(ellipse at center,#f8717124,#05050a8c 75%)}.tf-overlay.tf-reopen{background:radial-gradient(ellipse at center,#facc151f,#05050a8c 75%)}@keyframes tfOverlayFade{0%{opacity:0}7%{opacity:1}78%{opacity:1}to{opacity:0}}.tf-ribbon{display:flex;align-items:center;gap:1.1rem;background:linear-gradient(105deg,#0f0c04f5,#1e1808f5);border-block:2.5px solid;padding:1rem 2.6rem;transform:skew(-8deg);box-shadow:0 24px 70px #0009;animation:tfRibbonIn 2.6s cubic-bezier(.22,.61,.36,1) forwards;max-width:92vw}.tf-overlay.tf-green .tf-ribbon{border-color:var(--team-green, #4ade80);box-shadow:0 24px 70px #0009,0 0 46px #4ade8040}.tf-overlay.tf-red .tf-ribbon{border-color:var(--team-red, #f87171);box-shadow:0 24px 70px #0009,0 0 46px #f8717140}.tf-overlay.tf-reopen .tf-ribbon{border-color:#facc15;box-shadow:0 24px 70px #0009,0 0 46px #facc1540}@keyframes tfRibbonIn{0%{transform:skew(-8deg) translate(90vw);opacity:0}9%{transform:skew(-8deg) translate(-14px);opacity:1}13%{transform:skew(-8deg) translate(8px)}17%{transform:skew(-8deg) translate(0)}80%{transform:skew(-8deg) translate(0);opacity:1}to{transform:skew(-8deg) translate(-90vw);opacity:0}}.tf-ribbon>*{transform:skew(8deg)}.tf-x{font-size:3rem;font-weight:900;line-height:1;color:#f87171;text-shadow:0 0 24px rgba(248,113,113,.7);animation:tfXStamp .55s .18s cubic-bezier(.22,.61,.36,1) both}@keyframes tfXStamp{0%{transform:skew(8deg) scale(3) rotate(-30deg);opacity:0}55%{transform:skew(8deg) scale(.9) rotate(4deg);opacity:1}70%{transform:skew(8deg) scale(1.12) rotate(-2deg)}to{transform:skew(8deg) scale(1) rotate(0)}}.tf-text{display:flex;flex-direction:column;gap:.25rem}.tf-title{font-size:1.7rem;font-weight:900;color:#fff;line-height:1.15;animation:fadeUp .4s .25s cubic-bezier(.16,1,.3,1) both}.tf-sub{font-size:1.02rem;font-weight:700;color:#e8d5a0d9;animation:fadeUp .4s .4s cubic-bezier(.16,1,.3,1) both}.tf-overlay.tf-green .tf-sub strong{color:var(--team-green, #4ade80);text-shadow:0 0 14px rgba(74,222,128,.5)}.tf-overlay.tf-red .tf-sub strong{color:var(--team-red, #f87171);text-shadow:0 0 14px rgba(248,113,113,.5)}@media (max-width: 599px){.tf-ribbon{padding:.7rem 1.4rem;gap:.7rem}.tf-x{font-size:2.2rem}.tf-title{font-size:1.25rem}.tf-sub{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.tf-overlay,.tf-ribbon,.tf-x,.tf-title,.tf-sub,.dsp-plaque-gem,.dsp-round-cell.current,.ans-reveal-hex{animation:none!important}}.bzf-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#1e1a0b,#0f0c04);border:2px solid var(--bzf-color, #facc15);border-radius:2rem;padding:2.4rem 4.2rem;text-align:center;min-width:340px;box-shadow:0 0 0 6px color-mix(in srgb,var(--bzf-color, #facc15) 14%,transparent),0 0 60px color-mix(in srgb,var(--bzf-color, #facc15) 32%,transparent),0 20px 60px #000c;animation:revealCardIn .4s cubic-bezier(.22,.61,.36,1) both}.bzf-card:before{content:"";position:absolute;top:0;right:10%;left:10%;height:2.5px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bzf-color, #facc15),transparent)}.bzf-card:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;border-radius:22px;background:linear-gradient(to left,#facc1580,#facc1580) top right / 18px 1.5px,linear-gradient(to left,#facc1580,#facc1580) top right / 1.5px 18px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 18px 1.5px,linear-gradient(to right,#facc1580,#facc1580) bottom left / 1.5px 18px;background-repeat:no-repeat;opacity:.55}.bzf-bell{font-size:4rem;line-height:1;margin-bottom:.4rem;display:inline-block;transform-origin:top center;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--bzf-color, #facc15) 55%,transparent));animation:bzfBellRing 1.4s cubic-bezier(.22,.61,.36,1) both}@keyframes bzfBellRing{0%{transform:scale(.3) rotate(0);opacity:0}12%{transform:scale(1.15) rotate(-24deg);opacity:1}26%{transform:scale(1) rotate(20deg)}40%{transform:rotate(-14deg)}54%{transform:rotate(9deg)}68%{transform:rotate(-5deg)}82%{transform:rotate(2deg)}to{transform:rotate(0)}}.bzf-label{font-size:.82rem;font-weight:800;letter-spacing:.14em;color:#facc1599;text-transform:uppercase;margin-bottom:.45rem}.bzf-team{font-size:2.5rem;font-weight:900;line-height:1.2;color:var(--bzf-color, #facc15);text-shadow:0 0 24px color-mix(in srgb,var(--bzf-color, #facc15) 55%,transparent);animation:answerSlideUp .5s .12s cubic-bezier(.22,.61,.36,1) both}.bzf-player{display:inline-flex;align-items:center;gap:.4rem;margin-top:.65rem;padding:.3rem 1.1rem;font-size:1.15rem;font-weight:800;color:#ffffffe0;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--bzf-color, #facc15) 35%,transparent);border-radius:999px;animation:answerSlideUp .5s .24s cubic-bezier(.22,.61,.36,1) both}.ans-orb{position:fixed;left:50%;top:50%;z-index:96;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:none;animation:ansOrbFly .85s cubic-bezier(.5,-.1,.3,1) forwards}.ans-orb-green{background:radial-gradient(circle at 35% 35%,#fff,#86efac 40%,#22c55e 75%);box-shadow:0 0 18px 6px #4ade80a6,0 0 40px 14px #4ade804d}.ans-orb-red{background:radial-gradient(circle at 35% 35%,#fff,#fca5a5 40%,#ef4444 75%);box-shadow:0 0 18px 6px #f87171a6,0 0 40px 14px #f871714d}@keyframes ansOrbFly{0%{transform:translate(0) scale(1.4);opacity:0}12%{opacity:1}to{transform:translate(calc(var(--to-x) - 50vw),calc(var(--to-y) - 50vh)) scale(.65);opacity:1}}.ans-orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid;opacity:0;animation:ansOrbBurst .55s .85s ease-out forwards}.ans-orb-green:after{border-color:#4ade80;box-shadow:0 0 24px #4ade80b3}.ans-orb-red:after{border-color:#f87171;box-shadow:0 0 24px #f87171b3}@keyframes ansOrbBurst{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.4)}}@keyframes ansOrbVanish{to{opacity:0;transform:translate(calc(var(--to-x) - 50vw),calc(var(--to-y) - 50vh)) scale(.15)}}.ans-orb{animation:ansOrbFly .85s cubic-bezier(.5,-.1,.3,1) forwards,ansOrbVanish .35s .95s ease-in forwards}@media (prefers-reduced-motion: reduce){.bzf-card,.bzf-bell,.bzf-team,.bzf-player,.ans-orb,.ans-orb:after,.dsp-buzzer-bar.open,.dsp-buzzer-bar.open>span:first-child{animation:none!important}.ans-orb{display:none}}.tf-long,.tf-long .tf-ribbon{animation-duration:5.4s}.tf-overlay.tf-openforall{background:radial-gradient(ellipse at center,#facc1529,#05050a99 75%)}.tf-overlay.tf-openforall .tf-ribbon{border-color:#facc15;box-shadow:0 24px 70px #0009,0 0 52px #facc154d}.tf-overlay.tf-openforall .tf-title{color:#facc15;text-shadow:0 0 26px rgba(250,204,21,.55)}.tf-bolt{font-size:3rem;line-height:1;filter:drop-shadow(0 0 18px rgba(250,204,21,.8));animation:tfXStamp .55s .18s cubic-bezier(.22,.61,.36,1) both,tfBoltShake 1.1s .85s ease-in-out infinite}@keyframes tfBoltShake{0%,to{transform:skew(8deg) rotate(0) scale(1)}25%{transform:skew(8deg) rotate(-10deg) scale(1.12)}60%{transform:skew(8deg) rotate(7deg) scale(1.05)}}@media (prefers-reduced-motion: reduce){.tf-bolt{animation:none!important}}*,*: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}.icon-chip{width:2.6rem;height:2.6rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;background:linear-gradient(160deg,#facc152e,#facc150d);border:1px solid rgba(250,204,21,.3);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);filter:drop-shadow(0 0 10px rgba(250,204,21,.15));animation:iconChipIn .5s var(--bounce, cubic-bezier(.34,1.56,.64,1)) both}.icon-chip.lg{width:3.4rem;height:3.4rem;font-size:1.7rem}@keyframes iconChipIn{0%{opacity:0;transform:scale(.4) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(250,204,21,.07) 50%,transparent 60%);transform:translate(-130%);animation:shineSweepMove 5s ease-in-out infinite}@keyframes shineSweepMove{0%,55%{transform:translate(-130%)}85%,to{transform:translate(130%)}}.hover-lift{transition:transform .22s var(--expo, ease),box-shadow .22s,border-color .22s}.hover-lift:hover{transform:translateY(-3px);border-color:#facc1566;box-shadow:0 10px 32px #00000073,0 0 24px #facc1514}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--accent-glow, rgba(250,204,21,.35))}to{box-shadow:0 0 0 14px #facc1500}}.pulse-ring{animation:pulseRing 1.4s ease-out infinite}@keyframes breathe{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 18px rgba(250,204,21,.3))}50%{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 0 34px rgba(250,204,21,.5))}}.gold-title{background:linear-gradient(110deg,#fff 0%,var(--gold, #facc15) 45%,#fff 70%,var(--gold, #facc15) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes successPop{0%{opacity:0;transform:scale(.7) translateY(6px)}55%{transform:scale(1.06) translateY(0)}to{opacity:1;transform:scale(1)}}.success-pop{animation:successPop .45s var(--bounce, cubic-bezier(.34,1.56,.64,1)) both}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.shake-x{animation:shakeX .4s ease both}.gold-edge{position:relative}.gold-edge:before{content:"";position:absolute;top:0;right:12%;left:12%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.55),transparent);border-radius:2px;pointer-events:none}@media (prefers-reduced-motion: reduce){.icon-chip,.shine-sweep:after,.pulse-ring,.success-pop,.shake-x,.animate-in,.stagger>*,.gold-title{animation:none!important}.hover-lift,.hover-lift:hover{transform:none;transition:none}}