:root{--bg-0:#1d2360;--bg-1:#272e78;--bg-2:#343c92;--ink-well:#121746;--ink:#f4f7ff;--ink-dim:#b7c1ea;--aurora-pink:#ff4d9d;--aurora-violet:#a855f7;--aurora-sky:#38bdf8;--aurora-teal:#2dd4bf;--amber:#ffc24b;--amber-deep:#f59e0b;--gold:var(--amber);--gold-deep:var(--amber-deep);--team-a:#ff5c8a;--team-b:#38bdf8;--good:#34d399;--bad:#fb5a68;--glass:#ffffff1a;--glass-edge:#ffffff29;--radius:20px;--radius-sm:12px;--shadow:0 18px 50px #0305148c;--glow-pink:0 0 40px #ff4d9d59;--glow-sky:0 0 40px #38bdf859;--aurora-sweep:linear-gradient(110deg, var(--aurora-pink), var(--aurora-violet) 38%, var(--aurora-sky) 70%, var(--aurora-teal));--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", "Noto Kufi Arabic", Tahoma, Arial, sans-serif;--display:Georgia, "Times New Roman", "Noto Kufi Arabic", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;position:relative}body:before{content:"";z-index:-2;filter:blur(48px)saturate(165%);mix-blend-mode:screen;background:radial-gradient(42vmax 32vmax at 20% 4%,#ff4d9d9e,#0000 66%),radial-gradient(46vmax 34vmax at 80% 0,#a855f794,#0000 68%),radial-gradient(54vmax 36vmax at 58% 40%,#38bdf880,#0000 66%),radial-gradient(44vmax 32vmax at 6% 52%,#2dd4bf75,#0000 64%),radial-gradient(44vmax 32vmax at 96% 66%,#ec489970,#0000 66%);animation:26s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-20vmax}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0f .5px,#0000 .5px),radial-gradient(135% 100% at 50% 32%,#0000 55%,#0d10389e 100%);background-size:3px 3px,100% 100%;position:fixed;inset:0}@keyframes aurora-drift{0%{transform:translate(-3%,-2%)scale(1)}50%{transform:translate(3%,2%)scale(1.08)}to{transform:translate(-2%,3%)scale(1.03)}}input,textarea{-webkit-user-select:text;user-select:text}.app{min-height:100%;padding-block:calc(8px + var(--safe-top)) calc(8px + var(--safe-bottom));flex-direction:column;width:100%;max-width:1400px;margin-inline:auto;padding-inline:16px;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:10px;padding-block:8px;display:flex}.brand{font-family:var(--display);background:var(--aurora-sweep);color:#0000;letter-spacing:.02em;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;margin-inline-end:auto;font-size:clamp(18px,2.6vw,26px);font-weight:700;display:flex}.brand small{font-family:var(--font);color:var(--ink-dim);letter-spacing:0;font-size:12px;font-weight:500}.pill{color:var(--ink-dim);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:13px}.pill.gold{color:#fff;background:var(--aurora-sweep);border-color:#0000;font-weight:700;box-shadow:0 6px 18px #a855f759}.btn{appearance:none;color:var(--ink);font:inherit;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff24;min-height:48px;padding:12px 18px;font-weight:600;transition:transform 80ms,background .15s,opacity .15s}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--aurora-sweep);color:#fff;text-shadow:0 1px 6px #0c062873;background-size:180% 100%;border-color:#0000;font-weight:700;transition:background-position .5s,transform 80ms,box-shadow .2s;box-shadow:0 10px 30px #a855f761,inset 0 1px #ffffff4d}.btn-primary:hover:not(:disabled){background-position:100%;box-shadow:0 14px 38px #ff4d9d6b,inset 0 1px #ffffff59}.btn-danger{background:#ef444438;border-color:#ef444473}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-lg{min-height:60px;padding:18px 26px;font-size:clamp(16px,2.2vw,22px)}.icon-btn{border-radius:999px;min-height:40px;padding:8px 12px;font-size:13px}.stack{flex-direction:column;gap:14px;display:flex}.hero{text-align:center;padding-block:clamp(12px,4vh,40px)}.hero h1{font-family:var(--display);background:var(--aurora-sweep);color:#0000;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,7.5vw,72px);line-height:1.1;animation:14s ease-in-out infinite alternate aurora-hue}@keyframes aurora-text{0%{background-position:0%}to{background-position:100%}}@keyframes aurora-hue{0%{filter:hue-rotate(-10deg)drop-shadow(0 8px 38px #a855f78c)}to{filter:hue-rotate(12deg)drop-shadow(0 8px 38px #38bdf88c)}}.hero p{color:var(--ink-dim);margin:10px 0 0;font-size:clamp(14px,2vw,18px)}.hero .hero-arabic{font-family:var(--display);color:var(--gold);opacity:.85;margin-block-start:4px;font-size:clamp(20px,3.4vw,30px)}.menu{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-edge);border-radius:var(--radius);text-align:start;cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:6px;padding:18px;transition:transform .1s,border-color .15s,background .15s;display:flex}.card:hover{background:#ffffff1f;border-color:#ffffff57;transform:translateY(-2px);box-shadow:0 14px 40px #a855f73d}.card{position:relative;overflow:hidden}.card:before{content:"";background:var(--aurora-sweep);height:3px;position:absolute;inset-block-start:0;inset-inline:0}.card:active{transform:scale(.99)}.card-title{font-size:18px;font-weight:700}.card-hint{color:var(--ink-dim);font-size:14px;line-height:1.5}.panel{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-edge);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.panel h2,.panel h3{font-family:var(--display);color:#e9d5ff;letter-spacing:.01em;margin:0;font-size:18px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.field{color:var(--ink-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.input,.select{font:inherit;color:var(--ink);border-radius:var(--radius-sm);background:#0000004d;border:1px solid #ffffff2e;width:100%;min-height:48px;padding:12px 14px}.input:focus,.select:focus{outline:2px solid var(--gold);outline-offset:1px}.input.code{font-family:var(--display);letter-spacing:.35em;text-align:center;text-transform:uppercase;font-size:30px}.row{align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;min-height:42px;padding:9px 14px;font-size:14px}.chip.on{background:var(--aurora-sweep);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 6px 18px #38bdf852}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.switch input{block-size:22px;inline-size:22px;accent-color:var(--gold)}.muted{color:var(--ink-dim);font-size:13px;line-height:1.55}.scorebar{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin-block:8px;display:grid}.team{border-radius:var(--radius);border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:2px;min-width:0;padding:10px 14px;display:flex}.team.a{background:linear-gradient(160deg,#ff5c8a29,#ffffff0d);border-color:#ff5c8a8c}.team.b{background:linear-gradient(160deg,#38bdf829,#ffffff0d);border-color:#38bdf88c}.team.active{box-shadow:0 0 0 2px #ffffffb3, var(--glow-pink);border-color:#0000}.team.b.active{box-shadow:0 0 0 2px #ffffffb3, var(--glow-sky)}.team-name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.8vw,17px);font-weight:700;overflow:hidden}.team.a .team-name{color:#ffc2d4}.team.b .team-name{color:#bae6fd}.team-score{font-family:var(--display);font-size:clamp(26px,5vw,46px);font-weight:700;line-height:1}.team-player{color:var(--ink-dim);font-size:12px}.pot{text-align:center;border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:#121746b8;border:1px solid #ffc24b73;flex-direction:column;justify-content:center;gap:2px;padding:8px 16px;display:flex;box-shadow:inset 0 0 28px #ffc24b1f}.pot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.pot-value{font-family:var(--display);color:var(--amber);text-shadow:0 0 22px #ffc24b73;font-size:clamp(24px,4.5vw,42px);line-height:1}.strikes{justify-content:center;gap:6px;margin-block-start:4px;display:flex}.strike-dot{border:1px solid #ffffff40;border-radius:4px;block-size:14px;inline-size:14px}.strike-dot.on{background:var(--bad);border-color:var(--bad);box-shadow:0 0 10px #ef4444b3}.question{text-align:center;font-family:var(--display);justify-content:center;align-items:center;min-height:2.6em;margin-block:10px;padding-inline:8px;font-size:clamp(18px,3.2vw,34px);line-height:1.35;display:flex}.board{grid-template-columns:1fr;gap:10px;display:grid}.board.two-col{grid-template-columns:1fr 1fr}.slot{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-edge);min-height:clamp(52px,8vh,78px);font:inherit;color:inherit;text-align:start;cursor:default;width:100%;transform-style:preserve-3d;background:linear-gradient(165deg,#ffffff17,#ffffff08);align-items:center;gap:12px;padding-inline:14px;transition:transform .25s,background .25s;display:flex;position:relative;overflow:hidden}.slot.clickable{cursor:pointer}.slot.clickable:hover{background:linear-gradient(165deg,#ffffff24,#ffffff0d);border-color:#ffffff73}.slot-rank{font-family:var(--display);color:#ffffff8c;text-align:center;min-inline-size:1.4em;font-size:clamp(20px,3vw,30px)}.slot-hidden-fill{background:repeating-linear-gradient(90deg,#ffffff1a 0 14px,#0000 14px 28px);border-radius:999px;flex:1;height:10px}.slot-text{text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere;flex:1;font-size:clamp(14px,2.2vw,24px);font-weight:600}.slot-points{font-family:var(--display);color:var(--amber);border-radius:var(--radius-sm);text-align:center;background:#1217468c;min-inline-size:2.2em;padding:4px 10px;font-size:clamp(18px,3vw,30px)}.slot.revealed{background:var(--aurora-sweep);background-size:180% 100%;border-color:#ffffff8c;animation:.45s both flip-in,9s ease-in-out infinite alternate aurora-text;box-shadow:0 10px 34px #a855f766,inset 0 1px #ffffff59}.slot.revealed .slot-rank,.slot.revealed .slot-text{color:#fff;text-shadow:0 1px 10px #0a05238c}.slot.revealed .slot-points{color:#fff;background:#0a062361}.slot.exposed{opacity:.75;background:#ffffff0d;border-style:dashed;border-color:#ffffff40}.slot.exposed .slot-text,.slot.exposed .slot-points{color:var(--ink-dim)}@keyframes flip-in{0%{opacity:.2;transform:rotateX(-88deg)}to{opacity:1;transform:rotateX(0)}}.controls{flex-direction:column;gap:10px;margin-block-start:12px;display:flex}.prompt{text-align:center;color:var(--ink);font-size:clamp(15px,2.2vw,20px)}.prompt .who{color:var(--gold);font-weight:700}.buzzers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.buzzer{font-family:var(--display);color:#fff;cursor:pointer;box-shadow:inset 0 -6px 0 #0000004d, var(--shadow);border:none;border-radius:24px;padding-block:clamp(22px,7vh,52px);font-size:clamp(20px,4vw,34px);font-weight:700;transition:transform 60ms}.buzzer:active{transform:translateY(3px)scale(.99);box-shadow:inset 0 -2px #0000004d}.buzzer.a{background:linear-gradient(150deg,#ff7eb3,#ff4d9d 45%,#c026d3);box-shadow:inset 0 -6px #00000038,0 16px 44px #ff4d9d73}.buzzer.b{background:linear-gradient(150deg,#67e8f9,#38bdf8 45%,#6366f1);box-shadow:inset 0 -6px #00000038,0 16px 44px #38bdf873}.buzzer:disabled{filter:grayscale(.7);opacity:.5}.answer-form{flex-wrap:wrap;gap:10px;display:flex}.answer-form .input{flex:220px;font-size:18px}.host-panel{border-radius:var(--radius);background:#00000040;border:1px dashed #ffd16673;flex-direction:column;gap:10px;padding:12px;display:flex}.host-panel-head{color:var(--ink-dim);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.host-answers{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.host-answer{font:inherit;text-align:start;border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.host-answer:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.host-answer .pts{color:var(--gold);font-family:var(--display)}.blurred{filter:blur(7px)}.timer{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--good), var(--gold));height:100%;transition:width .2s linear}.timer-fill.low{background:linear-gradient(90deg, #f59e0b, var(--bad))}.timer-row{align-items:center;gap:10px;display:flex}.timer-secs{font-family:var(--display);text-align:center;min-inline-size:2.2em;font-size:20px}.strike-overlay{pointer-events:none;z-index:40;place-items:center;display:grid;position:fixed;inset:0}.strike-x{font-family:var(--display);color:var(--bad);text-shadow:0 0 40px #ef4444b3;gap:.05em;font-size:min(40vw,320px);font-weight:700;animation:.7s both pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.12)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.banner{text-align:center;border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--glass-edge);box-shadow:var(--shadow);background:#1217468c;flex-direction:column;align-items:center;gap:12px;padding:clamp(18px,5vh,44px) 18px;display:flex}.banner h2{font-family:var(--display);background:var(--aurora-sweep);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(24px,5vw,48px);animation:10s ease-in-out infinite alternate aurora-text}.banner p{color:var(--ink-dim);max-width:44ch;margin:0;font-size:clamp(14px,2vw,19px)}.modal-backdrop{z-index:50;background:#030714c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--glass-edge);border-radius:var(--radius);width:100%;max-width:560px;max-height:86vh;box-shadow:var(--shadow);background:linear-gradient(165deg,#2b3384,#1a1f5a);flex-direction:column;gap:14px;padding:20px;display:flex;overflow:auto}.modal h2{font-family:var(--display);color:#e9d5ff;margin:0}.rules h3{color:#f0abfc;margin:14px 0 4px;font-size:16px}.rules p{color:var(--ink-dim);margin:0;font-size:14px;line-height:1.65}.fm-grid{gap:8px;display:grid}.fm-row{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff1f;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:grid}.fm-row.hidden-answer{color:var(--ink-dim)}.fm-row .q{color:var(--ink-dim);font-size:12px;display:block}.fm-row .pts{font-family:var(--display);color:var(--gold);text-align:center;min-inline-size:2.4em;font-size:22px}.fm-total{border-top:1px solid #ffffff26;justify-content:space-between;align-items:baseline;padding-block-start:10px;font-size:16px;display:flex}.fm-total strong{font-family:var(--display);color:var(--gold);font-size:32px}.code-display{font-family:var(--display);letter-spacing:.18em;background:var(--aurora-sweep);color:#0000;text-align:center;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,12vw,96px);line-height:1;animation:8s ease-in-out infinite alternate aurora-text}.members{flex-wrap:wrap;gap:8px;display:flex}.member{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.member.a{border-color:#e0484f8c}.member.b{border-color:#3b82f68c}.member.off{opacity:.45}.dot{background:var(--good);border-radius:50%;block-size:8px;inline-size:8px}.member.off .dot{background:var(--ink-dim)}.notice{border-radius:var(--radius-sm);text-align:center;background:#ef44442e;border:1px solid #ef444466;padding:10px 14px;font-size:14px}.notice.info{background:#3b82f62e;border-color:#3b82f666}.notice.good{background:#35c48a2e;border-color:#35c48a66}.spacer{flex:1}.center{text-align:center}@media (width<=560px){.app{padding-inline:12px}.board.two-col{grid-template-columns:1fr}.slot-text{font-size:15px}.scorebar{grid-template-columns:1fr 1fr}.pot{flex-direction:row;order:-1;grid-column:1/-1;justify-content:center;align-items:baseline;gap:10px}}@media (width>=1100px){.board{gap:12px}.slot{min-height:84px}}@media (prefers-reduced-motion:reduce){body:before,.hero h1,.brand,.slot.revealed,.banner h2,.code-display,.strike-x{animation:none!important}*{transition-duration:.01ms!important}}.card.install-card{background:linear-gradient(150deg,#ff4d9d33,#38bdf829);border-color:#ffffff4d}.card.install-card:hover{background:linear-gradient(150deg,#ff4d9d4d,#38bdf83d)}.bi{flex-direction:column;align-items:flex-start;gap:.12em;min-width:0;display:inline-flex}.bi-line{text-align:inherit;unicode-bidi:plaintext}.bi-alt{opacity:.78;letter-spacing:0;font-size:.74em;font-weight:500}.question .bi,.prompt .bi,.banner h2 .bi,.banner p .bi,.hero p .bi,.buzzer .bi,.btn .bi,.chip .bi{text-align:center;align-items:center}.slot-text .bi-alt{opacity:.85;font-size:.66em}.btn:has(.bi){padding-block:10px;line-height:1.25}.btn.icon-btn.on{background:var(--aurora-sweep);color:#fff;border-color:#0000;font-weight:700}.plan-card.chosen{border-color:#ffffff73;box-shadow:0 14px 40px #ff4d9d47}.plan-price{font-family:var(--display);color:var(--amber);font-size:clamp(26px,4vw,38px);line-height:1.1}.plan-price small{font-family:var(--font);color:var(--ink-dim);margin-inline-start:6px;font-size:13px}.chip.locked{opacity:.6;cursor:not-allowed;border-style:dashed}.panel.legal{text-align:start;max-width:62ch;margin-inline:auto}.panel.legal section+section{margin-block-start:18px}.panel.legal h3{margin-block-end:6px}.panel.legal p{color:var(--ink-dim);margin-block:0 8px;line-height:1.75}.legal-footer{border-block-start:1px solid var(--glass-edge);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-block-start:18px;padding-block-start:12px;display:flex}.legal-link{font:inherit;color:var(--ink-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-size:.82rem;text-decoration:underline}.legal-link:hover{color:var(--ink)}