.play{max-width:560px;margin-inline:auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem;padding:24px}.loader{width:48px;height:48px;border-radius:50%;border:5px solid var(--panel-2);border-top-color:var(--brand);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-block{width:100%}.join{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 18px;overflow-y:auto}.join .logo{width:170px}.join-box{width:100%;padding:22px;display:flex;flex-direction:column;gap:12px}.join-box label{font-weight:700}.pin-input{width:100%;text-align:center;font-family:var(--display);font-size:2.6rem;letter-spacing:.35em;font-weight:800;padding:12px;border-radius:14px;border:2px solid var(--line);background:#fffffff2;color:#12122a}.text-input{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:#ffffff14;color:var(--text);font-size:1.15rem}.pin-input:focus,.text-input:focus{outline:none;border-color:var(--brand)}.back{align-self:flex-start;color:var(--muted);font-size:.9rem}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;max-height:210px;overflow-y:auto;padding:4px}.avatars button{border-radius:50%;padding:3px;border:3px solid transparent;justify-self:center;transition:transform .15s}.avatars button.on{border-color:var(--brand);transform:scale(1.08)}.err{color:#fca5a5;margin:0;text-align:center}.legacy{margin-top:auto}.me-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0a0a1a99;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.me-bar .nick{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-bar .score{font-family:var(--display);font-weight:800;font-size:1.2rem}.me-bar .score small{font-family:var(--font);font-weight:500;color:var(--muted);font-size:.8rem}.play-main{flex:1;min-height:0;display:flex;flex-direction:column}.waiting h2,.sent h2,.result h2,.final h2{margin:0;font-family:var(--display);font-size:1.8rem}.ready-num{font-family:var(--display);font-size:9rem;font-weight:800;line-height:1}.pads-wrap{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;min-height:0}.q-strip{display:flex;align-items:center;gap:12px}.q-text{margin:0;font-weight:700;font-size:1.1rem;line-height:1.5}.q-img{max-height:22vh;object-fit:contain;border-radius:12px;margin-inline:auto}.pads{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.pads.n2{grid-template-columns:1fr}.pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:18px;background:var(--c);font-weight:700;font-size:1.05rem;line-height:1.35;box-shadow:0 6px #0000004d;transition:transform .1s;min-height:92px}.pad .shape{font-size:2.2rem}.pad:active{transform:translateY(4px);box-shadow:0 2px #0000004d}.big-emoji,.medal{font-size:5rem}.result .badge{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:4rem;font-weight:800}.result.ok .badge{background:var(--ok);box-shadow:0 0 60px #22c55e99}.result.bad .badge{background:var(--bad);animation:shake .5s both}.result.ok{background:radial-gradient(500px 400px at 50% 30%,rgba(34,197,94,.25),transparent)}.result.bad{background:radial-gradient(500px 400px at 50% 30%,rgba(239,68,68,.22),transparent)}.pts{font-family:var(--display);font-size:2.4rem;font-weight:800;margin:0}.streak{border-color:#f9731680;color:#fed7aa}.rank-line b{font-family:var(--display);font-size:1.4rem}.rank-num{font-family:var(--display);font-size:6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.final-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px}.veil,.net{position:fixed;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:12px;z-index:20}.veil{top:40%;background:#0a0a1aeb;border:1px solid var(--line);font-weight:700}.net{top:64px;background:#ef444433;border:1px solid rgba(239,68,68,.5)}.team-tag{padding:3px 9px;border-radius:99px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--tc) 45%,transparent);border:1px solid var(--tc);white-space:nowrap}@keyframes zoomIn{0%{transform:scale(2.2);opacity:0;filter:blur(6px)}60%{transform:scale(.94);opacity:1;filter:none}to{transform:scale(1)}}.zoom{animation:zoomIn .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes slam{0%{transform:translateY(30px) scale(.92);opacity:0}to{transform:none;opacity:1}}.slam{animation:slam .35s cubic-bezier(.2,.9,.3,1.2) both}@keyframes floaty{50%{transform:translateY(-8px)}}.float{animation:floaty 2.4s ease-in-out infinite}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.pads-wrap.urgent{box-shadow:inset 0 0 80px #ef444466;animation:pulse 1s ease-in-out infinite}.pads-wrap.urgent .q-strip .ring .bar{stroke:var(--bad)}.fire{font-weight:800;color:#fed7aa;animation:pulse 1s ease-in-out infinite}.picked-chip{width:120px;height:120px;border-radius:28px;display:grid;place-items:center;background:var(--c);font-size:4rem;box-shadow:0 0 50px var(--c)}.result .pts small{font-size:1rem;color:var(--muted);font-family:var(--font)}.delta{font-weight:800;font-size:1.2rem;margin:0}.delta.up{color:#86efac}.delta.down{color:#fca5a5}.chase{margin:0;padding:8px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.rank-num.gold{background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.suspense .drum{font-size:5rem;animation:shake .25s linear infinite}.suspense h2{font-size:2.2rem}.final.champion .medal{font-size:7rem;filter:drop-shadow(0 0 30px rgba(251,191,36,.7))}.react-pad{position:relative;width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:.6rem}.react-pad p{margin:0;font-size:.9rem;text-align:center}.react-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.react-grid button{font-size:2.2rem;line-height:1;padding:.8rem 0;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;box-shadow:0 5px #0000004d;transition:transform .12s,opacity .2s,box-shadow .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.react-grid button:active{transform:translateY(4px) scale(.94);box-shadow:0 1px #0000004d}.react-grid.cool button{opacity:.45}.react-burst{position:absolute;bottom:30%;font-size:2.6rem;pointer-events:none;animation:reactUp 1.4s ease-out forwards}@keyframes reactUp{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1.25)}to{transform:translateY(-220px) scale(1);opacity:0}}.title-now{margin:.4rem 0 0;font-size:1.05rem}.title-now b{color:#fde68a;font-family:var(--display)}.promo{margin:.8rem auto 0;padding:.9rem 1.2rem;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 35%,transparent),#ffffff0d);border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--tc) 35%,transparent)}.promo-icon{font-size:2.6rem;animation:bob 1.4s ease-in-out infinite}.promo b{font-family:var(--display);font-size:1.3rem}.promo small{color:var(--muted)}@keyframes bob{50%{transform:translateY(-5px)}}.mode-banner{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:14px;margin-bottom:.5rem;background:linear-gradient(90deg,#fbbf2438,#8b5cf62e);border:1px solid rgba(251,191,36,.45);animation:modeIn .5s cubic-bezier(.2,1.4,.4,1) both}.mode-banner.mode-majority{background:linear-gradient(90deg,#22d3ee33,#8b5cf62e);border-color:#22d3ee80}.mode-banner .mb-icon{font-size:1.8rem;line-height:1}.mode-banner b{display:block;font-family:var(--display);font-size:1.05rem}.mode-banner small{color:var(--muted);font-size:.82rem}@keyframes modeIn{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.closest-pad{gap:.7rem}.cp-value{display:flex;align-items:baseline;justify-content:center;gap:.4rem}.cp-value input{width:100%;max-width:15rem;text-align:center;font-family:var(--display);font-size:3.4rem;font-weight:800;color:#fff;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);border-radius:18px;padding:.2rem .4rem;direction:ltr}.cp-unit{color:var(--muted);font-weight:700}.cp-row{display:flex;align-items:center;gap:.5rem}.cp-step{width:3.2rem;height:3.2rem;flex:none;border-radius:50%;font-size:1.8rem;font-weight:800;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);touch-action:manipulation}.cp-range{flex:1;accent-color:#fbbf24;height:2rem}.cp-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;padding:0 3.6rem;margin-top:-.4rem}.cp-send{font-size:1.2rem;padding:.9rem}.guess-chip{font-family:var(--display);font-size:2.6rem;padding:.4rem 1.2rem;border-radius:18px;background:#fbbf242e;border:1px solid rgba(251,191,36,.5)}.guess-chip small{font-size:1rem;color:var(--muted)}.closest-line{margin:.2rem 0;font-size:1.05rem}.closest-line b{font-family:var(--display)}.wager-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem}.wager-chip{padding:.5rem 0;border-radius:14px;font-family:var(--display);font-size:1.5rem;font-weight:800;color:#fff;background:#ffffff14;border:2px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;line-height:1.1}.wager-chip small{font-family:inherit;font-size:.72rem;font-weight:600;opacity:.8}.wager-chip.on{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#3b2500;border-color:#fde68a;box-shadow:0 0 20px #fbbf2480}.pts.neg{color:#f87171}.order-list,.order-answer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;width:100%}.order-list li{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem .45rem .4rem;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.ol-n{width:1.9rem;height:1.9rem;flex:none;display:grid;place-items:center;border-radius:50%;background:#fbbf24;color:#3b2500;font-weight:800}.ol-t{flex:1;font-weight:700;font-size:1.05rem}.order-list button{width:2.4rem;height:2.4rem;flex:none;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.9rem}.order-list button:disabled{opacity:.25}.order-answer{counter-reset:o;max-width:20rem;text-align:start}.order-answer li{counter-increment:o;padding:.3rem .6rem;border-radius:10px;background:#ffffff0f}.order-answer li:before{content:counter(o) ". ";color:#fbbf24;font-weight:800}.clue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;width:100%}.clue-list li{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem .7rem;border-radius:12px;background:#8b5cf629;border:1px solid rgba(139,92,246,.35);font-weight:600}.clue-list li span{color:#fbbf24;font-weight:800}.clue-list .clue-next{background:transparent;border-style:dashed;color:var(--muted);font-weight:500}.who-input{width:100%;font-size:1.4rem;padding:.7rem .9rem;border-radius:14px;background:#ffffff12;border:2px solid rgba(255,255,255,.16);color:#fff;text-align:center}.scr-word{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;direction:rtl}.scr-slot{width:2.6rem;height:3rem;border-radius:10px;border:2px dashed rgba(255,255,255,.25);background:transparent;color:#fff;font-size:1.6rem;font-weight:800}.scr-slot.on{border-style:solid;border-color:#fbbf24;background:#fbbf2426}.scr-tiles{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap}.scr-tile{width:3rem;height:3.2rem;border-radius:12px;background:linear-gradient(180deg,#8b5cf6,#6d28d9);color:#fff;font-size:1.7rem;font-weight:800;box-shadow:0 4px #4c1d95;border:none}.scr-tile:disabled{opacity:.2;box-shadow:none}.boss-chip{border-color:#ef444480;color:#fecaca}.lightning-res .badge{filter:drop-shadow(0 0 24px rgba(250,204,21,.8))}.lr-mine{margin:0;font-family:var(--display);font-size:1.4rem;color:#7dd3fc}.mode-chip.mode-lightning,.mode-intro.mode-lightning{border-color:#facc1599}.box-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem;position:relative}.box-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.45rem 0;border-radius:14px;color:#fff;font:inherit;background:linear-gradient(160deg,#f472b638,#facc151f);border:2px solid rgba(244,114,182,.35)}.box-chip span{font-size:1.7rem;line-height:1;animation:boxWiggle 2.4s ease-in-out infinite}.box-chip:nth-child(2) span{animation-delay:.3s}.box-chip:nth-child(3) span{animation-delay:.6s}.box-chip small{font-size:.72rem;font-weight:700;opacity:.85}.box-chip.on{border-color:#facc15;background:linear-gradient(160deg,#facc1566,#f472b64d);box-shadow:0 0 22px #facc1580;transform:translateY(-2px)}.box-chip.on span{animation:boxPop .4s ease}.box-hint{grid-column:1 / -1;margin:0;text-align:center;font-size:.75rem;opacity:.75}@keyframes boxWiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@keyframes boxPop{50%{transform:scale(1.35)}}.luckbox-res .badge{filter:drop-shadow(0 0 24px rgba(250,204,21,.7))}.throne-hit,.throne-save{margin:.2rem 0;padding:.4rem .8rem;border-radius:12px;font-weight:700}.throne-hit{background:#ef444429;border:1px solid rgba(239,68,68,.45)}.throne-save{background:#38bdf829;border:1px solid rgba(56,189,248,.45)}@media (prefers-reduced-motion: reduce){.box-chip span{animation:none!important}}.ladder-pick{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.ladder-now{margin:0;text-align:center;font-size:.85rem;line-height:1.6;opacity:.92}.ladder-now b{color:#fde68a}.ladder-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ladder-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .3rem;border-radius:14px;font:inherit;font-weight:800;font-size:1.05rem;color:#fff;background:#ffffff12;border:2px solid rgba(255,255,255,.18)}.ladder-chip small{font-size:.7rem;font-weight:600;opacity:.85}.ladder-chip.up.on{background:linear-gradient(135deg,#f973168c,#ef444473);border-color:#fb923c;box-shadow:0 0 20px #f9731673}.ladder-chip.bank.on{background:linear-gradient(135deg,#10b98180,#facc1559);border-color:#34d399;box-shadow:0 0 20px #10b98166}.ladder-off{margin:0 0 .5rem;text-align:center;font-size:.85rem;opacity:.8}.ladder-res .badge{filter:drop-shadow(0 0 22px rgba(250,204,21,.6))}.net.weak{background:#f59e0b2e;border-color:#f59e0b8c;font-size:.82rem;line-height:1.5}.wager-box{margin-bottom:.6rem;padding:.6rem;border-radius:18px;background:#f59e0b1a;border:2px solid rgba(251,191,36,.55);animation:betGlow 1.3s ease-in-out infinite}.wager-box.chosen{animation:none;border-color:#fbbf244d;background:#f59e0b0f}.wager-ask{margin:0 0 .5rem;text-align:center;font-weight:800;font-size:1.05rem;color:#fde68a}.wager-box .wager-row{margin:0}.wager-box .wager-chip{gap:2px;padding:.55rem .2rem;font-size:1rem;animation:chipPop .4s ease-out both}.wager-chip .wc-icon{font-size:1.6rem;line-height:1}.wager-chip .wc-win{color:#86efac;opacity:1}.wager-chip .wc-loss{color:#fca5a5;opacity:1}.wager-chip.on .wc-win{color:#14532d}.wager-chip.on .wc-loss{color:#7f1d1d}.wager-chip.w3.on{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;border-color:#fecaca;box-shadow:0 0 26px #ef4444b3}.wager-chip.w3.on .wc-win,.wager-chip.w3.on .wc-loss{color:#fff}.bet-gate .pads{opacity:.35;filter:grayscale(.6)}.bet-gate .pads:before{content:"🔒 اختر رهانك أولاً ↑";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-weight:800;font-size:1.15rem;color:#fff;pointer-events:none}.bet-gate .pads{position:relative}@keyframes betGlow{50%{box-shadow:0 0 0 4px #fbbf2440,0 0 26px #fbbf2473}}@keyframes chipPop{0%{opacity:0;transform:scale(.7) translateY(8px)}}.box-reveal{width:100%;max-width:360px;margin:0 auto .4rem}.br-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.br-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;border-radius:16px;background:#ffffff14;border:2px solid rgba(255,255,255,.15)}.br-box.mine{border-color:#fbbf24;box-shadow:0 0 18px #fbbf2473}.br-box.shake .br-icon{animation:boxShake .35s ease-in-out infinite}.br-box.open{animation:boxOpen .45s ease-out}.br-box.open.prize-jackpot,.br-box.open.prize-double{background:linear-gradient(135deg,#fbbf2459,#ef44444d)}.br-box.open.prize-empty{opacity:.6}.br-icon{font-size:2rem;line-height:1}.br-box small{font-weight:800;font-size:.8rem}.br-miss{margin:.5rem 0 0;text-align:center;font-weight:700;color:#fde68a}@keyframes boxShake{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.08)}}@keyframes boxOpen{0%{transform:scale(.6) rotate(-10deg)}60%{transform:scale(1.18)}}.mini-boss{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:.35rem .7rem;border-radius:99px;background:#7f1d1d59;border:1px solid rgba(239,68,68,.45)}.mini-boss small{font-weight:800;white-space:nowrap;color:#fecaca}.mb-face{font-size:1.5rem;line-height:1}.mb-hp{flex:1;height:10px;border-radius:99px;background:#0006;overflow:hidden}.mb-hp i{display:block;height:100%;background:linear-gradient(90deg,#f97316,#dc2626);transition:width .8s cubic-bezier(.3,0,.2,1)}.mini-boss.rage{border-color:#f97316;box-shadow:0 0 16px #f973168c}.mini-boss.rage .mb-face{animation:boxShake .5s ease-in-out infinite}.mini-boss.hit .mb-face{animation:mbHit .6s ease-out 2}.mini-boss.dead{background:#15803d59;border-color:#22c55e99}@keyframes mbHit{30%{transform:scale(1.5) rotate(-15deg);filter:brightness(2.5)}}.my-team{display:flex;align-items:center;gap:.7rem;margin:.6rem auto 0;max-width:380px;padding:.6rem .9rem;border-radius:16px;background:color-mix(in srgb,var(--tc) 22%,rgba(15,14,35,.75));border:1px solid color-mix(in srgb,var(--tc) 60%,transparent)}.mt-icon{font-size:1.8rem}.my-team div{display:flex;flex-direction:column;gap:2px}.my-team small{color:#d6d3f0}@media (prefers-reduced-motion: reduce){.wager-box,.wager-chip,.br-box,.br-icon,.mini-boss *{animation:none!important}}