:root{--gold:#c9a84c;--gold-light:#f0d080;--dark:#0b0b0f;--card-bg:#13131a;--border:#252535;--text:#e8e0d0;--muted:#777;--correct:#3dba7a;--wrong:#e05c5c;--option-bg:#1a1a24;--p1:#6495ed;--p1-bg:rgba(100,149,237,0.12);--p2:#e07050;--p2-bg:rgba(224,112,80,0.12);--p3:#a070e0;--p3-bg:rgba(160,112,224,0.12)}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}button,a,input,select{touch-action:manipulation}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:var(--dark);color:var(--text);font-family:'Cairo',sans-serif;min-height:100vh;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(40px + env(safe-area-inset-bottom,0px));background-image:radial-gradient(ellipse at 15% 5%,rgba(100,149,237,0.06) 0%,transparent 45%),radial-gradient(ellipse at 85% 95%,rgba(160,112,224,0.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(201,168,76,0.04) 0%,transparent 60%)}.setup-screen{max-width:540px;margin:0 auto;animation:fadeUp 0.6s ease}.logo{text-align:center;margin-bottom:30px}.logo h1{font-family:'Tajawal',sans-serif;font-size:clamp(2rem,7vw,3rem);font-weight:900;color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,0.3)}.logo p{color:var(--muted);font-size:0.88rem;margin-top:5px}.ornament{display:flex;align-items:center;gap:10px;justify-content:center;margin:8px 0}.orn-line{height:1px;width:50px;background:linear-gradient(90deg,transparent,var(--gold))}.orn-line.r{background:linear-gradient(90deg,var(--gold),transparent)}.orn-dot{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}.section-title{font-size:0.82rem;color:var(--muted);margin-bottom:10px;text-align:center;letter-spacing:0.5px}.players-setup{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.player-setup-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px}.player-setup-card.p0{border-color:rgba(100,149,237,0.35)}.player-setup-card.p1{border-color:rgba(224,112,80,0.35)}.player-setup-card.p2{border-color:rgba(160,112,224,0.35)}.player-setup-card.p3{border-color:rgba(61,186,122,0.35)}.player-setup-card.p4{border-color:rgba(240,200,80,0.35)}.player-setup-card.p5{border-color:rgba(240,100,160,0.35)}.player-avatar-big{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;background:rgba(255,255,255,0.05)}.player-name-input{flex:1;background:var(--option-bg);border:1.5px solid var(--border);border-radius:10px;padding:9px 13px;font-family:'Cairo',sans-serif;font-size:0.9rem;color:var(--text);outline:none;transition:border-color 0.2s}.player-name-input:focus{border-color:var(--gold)}.player-count-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}.pc-btn{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);color:var(--text);font-size:1.4rem;font-weight:900;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;line-height:1}.pc-btn:hover{border-color:var(--gold);color:var(--gold)}.pc-btn:disabled{opacity:0.3;cursor:default}.pc-display{font-family:'Tajawal',sans-serif;font-size:2rem;font-weight:900;color:var(--gold);min-width:60px;text-align:center}.pc-label{font-size:0.78rem;color:var(--muted);text-align:center;margin-top:2px}.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.cat-tab{padding:7px 16px;border:1px solid var(--border);border-radius:50px;background:var(--card-bg);color:var(--muted);font-family:'Cairo',sans-serif;font-size:0.8rem;cursor:pointer;transition:all 0.2s}.cat-tab.active,.cat-tab:hover{background:var(--gold);color:var(--dark);border-color:var(--gold);font-weight:700}.qcount-wrap{margin-bottom:20px}.qcount-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qcount-btn{background:var(--card-bg);border:1.5px solid var(--border);border-radius:12px;padding:14px 6px;text-align:center;cursor:pointer;transition:all 0.22s;font-family:'Tajawal',sans-serif;position:relative;overflow:hidden}.qcount-btn .qn{font-size:1.4rem;font-weight:900;color:var(--text);display:block;line-height:1}.qcount-btn .ql{font-size:0.65rem;color:var(--muted);display:block;margin-top:4px}.qcount-btn.active{background:rgba(201,168,76,0.13);border-color:var(--gold);box-shadow:0 4px 16px rgba(201,168,76,0.18)}.qcount-btn:hover:not(.active){background:var(--border);border-color:var(--gold)}.qcount-btn.active .qn{color:var(--gold)}.qcount-btn.active .ql{color:var(--gold-light)}.qcount-btn.active::after{content:'✓';position:absolute;top:4px;left:6px;font-size:0.6rem;color:var(--gold);font-weight:900}.qcount-avail{font-size:0.72rem;color:var(--muted);text-align:center;margin-top:8px}.qcount-avail span{color:var(--gold);font-weight:700}.points-note{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:0.78rem;color:var(--muted);line-height:1.7;margin-bottom:18px;text-align:center}.points-note strong{color:var(--gold)}.start-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border:none;border-radius:14px;font-family:'Tajawal',sans-serif;font-size:1.05rem;font-weight:900;cursor:pointer;transition:all 0.25s;box-shadow:0 6px 24px rgba(201,168,76,0.28)}.start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,0.38)}.site-footer{text-align:center;margin:32px auto 16px;padding-top:18px;border-top:1px solid var(--border);max-width:600px;font-size:0.78rem;color:var(--muted);font-family:'Tajawal',sans-serif;line-height:1.8}.site-footer strong{color:var(--gold);font-weight:700}.footer-links{margin-top:8px;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px}.footer-links a{cursor:pointer;color:var(--gold);padding:2px 6px;transition:opacity 0.15s}.footer-links a:hover{opacity:0.7}.footer-links .fl-sep{color:var(--border)}.info-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:9600;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);padding:16px;animation:infoFadeIn 0.25s ease}@keyframes infoFadeIn{from{opacity:0}to{opacity:1}}.info-modal{background:var(--card-bg);border:2px solid var(--gold);border-radius:18px;padding:28px 24px 24px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 16px 50px rgba(0,0,0,0.5)}.info-modal-close{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);border:none;color:var(--text);font-size:1.4rem;cursor:pointer;line-height:1}.info-modal-close:hover{background:var(--gold);color:var(--dark)}.info-modal h2{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.4rem;text-align:center;margin-bottom:14px}.info-modal p{color:var(--text);font-size:0.95rem;line-height:1.85;margin-bottom:10px}.info-modal ul{padding-right:18px;color:var(--text);font-size:0.92rem;line-height:1.9}.info-modal li{margin-bottom:6px}.info-modal .info-divider{border:none;border-top:1px dashed var(--border);margin:14px 0}.info-modal .info-credit{text-align:center;margin-top:16px;font-size:0.82rem;color:var(--muted)}.info-modal .info-pill{display:inline-block;background:rgba(201,168,76,0.12);border:1px solid var(--gold);color:var(--gold);border-radius:50px;padding:4px 12px;font-size:0.82rem;margin:2px;font-weight:700}.info-modal a.info-link{color:var(--gold);text-decoration:none;padding:6px 14px;background:rgba(201,168,76,0.12);border:1px solid var(--gold);border-radius:10px;display:inline-block;margin:4px}.info-modal a.info-link:hover{background:rgba(201,168,76,0.22)}.install-btn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));right:14px;z-index:9997;background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border:none;border-radius:50px;padding:10px 18px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.88rem;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,0.4);display:flex;align-items:center;gap:6px;animation:installBounce 0.6s cubic-bezier(0.5,0,0.3,1.3);transition:transform 0.15s}.install-btn:hover{transform:scale(1.05)}.install-btn-x{background:none;border:none;color:var(--dark);padding:0;margin-right:2px;font-size:1rem;cursor:pointer;opacity:0.6}.install-btn-x:hover{opacity:1}@keyframes installBounce{0%{transform:translateY(60px);opacity:0}100%{transform:translateY(0);opacity:1}}.tutorial-overlay{position:fixed;inset:0;z-index:9700;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:tutorialFadeIn 0.35s ease}@keyframes tutorialFadeIn{from{opacity:0}to{opacity:1}}.tutorial-modal{background:var(--card-bg);border:2px solid var(--gold);border-radius:22px;padding:32px 24px 22px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.tutorial-slide{display:none;min-height:240px}.tutorial-slide.active{display:block;animation:tutorialSlideIn 0.35s ease}@keyframes tutorialSlideIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tutorial-icon{font-size:4rem;line-height:1;margin-bottom:14px;filter:drop-shadow(0 0 20px rgba(201,168,76,0.4))}.tutorial-title{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.5rem;margin-bottom:10px}.tutorial-body{color:var(--text);font-size:0.98rem;line-height:1.8}.tutorial-body strong{color:var(--gold)}.tutorial-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 14px}.tutorial-dots .dot{width:9px;height:9px;border-radius:50%;background:var(--border);transition:all 0.25s}.tutorial-dots .dot.active{background:var(--gold);transform:scale(1.25)}.tutorial-actions{display:flex;gap:10px}.tutorial-actions button{flex:1;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:var(--option-bg);color:var(--text);font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.92rem;cursor:pointer;transition:all 0.15s}.tutorial-actions button.primary{background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border-color:var(--gold);font-weight:900}.tutorial-actions button:hover{transform:translateY(-1px)}#landingScreen,#setupScreen,#profileScreen,#gameLbScreen,#adminScreen,#trapScreen,#xoScreen,#c4Screen,#memScreen,#defuseScreen,#onlineScreen{animation:screenFadeIn 0.25s ease}@keyframes screenFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.scoreboard{display:flex;gap:8px;max-width:760px;margin:0 auto 20px;flex-wrap:wrap;justify-content:center}.scoreboard.many .score-card{min-width:80px;padding:10px 6px}.scoreboard.many .sc-points{font-size:1.2rem}.scoreboard.many .sc-name{font-size:0.65rem}.scoreboard.many .sc-avatar{font-size:1.1rem}.score-card{flex:1;background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;padding:12px 8px;text-align:center;position:relative;transition:all 0.3s}.score-card.active-turn{transform:translateY(-4px)}.score-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:16px 16px 0 0}.sc-avatar{font-size:1.3rem;margin-bottom:3px}.sc-name{font-size:0.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.sc-points{font-family:'Tajawal',sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.sc-lbl{font-size:0.62rem;color:var(--muted);margin-top:2px}.delta-badge{position:absolute;top:-10px;right:6px;background:var(--correct);color:#fff;font-family:'Tajawal',sans-serif;font-size:0.7rem;font-weight:900;padding:2px 7px;border-radius:50px;animation:popIn 0.4s ease;pointer-events:none}.quiz-wrap{max-width:700px;margin:0 auto}.quiz-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px 26px;position:relative;box-shadow:0 16px 50px rgba(0,0,0,0.5),inset 0 1px 0 rgba(201,168,76,0.08);animation:fadeUp 0.5s ease}.quiz-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:20px 20px 0 0}.progress-bar-wrap{background:var(--border);height:4px;border-radius:4px;margin-bottom:22px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:4px;transition:width 0.5s ease}.meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cat-badge{padding:3px 12px;border-radius:50px;font-size:0.7rem;font-weight:700}.cat-general{background:rgba(100,149,237,0.15);color:#6495ed;border:1px solid rgba(100,149,237,0.3)}.cat-religion{background:rgba(61,186,122,0.12);color:#3dba7a;border:1px solid rgba(61,186,122,0.3)}.cat-geography{background:rgba(201,168,76,0.12);color:var(--gold);border:1px solid rgba(201,168,76,0.3)}.cat-science{background:rgba(80,200,220,0.12);color:#50c8dc;border:1px solid rgba(80,200,220,0.3)}.cat-history{background:rgba(210,140,80,0.13);color:#d28c50;border:1px solid rgba(210,140,80,0.3)}.cat-sports{background:rgba(80,200,120,0.12);color:#50c878;border:1px solid rgba(80,200,120,0.3)}.cat-arts{background:rgba(200,100,200,0.12);color:#c864c8;border:1px solid rgba(200,100,200,0.3)}.cat-saudi{background:rgba(46,160,67,0.14);color:#3cb95a;border:1px solid rgba(46,160,67,0.32)}.cat-movies{background:rgba(224,86,122,0.13);color:#e0567a;border:1px solid rgba(224,86,122,0.3)}.cat-health{background:rgba(31,182,176,0.14);color:#2cc4be;border:1px solid rgba(31,182,176,0.32)}.cat-physio{background:rgba(124,92,214,0.13);color:#9b80e8;border:1px solid rgba(124,92,214,0.32)}.cat-nutrition{background:rgba(124,179,66,0.14);color:#9bc55a;border:1px solid rgba(124,179,66,0.32)}
.cat-gaming{background:rgba(180,80,230,0.16);color:#c98aff;border:1px solid rgba(180,80,230,0.36)}
.lobby-player-chip.swappable{cursor:pointer;transition:transform 0.15s,box-shadow 0.15s,border-color 0.15s}
.lobby-player-chip.swappable:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 4px 14px rgba(201,168,76,0.28)}
.lobby-player-chip.swappable:active{transform:translateY(0)}
.lobby-player-chip.me{border-color:var(--gold);background:rgba(201,168,76,0.1)}
.lobby-player-chip.unassigned{border-color:#888;background:rgba(255,255,255,0.04);opacity:0.85;animation:lobbyUnassignedPulse 1.6s ease-in-out infinite alternate}
@keyframes lobbyUnassignedPulse{from{box-shadow:0 0 0 rgba(255,255,255,0)}to{box-shadow:0 0 10px rgba(255,255,255,0.18)}}
.lobby-unassigned{margin:14px auto 0;max-width:520px;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,0.04);border:1px dashed rgba(255,255,255,0.18);border-radius:14px;padding:10px 14px}
.lobby-unassigned-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.84rem;color:var(--muted);text-align:center}
.lobby-team-picker{margin:16px auto 0;max-width:520px;display:flex;flex-direction:column;gap:10px;padding:14px;background:linear-gradient(160deg,rgba(201,168,76,0.06),rgba(160,112,224,0.06));border:1.5px solid rgba(201,168,76,0.28);border-radius:16px;animation:fadeUp 0.4s ease}
.lobby-team-picker-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1rem;color:var(--gold);text-align:center}
.lobby-team-picker-row{display:flex;gap:10px;flex-wrap:wrap}
.lobby-team-pick-btn{flex:1;min-width:140px;padding:14px 12px;border-radius:14px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:1rem;cursor:pointer;border:2px solid;transition:transform 0.15s,box-shadow 0.18s;background:transparent}
.lobby-team-pick-btn.t0{color:#6495ed;border-color:#6495ed;box-shadow:inset 0 0 24px rgba(100,149,237,0.12)}
.lobby-team-pick-btn.t0:hover{background:rgba(100,149,237,0.16);box-shadow:0 6px 22px rgba(100,149,237,0.35)}
.lobby-team-pick-btn.t1{color:#e07050;border-color:#e07050;box-shadow:inset 0 0 24px rgba(224,112,80,0.12)}
.lobby-team-pick-btn.t1:hover{background:rgba(224,112,80,0.16);box-shadow:0 6px 22px rgba(224,112,80,0.35)}
.lobby-team-pick-btn:active{transform:scale(0.97)}
.lobby-host-team-tools{margin:14px auto 0;max-width:520px;display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.25);border-radius:12px}
.lobby-host-tools-hint{font-size:0.78rem;color:var(--muted);text-align:center}
.lobby-balance-btn{padding:10px 14px;border:1.5px solid var(--gold);border-radius:10px;background:rgba(201,168,76,0.08);color:var(--gold);font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.92rem;cursor:pointer;transition:background 0.18s,transform 0.12s}
.lobby-balance-btn:hover{background:rgba(201,168,76,0.18)}
.lobby-balance-btn:active{transform:scale(0.97)}.cat-section-label{flex-basis:100%;text-align:center;font-family:'Tajawal',sans-serif;font-size:0.78rem;font-weight:700;color:var(--gold);margin:6px 0 2px;padding-top:4px;border-top:1px dashed var(--border);opacity:0.85}.section-pill{display:inline-block;background:rgba(201,168,76,0.12);color:var(--gold);border:1.5px solid var(--gold);border-radius:50px;padding:6px 16px;font-family:'Tajawal',sans-serif;font-size:0.88rem;font-weight:700;box-shadow:0 0 0 3px rgba(201,168,76,0.05);white-space:nowrap}.section-divider{display:flex;align-items:center;gap:12px;margin:22px 0 12px}.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:0.45}.acc{background:var(--option-bg);border:1.5px solid var(--border);border-radius:14px;margin-top:10px;overflow:hidden;transition:border-color 0.2s}.acc.open{border-color:var(--gold)}.acc-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none}.acc-head:hover{background:rgba(201,168,76,0.05)}.acc-icon{font-size:1.15rem;line-height:1}.acc-title{font-family:'Tajawal',sans-serif;font-weight:800;color:var(--text);font-size:0.95rem;flex-shrink:0}.acc-summary{margin-right:auto;font-family:'Tajawal',sans-serif;font-size:0.82rem;color:var(--gold);font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-chev{color:var(--gold);font-size:0.9rem;transition:transform 0.22s;flex-shrink:0}.acc.open .acc-chev{transform:rotate(180deg)}.acc-body{display:none;padding:6px 14px 14px;border-top:1px dashed var(--border)}.acc.open .acc-body{display:block}.online-submode-row{display:flex;gap:10px;margin-bottom:12px}.submode-card{flex:1;background:var(--option-bg);border:1.5px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;cursor:pointer;transition:all 0.18s}.submode-card:hover{border-color:var(--gold)}.submode-card.active{border-color:var(--gold);background:rgba(201,168,76,0.12);box-shadow:0 0 0 3px rgba(201,168,76,0.05)}.spin-team-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:9500;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.spin-team-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.3rem;color:var(--gold);margin-bottom:18px}.spin-team-pill{font-family:'Tajawal',sans-serif;font-weight:900;font-size:2.2rem;padding:18px 36px;border-radius:18px;border:2.5px solid;min-width:240px;text-align:center;transition:transform 0.18s,box-shadow 0.18s}.team-turn-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;margin-bottom:12px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.95rem}.team-turn-banner.t0{background:rgba(100,149,237,0.15);border:1px solid #6495ed;color:#6495ed}.team-turn-banner.t1{background:rgba(224,112,80,0.15);border:1px solid #e07050;color:#e07050}.online-opt.spectating{opacity:0.55;pointer-events:none}.online-team-roster{display:flex;gap:10px;margin-bottom:12px}.online-team-col{flex:1;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:10px;min-height:120px}.online-gametype-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.gametype-card{flex:1 1 calc(33% - 8px);min-width:120px;background:var(--option-bg);border:1.5px solid var(--border);border-radius:16px;padding:18px 10px;text-align:center;cursor:pointer;transition:all 0.2s}.gametype-card:hover{border-color:var(--gold);transform:translateY(-1px)}.gametype-card.active{border-color:var(--gold);background:rgba(201,168,76,0.12);box-shadow:0 0 0 3px rgba(201,168,76,0.06)}.gt-icon{font-size:2.2rem;line-height:1}.gt-label{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);margin-top:8px;font-size:1.05rem}.gt-sub{font-size:0.75rem;color:var(--muted);margin-top:3px}#trapScreen{max-width:760px;margin:0 auto;padding:20px 16px 40px}.trap-rules{background:var(--option-bg);border:1px dashed var(--border);border-radius:12px;padding:14px;margin:10px 0 14px}.trap-rule{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;color:var(--text);padding:5px 0;line-height:1.75}.trap-rule-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--dark);font-weight:900;font-family:'Tajawal',sans-serif;font-size:0.85rem;flex-shrink:0;margin-top:1px}.trap-rule-text{flex:1;min-width:0}.trap-vs-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.trap-player-card{flex:1;max-width:200px;background:var(--card-bg);border:2px solid var(--border);border-radius:16px;padding:18px 10px;text-align:center;transition:border-color 0.25s}.trap-player-card.p0{border-color:#6495ed55}.trap-player-card.p1{border-color:#e07050}.trap-player-card.ready{box-shadow:0 0 0 3px rgba(201,168,76,0.15)}.tpc-avatar{font-size:2.4rem;line-height:1;margin-bottom:6px}.tpc-name{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--text);font-size:0.95rem}.trap-vs-emoji{font-size:1.8rem}.trap-phase-banner{background:rgba(201,168,76,0.12);border:1.5px solid var(--gold);border-radius:12px;padding:12px 16px;text-align:center;color:var(--gold);font-family:'Tajawal',sans-serif;font-weight:700;margin-bottom:14px;font-size:0.92rem}.trap-name-row{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.trap-board-name{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--text);font-size:0.95rem}.trap-plant-progress{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1rem}.trap-hearts{display:inline-flex;gap:3px;font-size:1.1rem}.trap-hearts .heart-lost{filter:grayscale(1) brightness(0.5)}.trap-board-wrap{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px}.trap-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trap-cell{aspect-ratio:1;background:var(--option-bg);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all 0.18s;display:flex;align-items:center;justify-content:center;font-size:1.4rem;user-select:none}.trap-cell:hover{border-color:var(--gold);transform:scale(1.04)}.trap-cell.disabled{pointer-events:none;opacity:0.7}.trap-cell.planted{background:rgba(201,168,76,0.15);border-color:var(--gold)}.trap-cell.planted::after{content:'💣';font-size:1.1rem}.trap-cell.revealed-safe{background:rgba(61,186,122,0.18);border-color:#3dba7a;cursor:default;pointer-events:none}.trap-cell.revealed-safe::after{content:'✅';font-size:1rem}.trap-cell.revealed-bomb{background:rgba(224,92,92,0.22);border-color:#e05c5c;animation:trapBoom 0.5s ease;cursor:default;pointer-events:none}.trap-cell.revealed-bomb::after{content:'💥';font-size:1.3rem}.trap-board-label{text-align:center;font-size:0.75rem;color:var(--muted);margin-top:8px}.trap-battle-boards{display:flex;gap:10px;flex-direction:column}@media (min-width:600px){.trap-battle-boards{flex-direction:row}.trap-battle-boards>*{flex:1}}.trap-turn-banner{background:rgba(100,149,237,0.12);border:1.5px solid #6495ed;color:#6495ed;border-radius:12px;padding:10px 14px;text-align:center;font-family:'Tajawal',sans-serif;font-weight:900;margin-bottom:14px;font-size:0.95rem}
.trap-powerup-bar{display:none;gap:8px;justify-content:center;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.trap-pup-btn{background:rgba(201,168,76,0.08);border:1.5px solid var(--border);color:var(--muted);border-radius:10px;padding:7px 12px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.86rem;cursor:pointer;display:flex;align-items:center;gap:6px;opacity:0.55;transition:all 0.2s}
.trap-pup-btn.has{border-color:var(--gold);background:rgba(201,168,76,0.18);color:var(--gold);opacity:1;cursor:pointer}
.trap-pup-btn.has:hover{background:rgba(201,168,76,0.28)}
.trap-pup-btn:active{transform:scale(0.95)}
.trap-pup-icon{font-size:1.1rem;line-height:1}
.trap-pup-count{background:var(--gold);color:#000;padding:0 7px;border-radius:8px;font-size:0.78rem;font-weight:900;min-width:18px;text-align:center;display:none}
.trap-pup-btn.has .trap-pup-count{display:inline-block}
.trap-pup-btn[data-pup="shield"].active{box-shadow:0 0 18px rgba(100,180,255,0.55);border-color:#66bbff;color:#66bbff;background:rgba(100,180,255,0.15)}
.trap-streak-pill{font-size:0.78rem;color:var(--muted);background:rgba(255,140,40,0.12);border:1px solid rgba(255,140,40,0.5);padding:5px 10px;border-radius:8px;font-weight:700;margin-left:6px}
.trap-streak-pill.hot{color:#ff8800;border-color:#ff8800;animation:trapStreakPulse 0.9s ease-in-out infinite alternate}
@keyframes trapStreakPulse{from{box-shadow:0 0 0 0 rgba(255,140,40,0.3)}to{box-shadow:0 0 12px rgba(255,140,40,0.5)}}
.trap-cell.scanned-safe::after,.trap-cell.scanned-bomb::after{content:'';position:absolute;top:2px;right:2px;font-size:0.7rem;pointer-events:none;line-height:1}
.trap-cell.scanned-safe::after{content:'🔍'}
.trap-cell.scanned-bomb::after{content:'⚠️'}
.trap-cell{position:relative}
.trap-shield-glow{box-shadow:0 0 18px rgba(100,180,255,0.5) !important;border-color:#66bbff !important}.trap-turn-banner.my-turn{background:rgba(61,186,122,0.15);border-color:#3dba7a;color:#3dba7a}.trap-turn-banner.opp-turn{background:rgba(224,112,80,0.12);border-color:#e07050;color:#e07050}.trap-end-card{background:var(--card-bg);border:2px solid var(--gold);border-radius:18px;padding:30px 20px;text-align:center;margin-top:40px}.trap-end-emoji{font-size:4rem;line-height:1}.trap-end-text{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.4rem;margin-top:14px}@keyframes trapBoom{0%{transform:scale(1)}30%{transform:scale(1.18)}100%{transform:scale(1)}}.trap-boom-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center}.trap-boom-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,80,80,0.55) 0%,rgba(255,80,80,0.25) 30%,transparent 70%);animation:trapBoomFlash 0.7s ease-out forwards;opacity:0}.trap-boom-bomb{position:relative;font-size:7rem;line-height:1;animation:trapBombFall 0.55s cubic-bezier(0.4,0,0.7,1) forwards;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.5))}.trap-boom-explode{position:relative;font-size:9rem;line-height:1;animation:trapBombExplode 0.55s ease-out forwards}@keyframes trapBombFall{0%{transform:translateY(-110vh) rotate(-20deg);opacity:0}15%{opacity:1}100%{transform:translateY(0) rotate(380deg);opacity:1}}@keyframes trapBombExplode{0%{transform:scale(0.4) rotate(0deg);opacity:0}20%{opacity:1;transform:scale(1.4) rotate(15deg)}60%{transform:scale(1.8) rotate(-10deg)}100%{transform:scale(2.2) rotate(20deg);opacity:0}}@keyframes trapBoomFlash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@keyframes trapShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-7px)}20%,40%,60%,80%{transform:translateX(7px)}}body.trap-shake{animation:trapShake 0.5s ease-in-out}@keyframes trapHeartBreak{0%{transform:scale(1)}30%{transform:scale(1.5) rotate(-12deg);filter:hue-rotate(0deg)}60%{transform:scale(0.9) rotate(15deg)}100%{transform:scale(1) rotate(0);filter:grayscale(1) brightness(0.5)}}.trap-hearts .heart-just-lost{animation:trapHeartBreak 0.8s ease-out forwards}.trap-heart-float{position:absolute;font-family:'Tajawal',sans-serif;font-weight:900;color:#e05c5c;font-size:1.4rem;text-shadow:0 2px 6px rgba(0,0,0,0.5);pointer-events:none;animation:trapHeartFloat 1.2s ease-out forwards;z-index:8500}@keyframes trapHeartFloat{0%{opacity:0;transform:translateY(0) scale(0.7)}20%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-60px) scale(0.9)}}@keyframes trapPlantPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(201,168,76,0.6)}50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(201,168,76,0)}100%{transform:scale(1);box-shadow:none}}.trap-cell.just-planted{animation:trapPlantPulse 0.5s ease-out}@keyframes trapSafeBounce{0%{transform:scale(0.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}.trap-cell.revealed-safe.just-revealed{animation:trapSafeBounce 0.4s ease-out}.trap-bot-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;background:var(--option-bg);border:1.5px dashed var(--border);border-radius:12px;cursor:pointer;user-select:none;font-family:'Tajawal',sans-serif;font-weight:700;color:var(--text);font-size:0.92rem;transition:all 0.2s}.trap-bot-toggle:hover{border-color:var(--gold)}.trap-bot-toggle input[type="checkbox"]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.trap-bot-hint{font-size:0.75rem;color:var(--muted);font-weight:400}#xoScreen{max-width:520px;margin:0 auto;padding:20px 16px 40px}.xo-score-row{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:14px;font-family:'Tajawal',sans-serif;font-weight:900}.xo-score{display:flex;align-items:center;gap:8px;font-size:0.95rem}.xo-score.x{color:#6495ed}.xo-score.o{color:#e07050}.xo-score-val{display:inline-block;min-width:30px;text-align:center;padding:4px 10px;background:var(--option-bg);border-radius:10px;font-size:1.15rem}.xo-score-sep{color:var(--muted);font-size:1.1rem}.xo-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:14px;aspect-ratio:1}.xo-cell{background:var(--option-bg);border:1.5px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;font-weight:900;font-size:3.4rem;cursor:pointer;transition:all 0.18s;user-select:none;line-height:1;min-height:0;min-width:0}.xo-cell:hover:not(.filled):not(.disabled){border-color:var(--gold);background:rgba(201,168,76,0.08);transform:scale(1.03)}.xo-cell.filled,.xo-cell.disabled{cursor:default}.xo-cell.x{color:var(--xo-x,#6495ed);text-shadow:0 0 12px rgba(100,149,237,0.35)}.xo-cell.o{color:var(--xo-o,#a070e0);text-shadow:0 0 12px rgba(160,112,224,0.35)}.xo-cell.win{background:rgba(201,168,76,0.18);border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,0.15);animation:xoWinPulse 0.7s ease infinite alternate}.xo-score.x{color:var(--xo-x,#6495ed)}.xo-score.o{color:var(--xo-o,#a070e0)}body.theme-purple,body.theme-darkpurple{--xo-x:#3dba7a;--xo-o:#e0a040}body.theme-gold{--xo-x:#6495ed;--xo-o:#3dba7a}#c4Screen{max-width:560px;margin:0 auto;padding:20px 16px 40px}.xo-score.c4-r{color:#e05c5c}.xo-score.c4-y{color:#f0c040}.c4-board-wrap{background:#1f4ea0;border:2px solid #2c63c8;border-radius:18px;padding:12px;box-shadow:0 6px 24px rgba(31,78,160,0.25);position:relative}.c4-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.c4-col-btn{background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,255,255,0.15);border-radius:8px;cursor:pointer;padding:6px 0;color:rgba(255,255,255,0.5);font-weight:900;font-size:0.85rem;transition:all 0.18s}.c4-col-btn:hover:not(.disabled):not(.full){background:rgba(255,255,255,0.15);color:#fff;transform:translateY(-1px)}.c4-col-btn.disabled,.c4-col-btn.full{cursor:default;opacity:0.4}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:6px;aspect-ratio:7/6}.c4-cell{background:#0d2459;border-radius:50%;position:relative;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.c4-disc-piece{width:88%;height:88%;border-radius:50%;box-shadow:inset 0 4px 8px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.3)}.c4-disc-piece.dropping{animation:c4Drop 0.4s cubic-bezier(0.5,0,0.5,1.5)}.c4-disc-piece.r{background:radial-gradient(circle at 30% 30%,#ff8080,#c03030)}.c4-disc-piece.y{background:radial-gradient(circle at 30% 30%,#ffe080,#c8a030)}.c4-disc-piece.win{animation:c4WinPulse 0.7s ease infinite alternate}@keyframes c4Drop{0%{transform:translateY(-300px)}75%{transform:translateY(8px)}100%{transform:translateY(0)}}@keyframes c4WinPulse{from{box-shadow:inset 0 4px 8px rgba(0,0,0,0.25),0 0 0 0 rgba(255,255,255,0.4)}to{box-shadow:inset 0 4px 8px rgba(0,0,0,0.25),0 0 0 6px rgba(255,255,255,0.7)}}#memScreen{max-width:520px;margin:0 auto;padding:20px 16px 40px}.mem-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:14px}.mem-card{aspect-ratio:1;perspective:600px;cursor:pointer}.mem-card-inner{position:relative;width:100%;height:100%;transition:transform 0.45s;transform-style:preserve-3d}.mem-card.flipped .mem-card-inner,.mem-card.matched .mem-card-inner{transform:rotateY(180deg)}.mem-card-face,.mem-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center}.mem-card-back{background:linear-gradient(135deg,var(--gold),#a8720c);border:1.5px solid var(--gold);font-size:2rem;color:rgba(0,0,0,0.4)}.mem-card-face{background:var(--option-bg);border:1.5px solid var(--gold);transform:rotateY(180deg);font-size:2.4rem}.mem-card.matched .mem-card-face{background:rgba(61,186,122,0.18);border-color:#3dba7a;animation:memMatchPulse 0.6s ease}.mem-card.disabled{pointer-events:none}@keyframes memMatchPulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.12)}100%{transform:rotateY(180deg) scale(1)}}#defuseScreen{max-width:580px;margin:0 auto;padding:20px 16px 40px}.defuse-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:10px 14px;margin-bottom:12px}.defuse-timer-box{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.25rem;color:var(--gold)}.defuse-timer-box.low{color:#e05c5c;animation:defuseTimerPulse 0.5s ease infinite alternate}@keyframes defuseTimerPulse{from{transform:scale(1)}to{transform:scale(1.1)}}.defuse-score-box{font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.9rem;display:flex;align-items:center;gap:8px}.defuse-role-banner{background:rgba(201,168,76,0.12);border:1.5px solid var(--gold);border-radius:12px;padding:10px 14px;text-align:center;color:var(--gold);font-family:'Tajawal',sans-serif;font-weight:900;margin-bottom:14px;font-size:1rem}.defuse-role-banner.expert{background:rgba(100,149,237,0.12);border-color:#6495ed;color:#6495ed}.defuse-bomb-panel{background:linear-gradient(180deg,#2a2018,#1a1410);border:2px solid #5a4030;border-radius:18px;padding:18px 14px;box-shadow:0 8px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05)}.defuse-info-row{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed rgba(255,255,255,0.12)}.defuse-info-item{display:flex;flex-direction:column;align-items:center;gap:4px}.dii-lbl{font-size:0.72rem;color:#a0907c;font-weight:700}.dii-val{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.15rem;color:#f0d080;letter-spacing:2px;background:rgba(0,0,0,0.3);padding:4px 12px;border-radius:8px}.defuse-wires{display:flex;flex-direction:column;gap:10px}.defuse-wire{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:8px 10px}.defuse-wire-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.08);color:#f0d080;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.9rem;flex-shrink:0}.defuse-wire-line{flex:1;height:6px;border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.4),0 0 6px currentColor}.defuse-wire-line.dw-red{background:#e05c5c;color:#e05c5c66}.defuse-wire-line.dw-blue{background:#6495ed;color:#6495ed66}.defuse-wire-line.dw-yellow{background:#f0c040;color:#f0c04066}.defuse-wire-line.dw-white{background:#f0f0f0;color:#f0f0f066}.defuse-wire-line.dw-black{background:#3a3a3a;color:#88888866;box-shadow:inset 0 1px 2px rgba(0,0,0,0.4)}.defuse-cut-btn{background:linear-gradient(135deg,#e05c5c,#9a3030);border:none;border-radius:8px;color:#fff;padding:6px 14px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.85rem;cursor:pointer;flex-shrink:0;transition:all 0.18s}.defuse-cut-btn:hover{background:linear-gradient(135deg,#ff7070,#b04040);transform:scale(1.05)}.defuse-cut-btn:disabled{opacity:0.4;cursor:not-allowed}.defuse-wire.cut .defuse-wire-line{opacity:0.25}.defuse-wire.cut .defuse-wire-line::after{content:'✂️'}.defuse-hint{background:rgba(100,149,237,0.1);border:1px dashed #6495ed55;border-radius:10px;padding:10px 14px;margin-top:14px;text-align:center;font-size:0.85rem;color:var(--text)}.defuse-manual{background:linear-gradient(180deg,#fdf6e3,#e8dcc0);border:2px solid #b8956c;border-radius:14px;padding:16px 18px;color:#3a2818;box-shadow:0 8px 20px rgba(0,0,0,0.25)}.defuse-manual-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.1rem;color:#5a3818;text-align:center;padding-bottom:10px;border-bottom:1.5px solid #b8956c66;margin-bottom:10px}.defuse-manual-sub{text-align:center;font-size:0.78rem;color:#7a5828;margin-bottom:10px;opacity:0.85}.defuse-rules{list-style:none;padding:0;margin:0;counter-reset:rule}.defuse-rules li{counter-increment:rule;padding:8px 38px 8px 10px;position:relative;font-size:0.9rem;line-height:1.7;border-bottom:1px dashed #b8956c44}.defuse-rules li:last-child{border-bottom:none}.defuse-rules li::before{content:counter(rule);position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#5a3818;color:#fdf6e3;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.78rem}.defuse-rules li b{color:#9a3030}@keyframes xoWinPulse{from{box-shadow:0 0 0 3px rgba(201,168,76,0.15)}to{box-shadow:0 0 0 6px rgba(201,168,76,0.35)}}.online-team-col.t0{border-color:#6495ed55}.online-team-col.t1{border-color:#e0705055}.online-team-col-title{text-align:center;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.95rem;margin-bottom:8px}.online-team-col.t0 .online-team-col-title{color:#6495ed}.online-team-col.t1 .online-team-col-title{color:#e07050}.q-num{font-size:0.76rem;color:var(--muted)}.question{font-family:'Tajawal',sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;line-height:1.65;margin-bottom:20px;color:var(--text)}.turn-indicator{display:flex;align-items:center;gap:10px;background:var(--option-bg);border-radius:12px;padding:10px 15px;margin-bottom:16px;border:1px solid var(--border);font-size:0.85rem;transition:all 0.3s}.turn-avatar{font-size:1.2rem}.turn-text{font-weight:700}.turn-text.p1c{color:var(--p1)}.turn-text.p2c{color:var(--p2)}.turn-text.p3c{color:var(--p3)}.turn-sub{color:var(--muted);font-size:0.72rem;margin-top:1px}.dots-row{display:flex;gap:5px;margin-right:auto}.dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:1.5px solid var(--border);transition:all 0.3s}.dot.answered{background:var(--correct);border-color:var(--correct)}.dot.wrong-dot{background:var(--wrong);border-color:var(--wrong)}.dot.pending{border-color:var(--gold);background:transparent;animation:pulse 1.2s infinite}.options{display:flex;flex-direction:column;gap:10px}.option{background:var(--option-bg);border:1.5px solid var(--border);border-radius:13px;padding:12px 16px;cursor:pointer;transition:all 0.2s;font-family:'Cairo',sans-serif;font-size:0.9rem;color:var(--text);display:flex;align-items:center;gap:12px;position:relative}.option:hover:not(.disabled){border-color:var(--gold);color:var(--gold);transform:translateX(-3px)}.option.disabled{cursor:default}.option.correct{background:rgba(61,186,122,0.12);border-color:var(--correct);color:var(--correct)}.option.wrong{background:rgba(224,92,92,0.09);border-color:var(--wrong);color:var(--wrong)}.option.reveal-correct{background:rgba(61,186,122,0.06);border-color:rgba(61,186,122,0.35);color:var(--correct)}.opt-letter{width:26px;height:26px;border-radius:50%;background:var(--border);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;flex-shrink:0;transition:all 0.2s}.option.correct .opt-letter{background:var(--correct);color:#fff;border-color:var(--correct)}.option.wrong .opt-letter{background:var(--wrong);color:#fff;border-color:var(--wrong)}.option.reveal-correct .opt-letter{background:rgba(61,186,122,0.2);color:var(--correct);border-color:var(--correct)}.opt-voters{margin-right:auto;display:flex;gap:3px;flex-shrink:0}.voter-chip{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;border:1.5px solid transparent}.voter-chip.p1c{background:var(--p1-bg);border-color:var(--p1)}.voter-chip.p2c{background:var(--p2-bg);border-color:var(--p2)}.voter-chip.p3c{background:var(--p3-bg);border-color:var(--p3)}.feedback{margin-top:16px;border-radius:14px;font-size:0.83rem;line-height:1.6;display:none;animation:fadeUp 0.45s ease;overflow:hidden}.feedback.show{display:block}.fb-header{padding:12px 16px;font-weight:700;font-size:0.88rem;display:flex;align-items:center;gap:8px}.feedback.correct-fb .fb-header{background:rgba(61,186,122,0.13);border-bottom:1px solid rgba(61,186,122,0.18);color:var(--correct)}.feedback.wrong-fb .fb-header{background:rgba(224,92,92,0.1);border-bottom:1px solid rgba(224,92,92,0.18);color:#e07070}.feedback.split-fb .fb-header{background:rgba(201,168,76,0.1);border-bottom:1px solid rgba(201,168,76,0.2);color:var(--gold)}.fb-exp{padding:12px 16px;background:var(--option-bg);border-right:3px solid var(--gold);color:var(--text);font-size:0.82rem;line-height:1.7;display:flex;gap:10px;align-items:flex-start}.fb-exp-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.fb-exp-text{flex:1}.fb-exp-label{font-size:0.68rem;color:var(--gold);font-weight:700;letter-spacing:0.5px;margin-bottom:3px;text-transform:uppercase}.feedback.correct-fb{border:1px solid rgba(61,186,122,0.25)}.feedback.wrong-fb{border:1px solid rgba(224,92,92,0.22)}.feedback.split-fb{border:1px solid rgba(201,168,76,0.28)}.pts-summary{padding:10px 16px;background:var(--option-bg);display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--border)}.pts-chip{padding:3px 10px;border-radius:50px;font-size:0.75rem;font-weight:700}.pts-chip.p1c{background:var(--p1-bg);color:var(--p1)}.pts-chip.p2c{background:var(--p2-bg);color:var(--p2)}.pts-chip.p3c{background:var(--p3-bg);color:var(--p3)}.next-btn{margin-top:18px;width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border:none;border-radius:13px;font-family:'Tajawal',sans-serif;font-size:0.98rem;font-weight:900;cursor:pointer;transition:all 0.25s;display:none;box-shadow:0 4px 20px rgba(201,168,76,0.22)}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,0.32)}.next-btn.show{display:block;animation:fadeUp 0.4s ease}.final-screen{display:none;max-width:600px;margin:0 auto;animation:fadeUp 0.7s ease}.final-screen.show{display:block}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:24px;margin-top:10px}.podium-item{flex:1;max-width:160px;text-align:center}.podium-block{border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px}.podium-emoji{font-size:1.8rem;margin-bottom:5px}.podium-rank{font-family:'Tajawal',sans-serif;font-size:1.6rem;font-weight:900}.podium-rank.gold{color:#ffd700}.podium-rank.silver{color:#c0c0c0}.podium-rank.bronze{color:#cd7f32}.podium-name{font-weight:700;font-size:0.82rem;margin-top:5px}.podium-score{font-family:'Tajawal',sans-serif;font-size:1.2rem;font-weight:900;margin-top:2px}.podium-score-lbl{font-size:0.66rem;color:var(--muted)}.final-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:26px;position:relative;overflow:hidden}.final-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p1),var(--gold),var(--p3))}.final-title{text-align:center;font-family:'Tajawal',sans-serif;font-size:1.3rem;font-weight:900;color:var(--gold);margin-bottom:18px}.final-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.final-row{display:flex;align-items:center;gap:12px;background:var(--option-bg);border-radius:12px;padding:12px 15px;border:1px solid var(--border)}.final-row.p1{border-color:rgba(100,149,237,0.3)}.final-row.p2{border-color:rgba(224,112,80,0.3)}.final-row.p3{border-color:rgba(160,112,224,0.3)}.final-rank-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.82rem;font-weight:900;flex-shrink:0}.fr-avatar{font-size:1.2rem}.fr-name{font-weight:700;font-size:0.88rem;flex:1}.fr-name.p1c{color:var(--p1)}.fr-name.p2c{color:var(--p2)}.fr-name.p3c{color:var(--p3)}.fr-score{font-family:'Tajawal',sans-serif;font-size:1.25rem;font-weight:900}.fr-score.p1c{color:var(--p1)}.fr-score.p2c{color:var(--p2)}.fr-score.p3c{color:var(--p3)}.fr-pts-lbl{font-size:0.65rem;color:var(--muted)}.play-again-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border:none;border-radius:13px;font-family:'Tajawal',sans-serif;font-size:1rem;font-weight:900;cursor:pointer;transition:all 0.25s;box-shadow:0 6px 24px rgba(201,168,76,0.28)}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,0.38)}@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0.5);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes pulse{0%,100%{opacity:0.4}50%{opacity:1}}@keyframes scoreUp{0%{transform:scale(1)}50%{transform:scale(1.18)}100%{transform:scale(1)}}.score-anim{animation:scoreUp 0.5s ease}.game-options-row{display:flex;gap:10px;margin-bottom:18px}.game-option-card{flex:1;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all 0.22s;position:relative;overflow:hidden}.game-option-card:hover{border-color:var(--gold);background:var(--border)}.game-option-card.on{border-color:var(--gold);background:rgba(201,168,76,0.07)}.go-icon{font-size:1.6rem;margin-bottom:6px}.go-label{font-family:'Tajawal',sans-serif;font-size:0.88rem;font-weight:700;color:var(--text);margin-bottom:3px}.go-sub{font-size:0.72rem;color:var(--muted);line-height:1.4}.go-toggle{position:absolute;top:12px;left:12px;width:36px;height:20px;border-radius:20px;background:#333;border:2px solid #444;transition:all 0.25s}.go-toggle::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#666;top:2px;right:2px;transition:all 0.25s}.game-option-card.on .go-toggle{background:var(--gold);border-color:var(--gold)}.game-option-card.on .go-toggle::after{right:18px;background:#fff}.action-row{display:flex;gap:10px;margin-top:18px;align-items:stretch}.skip-btn{padding:13px 18px;background:var(--option-bg);border:1.5px solid var(--border);border-radius:13px;color:var(--muted);font-family:'Cairo',sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.22s;white-space:nowrap;display:none}.skip-btn:hover{border-color:var(--wrong);color:var(--wrong);background:rgba(224,92,92,0.07)}.skip-btn.show{display:block;animation:fadeUp 0.4s ease}.next-btn{flex:1;padding:13px;background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark);border:none;border-radius:13px;font-family:'Tajawal',sans-serif;font-size:0.98rem;font-weight:900;cursor:pointer;transition:all 0.25s;display:none;box-shadow:0 4px 20px rgba(201,168,76,0.22)}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,0.32)}.next-btn.show{display:block;animation:fadeUp 0.4s ease}.spin-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}.spin-overlay.show{opacity:1;pointer-events:auto}.spin-box{background:var(--card-bg);border:2px solid var(--gold);border-radius:24px;padding:40px 50px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(201,168,76,0.15);animation:popIn 0.4s ease}.spin-title{font-family:'Tajawal',sans-serif;font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:18px}.spin-avatar{font-size:4rem;display:block;margin-bottom:12px;animation:spinBounce 0.6s ease}.spin-name{font-family:'Tajawal',sans-serif;font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:6px}.spin-sub{font-size:0.85rem;color:var(--muted)}@keyframes spinBounce{0%{transform:scale(0.3) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0deg)}}.adv-section{margin-bottom:18px}.adv-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:13px 18px;cursor:pointer;transition:all 0.22s;font-family:'Cairo',sans-serif;font-size:0.9rem;color:var(--muted)}.adv-toggle-btn:hover{border-color:#555;color:var(--text)}.adv-toggle-btn .adv-arrow{transition:transform 0.3s;font-size:0.75rem}.adv-toggle-btn.open .adv-arrow{transform:rotate(180deg)}.adv-toggle-btn.open{border-color:rgba(201,168,76,0.4);color:var(--gold)}.adv-body{display:none;padding:14px 0 0;animation:fadeUp 0.3s ease}.adv-body.open{display:block}.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.adv-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:13px;padding:13px 14px;cursor:pointer;transition:all 0.22s;position:relative}.adv-card:hover{border-color:var(--gold);background:var(--border)}.adv-card.on{border-color:var(--gold);background:rgba(201,168,76,0.07)}.adv-card .ac-icon{font-size:1.5rem;margin-bottom:5px}.adv-card .ac-label{font-family:'Tajawal',sans-serif;font-size:0.82rem;font-weight:700;color:var(--text)}.adv-card .ac-sub{font-size:0.68rem;color:var(--muted);margin-top:2px;line-height:1.4}.adv-card .ac-toggle{position:absolute;top:10px;left:10px;width:30px;height:17px;border-radius:17px;background:#333;border:2px solid #444;transition:all 0.25s}.adv-card .ac-toggle::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#666;top:1.5px;right:1.5px;transition:all 0.25s}.adv-card.on .ac-toggle{background:var(--gold);border-color:var(--gold)}.adv-card.on .ac-toggle::after{right:15px;background:#fff}.timer-options{display:flex;gap:7px;margin-top:10px}.timer-opt{flex:1;padding:8px 4px;text-align:center;background:var(--option-bg);border:1.5px solid var(--border);border-radius:10px;font-family:'Tajawal',sans-serif;font-size:0.9rem;font-weight:700;cursor:pointer;color:var(--muted);transition:all 0.2s}.timer-opt.active{background:rgba(201,168,76,0.12);border-color:var(--gold);color:var(--gold)}.rounds-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.rnd-btn{width:34px;height:34px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);color:var(--text);font-size:1.2rem;font-weight:900;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.rnd-btn:hover{border-color:var(--gold);color:var(--gold)}.rnd-display{font-family:'Tajawal',sans-serif;font-size:1.6rem;font-weight:900;color:var(--gold)}.timer-ring-wrap{display:none;position:absolute;top:18px;left:20px;width:46px;height:46px}.timer-ring-wrap.show{display:block}.timer-ring{transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#252535;stroke-width:4}.timer-fg{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke 0.3s}.timer-fg.urgent{stroke:var(--wrong)}.timer-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;font-size:0.9rem;font-weight:900;color:var(--gold)}.timer-num.urgent{color:var(--wrong)}.round-badge{display:none;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.3);border-radius:50px;padding:3px 12px;font-size:0.72rem;font-weight:700;color:var(--gold);font-family:'Tajawal',sans-serif;margin-left:auto}.round-badge.show{display:inline-block}.joker-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.joker-btn{padding:6px 14px;background:var(--option-bg);border:1.5px solid var(--border);border-radius:50px;font-family:'Cairo',sans-serif;font-size:0.78rem;cursor:pointer;transition:all 0.2s;color:var(--muted);display:none}.joker-btn.show{display:inline-flex;align-items:center;gap:5px}.joker-btn:hover:not(.used){border-color:var(--gold);color:var(--gold)}.joker-btn.used{opacity:0.3;cursor:default;pointer-events:none}.stats-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:0.8rem}.stats-table th{color:var(--muted);font-weight:600;padding:6px 8px;text-align:center;font-size:0.7rem;border-bottom:1px solid var(--border)}.stats-table td{padding:8px;text-align:center;border-bottom:1px solid #1a1a24}.stats-table tr:last-child td{border-bottom:none}.stat-player-name{text-align:right !important;font-weight:700}#confettiCanvas{position:fixed;inset:0;pointer-events:none;z-index:9999}.emoji-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:800;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.emoji-picker-overlay.show{display:flex}.emoji-picker-box{background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:20px;max-width:320px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:popIn 0.3s ease}.emoji-picker-title{font-family:'Tajawal',sans-serif;font-size:1rem;font-weight:700;color:var(--gold);margin-bottom:14px;text-align:center}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.emoji-opt{font-size:1.6rem;text-align:center;padding:8px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:all 0.15s;background:var(--option-bg)}.emoji-opt:hover{border-color:var(--gold);transform:scale(1.15)}.emoji-opt.selected{border-color:var(--gold);background:rgba(201,168,76,0.12)}body.theme-light{--dark:#f5f0e8;--card-bg:#fff;--border:#e0d8cc;--text:#1a1a1a;--muted:#888;--option-bg:#f8f4ee;background-image:none !important}body.theme-blue{--dark:#0a0e1a;--card-bg:#0d1526;--border:#1e2d4a;--option-bg:#111d35}body.theme-gold{--dark:#0a0800;--card-bg:#130f00;--border:#2a2000;--option-bg:#1a1500}body.theme-purple{--dark:#f4f0fb;--card-bg:#ffffff;--border:#e4d8f5;--text:#2a1740;--muted:#8d7aa8;--option-bg:#f7f2fd;--gold:#8b5cf6;--gold-light:#a78bfa;background-image:none !important}body.theme-darkpurple{--dark:#100726;--card-bg:#1a0e36;--border:#2e1f55;--text:#ece4ff;--muted:#9886c4;--option-bg:#221545;--gold:#b48bf2;--gold-light:#d4bcff}.theme-row{display:flex;gap:8px;margin-bottom:18px;justify-content:center;flex-wrap:wrap}.theme-chip{padding:7px 16px;border-radius:50px;font-size:0.78rem;font-weight:700;cursor:pointer;transition:all 0.2s;border:1.5px solid var(--border);background:var(--card-bg);color:var(--muted);font-family:'Cairo',sans-serif}.theme-chip.active{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.08)}.diff-badge{font-size:0.62rem;font-weight:700;padding:1px 6px;border-radius:50px;margin-right:6px}.diff-easy{background:rgba(61,186,122,0.15);color:#3dba7a}.diff-medium{background:rgba(201,168,76,0.15);color:var(--gold)}.diff-hard{background:rgba(224,92,92,0.15);color:var(--wrong)}.diff-filter-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.diff-filter{padding:5px 14px;border-radius:50px;font-size:0.75rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);background:var(--card-bg);color:var(--muted);transition:all 0.2s;font-family:'Cairo',sans-serif}.diff-filter.active{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.08)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:900;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}.modal-overlay.show{display:flex}.modal-box{background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:24px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.6);animation:fadeUp 0.35s ease}.modal-title{font-family:'Tajawal',sans-serif;font-size:1.1rem;font-weight:900;color:var(--gold);margin-bottom:16px;text-align:center}.modal-input{width:100%;background:var(--option-bg);border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-family:'Cairo',sans-serif;font-size:0.88rem;color:var(--text);outline:none;margin-bottom:10px;transition:border-color 0.2s}.modal-input:focus{border-color:var(--gold)}.modal-row{display:flex;gap:8px;margin-bottom:10px}.modal-row .modal-input{margin-bottom:0}.modal-btn-row{display:flex;gap:10px;margin-top:14px}.modal-btn{flex:1;padding:11px;border-radius:11px;border:none;font-family:'Tajawal',sans-serif;font-size:0.92rem;font-weight:700;cursor:pointer;transition:all 0.2s}.modal-btn.primary{background:linear-gradient(135deg,var(--gold),#a8720c);color:var(--dark)}.modal-btn.secondary{background:var(--option-bg);border:1.5px solid var(--border);color:var(--muted)}.custom-q-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.custom-q-item{background:var(--option-bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:0.82rem;display:flex;justify-content:space-between;align-items:center}.custom-q-del{color:var(--wrong);cursor:pointer;font-size:0.9rem;padding:2px 6px}.mode-row{display:flex;gap:12px;max-width:600px;margin:0 auto 22px}.mode-card{flex:1;background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;padding:16px 12px;text-align:center;cursor:pointer;transition:all 0.2s ease}.mode-card:hover{border-color:var(--gold)}.mode-card.active{border-color:var(--gold);background:rgba(201,168,76,0.1);box-shadow:0 0 16px rgba(201,168,76,0.15)}.mode-icon{font-size:1.8rem;margin-bottom:6px}.mode-label{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.05rem;color:var(--text)}.mode-sub{font-size:0.72rem;color:var(--muted);margin-top:3px}.online-panel{background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;padding:18px;max-width:600px;margin:0 auto}.online-panel-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.1rem;color:var(--gold);margin-bottom:4px}.online-panel-sub{font-size:0.78rem;color:var(--muted);margin-bottom:12px;line-height:1.6}.online-input{width:100%;padding:12px 14px;background:var(--option-bg);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:'Cairo',sans-serif;font-size:1rem;margin-bottom:8px;text-align:center}.online-input:focus{outline:none;border-color:var(--gold)}.online-code-input{letter-spacing:8px;font-size:1.6rem;font-weight:900;font-family:'Tajawal',sans-serif}.online-or{text-align:center;color:var(--muted);margin:16px auto;max-width:600px;font-weight:700}.online-stage{max-width:600px;margin:0 auto;animation:fadeUp 0.5s ease}.room-code-box{background:var(--card-bg);border:1.5px solid var(--gold);border-radius:18px;padding:18px;text-align:center;margin-bottom:18px;box-shadow:0 0 24px rgba(201,168,76,0.12)}.room-code-lbl{font-size:0.82rem;color:var(--muted);margin-bottom:6px}.room-code{font-family:'Tajawal',sans-serif;font-size:2.6rem;font-weight:900;color:var(--gold);letter-spacing:10px}.online-copy-btn{margin-top:10px;padding:8px 18px;background:rgba(201,168,76,0.15);border:1px solid var(--gold);color:var(--gold);border-radius:10px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:0.85rem}.lobby-players-title{font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.95rem;color:var(--text);margin-bottom:10px}.lifelines-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 0 12px}.lifeline-btn{background:var(--option-bg);border:1.5px solid var(--border);border-radius:12px;padding:7px 8px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:0.7rem;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;transition:all 0.15s}.lifeline-btn:hover:not(.used){border-color:var(--gold);transform:translateY(-1px)}.lifeline-btn .ll-emoji{font-size:1.2rem}.lifeline-btn.used{opacity:0.4;cursor:not-allowed}.option.lifeline-hidden{opacity:0.28;text-decoration:line-through;pointer-events:none}.reactions-bar{display:flex;justify-content:center;gap:8px;margin-top:16px}.reaction-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border);background:var(--card-bg);font-size:1.3rem;cursor:pointer;transition:transform 0.12s}.reaction-btn:active{transform:scale(0.85)}.reaction-btn:hover{border-color:var(--gold)}.reactions-layer{position:fixed;left:0;right:0;bottom:0;height:60vh;pointer-events:none;z-index:9000;overflow:hidden}.float-reaction{position:absolute;bottom:0;font-size:1.8rem;animation:float-up 2.6s ease-out forwards;opacity:0}@keyframes float-up{0%{transform:translateY(0) scale(0.6);opacity:0}15%{opacity:1;transform:translateY(-40px) scale(1)}100%{transform:translateY(-60vh) scale(1.15);opacity:0}}.lobby-players{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.lobby-player-chip{background:var(--option-bg);border:1px solid var(--border);border-radius:30px;padding:8px 14px;font-size:0.9rem;display:flex;align-items:center;gap:6px;animation:fadeUp 0.3s ease}.online-wait-note{text-align:center;color:var(--muted);font-size:0.85rem;margin-top:18px;animation:pulse 1.6s ease infinite}@keyframes pulse{0%,100%{opacity:0.5}50%{opacity:1}}.online-leave-btn{display:block;margin:18px auto 0;padding:8px 20px;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:10px;cursor:pointer;font-family:'Cairo',sans-serif;opacity:0.7;font-size:0.82rem;transition:opacity 0.15s,border-color 0.15s,color 0.15s}
.online-leave-btn:hover{opacity:1;border-color:var(--gold);color:var(--gold)}
.online-leave-wrap{text-align:center;margin-top:38px;padding-top:18px;border-top:1px dashed rgba(201,168,76,0.18)}.online-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.online-qnum{font-family:'Tajawal',sans-serif;font-weight:700;color:var(--muted)}.online-timer{width:54px;height:54px;border-radius:50%;background:var(--card-bg);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.4rem;color:var(--gold)}.online-timer.low{border-color:var(--wrong);color:var(--wrong)}.online-qcard{background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:24px 18px;text-align:center;margin-bottom:16px}.online-cat{font-size:0.8rem;color:var(--gold);margin-bottom:8px}.online-qtext{font-family:'Tajawal',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.6;color:var(--text)}.online-options{display:grid;grid-template-columns:1fr;gap:10px}.online-opt{padding:18px 12px;border-radius:14px;border:2px solid var(--border);background:var(--option-bg);color:var(--text);font-family:'Tajawal',sans-serif;font-weight:700;font-size:1.05rem;cursor:pointer;text-align:center;transition:transform 0.12s ease,border-color 0.2s;min-height:64px;display:flex;align-items:center;justify-content:center}.online-opt:active{transform:scale(0.97)}.online-opt.oc0{border-color:#e05c5c66}.online-opt.oc1{border-color:#6495ed66}.online-opt.oc2{border-color:#d4b80066}.online-opt.oc3{border-color:#3dba7a66}.online-opt.picked{border-color:var(--gold);background:rgba(201,168,76,0.2);box-shadow:0 0 16px rgba(201,168,76,0.25)}.online-opt.correct{border-color:var(--correct);background:rgba(61,186,122,0.22)}.online-opt.wrong{border-color:var(--wrong);background:rgba(224,92,92,0.18);opacity:0.7}.online-opt.disabled{pointer-events:none}.online-status{text-align:center;margin-top:16px;font-family:'Tajawal',sans-serif;font-weight:700;color:var(--muted);min-height:24px}.online-emoji-row{display:flex;flex-wrap:wrap;gap:8px}.online-emoji{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--option-bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:transform 0.1s}.online-emoji:active{transform:scale(0.9)}.online-emoji.sel{border-color:var(--gold);background:rgba(201,168,76,0.18)}.online-dist{display:flex;flex-direction:column;gap:8px;margin-top:14px}.odist-row{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:8px 12px;position:relative;overflow:hidden}.odist-row.correct{border-color:var(--correct)}.odist-fill{position:absolute;top:0;right:0;bottom:0;background:rgba(201,168,76,0.16);transition:width 0.6s ease;z-index:0}.odist-row.correct .odist-fill{background:rgba(61,186,122,0.22)}.odist-content{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-family:'Tajawal',sans-serif;font-weight:700}.odist-mark{width:22px}.odist-text{flex:1}.odist-count{color:var(--muted);font-size:0.85rem}.online-reveal-head{text-align:center;font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.4rem;padding:18px;border-radius:16px}.online-reveal-head.good{background:rgba(61,186,122,0.15);color:var(--correct)}.online-reveal-head.bad{background:rgba(224,92,92,0.12);color:var(--wrong)}.online-leaderboard{display:flex;flex-direction:column;gap:8px}.olb-row{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 14px;animation:fadeUp 0.3s ease}.olb-row.me{border-color:var(--gold)}.olb-rank{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--muted);width:26px}.olb-name{flex:1;font-weight:700}.olb-score{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold)}.lb-tabs{display:flex;gap:8px;justify-content:center;max-width:560px;margin:0 auto 16px}.net-indicator{position:fixed;bottom:calc(62px + env(safe-area-inset-bottom,0px));left:14px;z-index:9998;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:50px;background:rgba(19,19,26,0.78);border:1px solid var(--border);color:var(--text);font-family:'Cairo',sans-serif;font-size:0.7rem;cursor:pointer;backdrop-filter:blur(6px);transition:all 0.25s}.mute-btn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px;z-index:9998;width:38px;height:38px;border-radius:50%;background:rgba(19,19,26,0.78);border:1px solid var(--border);color:var(--text);font-size:1.05rem;cursor:pointer;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:all 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.mute-btn:hover{border-color:var(--gold)}.mute-btn.muted{color:#888}body.theme-light .net-indicator,body.theme-light .mute-btn{background:rgba(255,255,255,0.92)}.start-btn.is-loading,.online-copy-btn.is-loading{position:relative;pointer-events:none;opacity:0.75}.start-btn.is-loading::after,.online-copy-btn.is-loading::after{content:'';position:absolute;right:14px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnSpin 0.7s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.nudge-banner{position:fixed;top:50px;left:50%;transform:translateX(-50%);z-index:9700;background:rgba(201,168,76,0.95);color:#1a1410;padding:10px 18px;border-radius:50px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.95rem;box-shadow:0 8px 24px rgba(0,0,0,0.4);animation:nudgeDrop 0.6s ease forwards,nudgeFade 0.5s ease 2.5s forwards;pointer-events:none}@keyframes nudgeDrop{0%{transform:translateX(-50%) translateY(-80px);opacity:0}60%{transform:translateX(-50%) translateY(6px);opacity:1}100%{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes nudgeFade{to{transform:translateX(-50%) translateY(-20px);opacity:0}}.nudge-btn{background:rgba(201,168,76,0.12);border:1.5px dashed var(--gold);color:var(--gold);border-radius:50px;padding:7px 14px;font-family:'Tajawal',sans-serif;font-weight:700;cursor:pointer;font-size:0.85rem;transition:all 0.2s}.nudge-btn:hover:not(:disabled){background:rgba(201,168,76,0.22)}.nudge-btn:disabled{opacity:0.4;cursor:not-allowed}.disconnect-banner{background:rgba(224,92,92,0.12);border:1.5px solid #e05c5c;color:#e05c5c;border-radius:12px;padding:10px 14px;text-align:center;font-family:'Tajawal',sans-serif;font-weight:700;margin-bottom:12px;font-size:0.9rem}.net-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.net-bars span{width:3px;background:rgba(232,224,208,0.25);border-radius:1px;transition:background 0.25s,height 0.25s}.net-bars span:nth-child(1){height:30%}.net-bars span:nth-child(2){height:55%}.net-bars span:nth-child(3){height:80%}.net-bars span:nth-child(4){height:100%}.net-indicator.lvl1 .net-bars span:nth-child(1){background:#e07050}.net-indicator.lvl2 .net-bars span:nth-child(-n+2){background:#d4b800}.net-indicator.lvl3 .net-bars span:nth-child(-n+3){background:#a8c850}.net-indicator.lvl4 .net-bars span{background:var(--correct)}.net-indicator.lvl0{border-color:var(--wrong);color:var(--wrong)}.net-indicator.lvl0 .net-bars span{background:rgba(224,92,92,0.4)}body.theme-light .net-indicator,body.theme-purple .net-indicator,body.theme-gold .net-indicator{color:var(--gold)}.home-intro{max-width:620px;margin:0 auto 24px;text-align:center;color:var(--text)}.home-intro p{color:var(--muted);font-size:0.95rem;line-height:1.7;margin-bottom:6px}.presence-counter{display:inline-block;margin-top:10px;background:rgba(61,186,122,0.12);border:1.5px solid #3dba7a;color:#3dba7a;border-radius:50px;padding:6px 16px;font-family:'Tajawal',sans-serif;font-weight:800;font-size:0.88rem;animation:presencePulse 2.4s ease infinite}.presence-counter #presenceCount{font-size:1.05rem}@keyframes presencePulse{0%,100%{box-shadow:0 0 0 0 rgba(61,186,122,0.4)}50%{box-shadow:0 0 0 5px rgba(61,186,122,0)}}.open-rooms-panel{border:1.5px solid #3dba7a55 !important}.open-rooms-list{max-height:240px;overflow-y:auto;margin-top:6px}.open-rooms-empty{padding:14px 4px;text-align:center;color:var(--muted);font-size:0.85rem;font-style:italic}.open-room-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--option-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:all 0.15s}.open-room-row:hover{border-color:var(--gold);background:rgba(201,168,76,0.08)}.orr-host{flex:1;font-family:'Tajawal',sans-serif;font-weight:700;color:var(--text);font-size:0.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.orr-code{font-family:'Cairo',monospace;color:var(--muted);font-size:0.78rem;letter-spacing:1px}.orr-join{background:linear-gradient(135deg,#3dba7a,#2a8a55);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.82rem;cursor:pointer;flex-shrink:0;transition:transform 0.15s}.orr-join:hover{transform:scale(1.06)}.orr-spectate{background:linear-gradient(135deg,#6495ed,#3a6bc4);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.78rem;cursor:pointer;flex-shrink:0;margin-right:4px;transition:transform 0.15s}.orr-spectate:hover{transform:scale(1.06)}.spectator-banner{background:rgba(100,149,237,0.15);border:1.5px solid #6495ed;color:#6495ed;border-radius:12px;padding:10px 14px;text-align:center;font-family:'Tajawal',sans-serif;font-weight:800;margin-bottom:12px;font-size:0.92rem}.spectator-count{display:inline-block;background:rgba(100,149,237,0.15);border:1px solid #6495ed;color:#6495ed;border-radius:50px;padding:4px 12px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.82rem;margin-top:8px}.spectator-cell-disabled{pointer-events:none !important;cursor:default !important}#profileScreen{max-width:680px;margin:0 auto;padding:20px 16px 40px}.profile-card{background:var(--card-bg);border:2px solid var(--gold);border-radius:18px;padding:22px 18px;text-align:center;margin-bottom:18px;box-shadow:0 8px 24px rgba(201,168,76,0.18)}.profile-avatar{font-size:4rem;line-height:1}.profile-name{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.6rem;margin-top:8px}.profile-meta{font-size:0.78rem;color:var(--muted);margin-top:4px}.profile-edit-row{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.profile-edit-btn{background:rgba(201,168,76,0.12);border:1px solid var(--gold);color:var(--gold);border-radius:10px;padding:8px 14px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.18s}.profile-edit-btn:hover{background:rgba(201,168,76,0.2)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:520px){.profile-stats{grid-template-columns:1fr}}.profile-stat-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:14px}.psc-icon{font-size:1.6rem;line-height:1;margin-bottom:4px}.psc-title{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1rem;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.psc-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:0.86rem;color:var(--text)}.psc-row b{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold)}.profile-edit-overlay{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:16px}.profile-edit-modal{background:var(--card-bg);border:2px solid var(--gold);border-radius:18px;padding:22px 18px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.profile-edit-title{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.2rem;text-align:center;margin-bottom:12px}.profile-edit-sublabel{font-size:0.85rem;color:var(--muted);margin-top:10px;margin-bottom:6px}.profile-edit-avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.profile-edit-avatars .av-choice{aspect-ratio:1;background:var(--option-bg);border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all 0.15s}.profile-edit-avatars .av-choice:hover{border-color:var(--gold);transform:scale(1.05)}.profile-edit-avatars .av-choice.selected{border-color:var(--gold);background:rgba(201,168,76,0.18);box-shadow:0 0 0 3px rgba(201,168,76,0.15)}.profile-section-title{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.1rem;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px dashed var(--border)}.profile-section-title .ps-count{font-size:0.85rem;background:var(--option-bg);border:1px solid var(--gold);border-radius:50px;padding:3px 12px}.profile-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.badge-item{background:var(--card-bg);border:1.5px solid var(--border);border-radius:12px;padding:12px 10px;text-align:center;transition:all 0.2s}.badge-item.earned{border-color:var(--gold);background:rgba(201,168,76,0.08)}.badge-item.locked{opacity:0.45}.bi-emoji{font-size:1.8rem;line-height:1;margin-bottom:4px}.badge-item.earned .bi-emoji{filter:drop-shadow(0 0 8px rgba(201,168,76,0.4))}.bi-name{font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.85rem;color:var(--text);margin-bottom:4px}.badge-item.earned .bi-name{color:var(--gold)}.bi-desc{font-size:0.7rem;color:var(--muted);line-height:1.4}.achievement-banner{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:9700;background:linear-gradient(135deg,#c9a84c,#a8720c);color:#1a1410;padding:14px 22px;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,0.5);display:flex;align-items:center;gap:14px;min-width:280px;max-width:90vw;pointer-events:none;animation:achDrop 0.6s ease forwards,achFade 0.5s ease 3.6s forwards}.achievement-banner .ach-emoji{font-size:2.4rem;line-height:1}.achievement-banner .ach-title{font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.85rem;opacity:0.85}.achievement-banner .ach-name{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.05rem;margin-top:2px}@keyframes achDrop{0%{transform:translateX(-50%) translateY(-100px) scale(0.9);opacity:0}60%{transform:translateX(-50%) translateY(8px) scale(1.05);opacity:1}100%{transform:translateX(-50%) translateY(0) scale(1);opacity:1}}@keyframes achFade{to{transform:translateX(-50%) translateY(-30px);opacity:0}}#gameLbScreen{max-width:620px;margin:0 auto;padding:20px 16px 40px}.glb-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;justify-content:center}.glb-tab{background:var(--card-bg);border:1.5px solid var(--border);color:var(--muted);border-radius:50px;padding:8px 14px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.18s}.glb-tab:hover{border-color:var(--gold)}.glb-tab.active{background:var(--gold);color:var(--dark);border-color:var(--gold)}.glb-list{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:10px;min-height:200px}.glb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px dashed var(--border)}.glb-row:last-child{border-bottom:none}.glb-row.me{background:rgba(201,168,76,0.12);border-radius:10px}.glb-rank{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);width:32px;font-size:0.95rem}.glb-rank.gold{color:#f0d040}.glb-rank.silver{color:#c0c0c0}.glb-rank.bronze{color:#cd7f32}.glb-avatar{font-size:1.4rem;line-height:1}.glb-name{flex:1;font-family:'Tajawal',sans-serif;font-weight:800;color:var(--text);font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.glb-wins{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold)}.glb-empty{text-align:center;padding:30px 16px;color:var(--muted);font-size:0.9rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin:0 auto 22px}.home-cta{background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:22px 16px;cursor:pointer;text-align:center;transition:transform 0.15s,border-color 0.2s,box-shadow 0.25s}.home-cta:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,0.25)}.home-cta .cta-icon{font-size:2.6rem;margin-bottom:8px}.home-cta .cta-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.15rem;color:var(--gold);margin-bottom:4px}.home-cta .cta-desc{font-size:0.78rem;color:var(--muted);line-height:1.5}@media (max-width:480px){.home-grid{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;gap:10px;max-width:620px;margin:0 auto 16px}.page-header .back-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-family:'Cairo',sans-serif;font-size:0.85rem;cursor:pointer}.page-header .back-btn:hover{border-color:var(--gold);color:var(--gold)}.page-header .page-title{flex:1;text-align:center;font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.15rem}.guide-box{max-width:620px;margin:0 auto 16px}.guide-toggle{width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--gold);font-family:'Tajawal',sans-serif;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:0.9rem}.guide-toggle:hover{border-color:var(--gold)}.guide-body{background:var(--option-bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:8px}.guide-body ol{padding-right:20px;line-height:1.9;color:var(--text);font-size:0.88rem}.guide-body li{margin-bottom:4px}.guide-body .hint{color:var(--muted);font-size:0.8rem;margin-top:8px}.lb-tab{flex:1;max-width:200px;padding:10px;border-radius:12px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--muted);font-family:'Cairo',sans-serif;font-weight:700;cursor:pointer;transition:all 0.2s}.lb-tab.active{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.1)}.team-scoreboard{display:flex;gap:12px;max-width:700px;margin:0 auto 16px}.team-card{flex:1;border-radius:16px;padding:14px 16px;text-align:center;position:relative;border:2px solid}.team-card.t0{background:rgba(100,149,237,0.1);border-color:rgba(100,149,237,0.4)}.team-card.t1{background:rgba(224,112,80,0.1);border-color:rgba(224,112,80,0.4)}.team-name{font-family:'Tajawal',sans-serif;font-size:0.8rem;font-weight:700;margin-bottom:4px}.team-name.t0c{color:#6495ed}.team-name.t1c{color:#e07050}.team-score{font-family:'Tajawal',sans-serif;font-size:2rem;font-weight:900}.team-score.t0c{color:#6495ed}.team-score.t1c{color:#e07050}.team-members{font-size:0.68rem;color:var(--muted);margin-top:4px}.team-vs{align-self:center;font-family:'Tajawal',sans-serif;font-size:1.1rem;font-weight:900;color:var(--muted)}.elim-badge{position:absolute;top:-8px;right:50%;transform:translateX(50%);background:var(--wrong);color:#fff;font-size:0.62rem;font-weight:900;padding:2px 8px;border-radius:50px;white-space:nowrap}.score-card.eliminated{opacity:0.35;filter:grayscale(1)}.lb-screen{display:none;max-width:560px;margin:0 auto;animation:fadeUp 0.5s ease}.lb-screen.show{display:block}.lb-row{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:8px}.lb-rank{font-family:'Tajawal',sans-serif;font-size:1.1rem;font-weight:900;min-width:28px;color:var(--gold)}.lb-info{flex:1}.lb-name{font-weight:700;font-size:0.88rem}.lb-detail{font-size:0.7rem;color:var(--muted);margin-top:2px}.lb-pts{font-family:'Tajawal',sans-serif;font-size:1.2rem;font-weight:900;color:var(--gold)}.lb-date{font-size:0.65rem;color:var(--muted);text-align:left;margin-top:1px}.share-card{background:linear-gradient(135deg,#13131a,#1a1a24);border:1.5px solid rgba(201,168,76,0.3);border-radius:16px;padding:20px;text-align:center;margin-bottom:16px}.share-text{font-size:0.9rem;color:var(--text);line-height:1.8;direction:rtl}.share-btn-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.share-btn{padding:10px 22px;border-radius:50px;border:none;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:0.88rem;font-weight:700;transition:all 0.2s}.share-wa{background:#25d366;color:#fff}.share-cp{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text)}.music-btn{position:fixed;bottom:20px;left:20px;z-index:500;width:42px;height:42px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);cursor:pointer;font-size:1.2rem;transition:all 0.2s;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.4)}.music-btn.show{display:flex}.music-btn:hover{border-color:var(--gold)}.admin-dashboard{border:1.5px solid #3dba7a55 !important}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}@media (max-width:540px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{background:var(--option-bg);border:1.5px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center}.admin-stat-card.live{border-color:#3dba7a;background:rgba(61,186,122,0.08)}.asc-icon{font-size:1.4rem;line-height:1}.asc-num{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1.7rem;margin:4px 0;line-height:1}.admin-stat-card.live .asc-num{color:#3dba7a}.asc-lbl{font-size:0.72rem;color:var(--muted)}.admin-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}@media (max-width:540px){.admin-game-grid{grid-template-columns:repeat(2,1fr)}}.admin-game-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 8px;text-align:center}.agc-emoji{font-size:1.2rem;line-height:1}.agc-name{font-family:'Tajawal',sans-serif;font-weight:700;color:var(--text);font-size:0.82rem;margin-top:2px}.agc-stats{font-size:0.72rem;color:var(--muted);margin-top:3px;display:flex;justify-content:center;gap:8px}.agc-stats b.lobby{color:var(--gold)}.agc-stats b.active{color:#3dba7a}.admin-section-title{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:1rem;margin:14px 0 8px;display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px dashed var(--border)}.ast-meta{font-size:0.8rem;background:var(--option-bg);border:1px solid var(--gold);color:var(--gold);border-radius:50px;padding:3px 12px;font-weight:700}.admin-rooms-list{max-height:320px;overflow-y:auto}.admin-room-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--option-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-size:0.84rem}.arr-icon{font-size:1rem;flex-shrink:0}.arr-info{flex:1;min-width:0}.arr-host{font-family:'Tajawal',sans-serif;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arr-meta{font-size:0.7rem;color:var(--muted);margin-top:2px}.arr-status{font-size:0.7rem;padding:3px 8px;border-radius:50px;font-weight:700}.arr-status.lobby{background:rgba(201,168,76,0.15);color:var(--gold)}.arr-status.active{background:rgba(61,186,122,0.15);color:#3dba7a}.arr-close{background:rgba(224,92,92,0.15);color:#e05c5c;border:1px solid #e05c5c;border-radius:6px;padding:4px 10px;font-size:0.76rem;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif}.arr-close:hover{background:#e05c5c;color:#fff}.admin-empty{padding:20px;text-align:center;color:var(--muted);font-size:0.85rem;font-style:italic}.admin-section .online-panel-title{cursor:pointer;user-select:none;position:relative;padding-left:24px}.admin-section .online-panel-title::after{content:'▼';position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:0.85rem;transition:transform 0.2s}.admin-section.collapsed .online-panel-title::after{transform:translateY(-50%) rotate(-90deg)}.admin-section.collapsed .admin-section-body{display:none}.admin-section-body{margin-top:8px}.admin-close-all-btn{background:rgba(224,92,92,0.12);border:1.5px solid var(--wrong);color:var(--wrong);border-radius:10px;padding:11px 14px;font-family:'Tajawal',sans-serif;font-weight:900;font-size:0.9rem;cursor:pointer;width:100%;margin-top:14px;transition:all 0.18s}.admin-close-all-btn:hover{background:rgba(224,92,92,0.25);transform:translateY(-1px)}.admin-close-all-btn:disabled{opacity:0.5;cursor:not-allowed}.floating-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.floating-bg .float-icon{position:absolute;font-size:2.4rem;opacity:0.12;animation:floatUp 22s linear infinite;will-change:transform,opacity;filter:drop-shadow(0 0 8px rgba(201,168,76,0.15))}.floating-bg .float-icon.fi-fast{animation-duration:16s;font-size:1.7rem;opacity:0.09}.floating-bg .float-icon.fi-slow{animation-duration:30s;font-size:3rem;opacity:0.1}@keyframes floatUp{0%{transform:translate3d(0,110vh,0) rotate(0deg);opacity:0}10%{opacity:0.13}90%{opacity:0.13}100%{transform:translate3d(15px,-20vh,0) rotate(360deg);opacity:0}}body.theme-light .float-icon,body.theme-purple .float-icon{opacity:0.08}body.theme-light .float-icon.fi-slow,body.theme-purple .float-icon.fi-slow{opacity:0.07}#landingScreen{position:relative;z-index:1}#landingScreen>:not(.floating-bg){position:relative;z-index:2}.logo h1{animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,100%{transform:scale(1);text-shadow:0 0 40px rgba(201,168,76,0.3)}50%{transform:scale(1.035);text-shadow:0 0 65px rgba(201,168,76,0.5),0 0 20px rgba(201,168,76,0.3)}}.hero-pill{position:relative;overflow:hidden;background-image:linear-gradient(90deg,transparent 0%,rgba(201,168,76,0.18) 50%,transparent 100%);background-size:300% 100%;background-repeat:no-repeat;animation:shimmerSweep 5s linear infinite;padding:8px 14px;border-radius:14px}@keyframes shimmerSweep{0%{background-position:200% 0}100%{background-position:-100% 0}}.game-showcase{direction:ltr;overflow:hidden;margin:14px auto 6px;max-width:680px;padding:6px 0;-webkit-mask-image:linear-gradient(to right,transparent 0,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 8%,black 92%,transparent 100%)}.showcase-track{display:flex;direction:ltr;gap:10px;width:max-content;animation:marqueeScroll 28s linear infinite;will-change:transform}.showcase-track:hover{animation-play-state:paused}@keyframes marqueeScroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333%,0,0)}}.gs-card{flex:0 0 124px;direction:rtl;background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;cursor:default;transition:border-color 0.2s,box-shadow 0.2s}.gs-card:hover{border-color:var(--gold);box-shadow:0 6px 16px rgba(0,0,0,0.15)}.gs-card .gs-emoji{font-size:2rem;line-height:1}.gs-card .gs-name{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--gold);font-size:0.8rem;margin-top:6px}.gs-card .gs-meta{font-size:0.66rem;color:var(--muted);margin-top:2px}@media (prefers-reduced-motion:reduce){.floating-bg .float-icon,.logo h1,.hero-pill{animation:none !important}}@media (max-width:380px){body{padding:18px 10px 32px}.setup-screen{padding:0}.logo h1{font-size:1.9rem !important}.logo p{font-size:0.8rem}.home-intro p{font-size:0.95rem !important;line-height:1.6}.home-cta{padding:18px 12px}.home-cta .cta-icon{font-size:2.2rem;margin-bottom:6px}.home-cta .cta-title{font-size:1rem}.home-cta .cta-desc{font-size:0.74rem}.start-btn{padding:13px;font-size:0.95rem}.mode-row{flex-direction:column}.mode-row .mode-card{width:100%}.qcount-grid{grid-template-columns:repeat(3,1fr) !important;gap:6px}.qcount-btn{padding:10px 4px}.qcount-btn .qn{font-size:1.2rem}.qcount-btn .ql{font-size:0.62rem}.cat-tabs{gap:4px}.cat-tab{padding:6px 10px;font-size:0.72rem}.timer-options .timer-opt,.diff-filter-row .diff-filter{padding:7px 8px;font-size:0.8rem}.gs-card{flex:0 0 110px;padding:10px 6px}.gs-card .gs-emoji{font-size:1.6rem}.gs-card .gs-name{font-size:0.74rem}.gs-card .gs-meta{font-size:0.62rem}.online-panel{padding:14px}.online-input{padding:11px 12px;font-size:0.9rem}.online-emoji-row .online-emoji{width:42px;height:42px;font-size:1.4rem}.online-gametype-row{flex-direction:column}.online-gametype-row .gametype-card{min-width:0;width:100%}.online-submode-row{flex-direction:column;gap:8px}.online-submode-row .submode-card{padding:10px 8px}.section-pill{font-size:0.78rem;padding:5px 12px}.acc-head{padding:10px 12px}.acc-title{font-size:0.85rem}.acc-summary{font-size:0.76rem}.admin-stat-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px}.admin-game-grid{grid-template-columns:repeat(2,1fr) !important;gap:6px}.admin-stat-card{padding:10px 6px}.asc-num{font-size:1.4rem}.asc-lbl{font-size:0.66rem}.profile-stats{grid-template-columns:1fr !important}.profile-badges{grid-template-columns:repeat(2,1fr)}.theme-row{gap:4px}.theme-chip{padding:5px 10px;font-size:0.74rem}.trap-board{gap:5px}.trap-cell{font-size:1.1rem}.xo-cell{font-size:2.8rem}.c4-board-wrap{padding:8px}.c4-cols{gap:4px}.c4-board{gap:4px}.c4-col-btn{padding:4px 0;font-size:0.78rem}.mem-board{gap:6px;padding:10px}.mem-card-back{font-size:1.6rem}.mem-card-face{font-size:2rem}.defuse-bomb-panel{padding:12px 10px}.defuse-wire-num{width:24px;height:24px;font-size:0.78rem}.defuse-cut-btn{padding:5px 10px;font-size:0.74rem}.defuse-manual{padding:12px 10px}.defuse-manual-title{font-size:1rem}.defuse-rules li{padding:6px 32px 6px 6px;font-size:0.82rem}.online-panel-title{font-size:0.95rem}.room-code{font-size:1.4rem;letter-spacing:3px}.lobby-player-chip{font-size:0.78rem;padding:5px 10px}.trap-vs-row{gap:8px}.trap-player-card{padding:14px 6px;max-width:none}.profile-card{padding:18px 14px}.profile-avatar{font-size:3.2rem}.profile-name{font-size:1.3rem}.tutorial-modal{padding:24px 18px}.tutorial-title{font-size:1.25rem}.tutorial-body{font-size:0.9rem}.tutorial-actions button{padding:10px;font-size:0.86rem}.info-modal{padding:22px 16px}.info-modal h2{font-size:1.2rem}.info-modal p,.info-modal ul{font-size:0.88rem}.install-btn{padding:8px 14px;font-size:0.8rem;bottom:10px;right:10px}.mute-btn{width:34px;height:34px;font-size:0.95rem;bottom:10px;left:10px}.net-indicator{bottom:52px;left:10px;padding:4px 9px;font-size:0.65rem}}
/* ============ PIXEL SUNSET THEME ============ */
body.theme-pixel{--dark:#d8c8e8;--card-bg:#fdf4e3;--border:#1d0e2a;--text:#1d0e2a;--muted:#5a3870;--option-bg:#fff5dc;--gold:#e8694a;--gold-light:#ff8c5e;--correct:#7dcfa0;--wrong:#d04830;--p1:#2e8b8c;--p1-bg:rgba(46,139,140,0.16);--p2:#e8694a;--p2-bg:rgba(232,105,74,0.16);--p3:#f4ba42;--p3-bg:rgba(244,186,66,0.16);background-image:linear-gradient(180deg,#e3d3f0 0%,#c8b2dd 100%),repeating-linear-gradient(0deg,rgba(80,50,110,0.18) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(80,50,110,0.18) 0 1px,transparent 1px 24px) !important;background-attachment:fixed !important}
body.theme-pixel .card,body.theme-pixel .modal-content,body.theme-pixel .info-modal,body.theme-pixel .game-option-card,body.theme-pixel .adv-card,body.theme-pixel .mode-card,body.theme-pixel .stat-card,body.theme-pixel .tutorial-slide,body.theme-pixel .room-card,body.theme-pixel .player-card,body.theme-pixel .game-mode-card,body.theme-pixel .leader-row,body.theme-pixel .achievement-card{border:2.5px solid var(--border) !important;border-radius:8px !important;box-shadow:4px 4px 0 var(--border) !important}
body.theme-pixel .game-card-mini,body.theme-pixel .showcase-card{border:2px solid var(--border) !important;border-radius:6px !important;box-shadow:3px 3px 0 var(--border) !important}
body.theme-pixel button,body.theme-pixel .btn,body.theme-pixel .hero-pill,body.theme-pixel .theme-chip,body.theme-pixel .timer-opt,body.theme-pixel .diff-pill,body.theme-pixel .start-btn,body.theme-pixel .install-btn{border:2.5px solid var(--border) !important;border-radius:5px !important;box-shadow:3px 3px 0 var(--border) !important;transition:transform 0.07s ease, box-shadow 0.07s ease !important;font-weight:900 !important}
body.theme-pixel button:active,body.theme-pixel .btn:active,body.theme-pixel .theme-chip:active,body.theme-pixel .timer-opt:active,body.theme-pixel .diff-pill:active,body.theme-pixel .start-btn:active{transform:translate(2px,2px) !important;box-shadow:1px 1px 0 var(--border) !important}
body.theme-pixel .mute-btn,body.theme-pixel .net-indicator,body.theme-pixel .net-detail-overlay{border-radius:6px !important;border:2px solid var(--border) !important;box-shadow:2px 2px 0 var(--border) !important}
body.theme-pixel h1,body.theme-pixel h2{letter-spacing:-1px !important}
body.theme-pixel .logo h1{text-shadow:4px 4px 0 var(--border),0 0 0 transparent !important;-webkit-text-stroke:1.5px var(--border);color:var(--gold) !important;filter:none !important}
body.theme-pixel .ornament .orn-line{background:linear-gradient(90deg,transparent,var(--border),transparent) !important;height:2px !important}
body.theme-pixel .ornament .orn-dot{background:var(--gold) !important;border-radius:0 !important;width:8px !important;height:8px !important;border:1.5px solid var(--border)}
body.theme-pixel .float-icon{filter:drop-shadow(2px 2px 0 rgba(29,14,42,0.4)) !important}
body.theme-pixel .info-pill{background:var(--card-bg) !important;border:2px solid var(--border) !important;border-radius:3px !important;box-shadow:2px 2px 0 var(--border) !important;color:var(--text) !important;font-weight:900}
body.theme-pixel input,body.theme-pixel textarea,body.theme-pixel select{border:2px solid var(--border) !important;border-radius:4px !important;background:var(--card-bg) !important;color:var(--text) !important;box-shadow:inset 2px 2px 0 rgba(29,14,42,0.08)}
body.theme-pixel input:focus,body.theme-pixel textarea:focus,body.theme-pixel select:focus{outline:none !important;box-shadow:3px 3px 0 var(--gold) !important;border-color:var(--gold) !important}
body.theme-pixel .go-toggle,body.theme-pixel .ac-toggle{border:2px solid var(--border) !important;border-radius:3px !important}
body.theme-pixel .toast{border:2.5px solid var(--border) !important;border-radius:5px !important;box-shadow:4px 4px 0 var(--border) !important}
body.theme-pixel .info-divider{border:0 !important;border-top:2px dashed var(--border) !important;opacity:0.6}
body.theme-pixel .badge,body.theme-pixel .score-chip{border:1.5px solid var(--border) !important;border-radius:3px !important;box-shadow:2px 2px 0 var(--border)}
body.theme-pixel .progress-bar,body.theme-pixel .progress{border:2px solid var(--border) !important;border-radius:3px !important;background:var(--card-bg) !important}
body.theme-pixel .progress-fill{background:var(--gold) !important;border-radius:0 !important}
body.theme-pixel .option-card,body.theme-pixel .quiz-option{border:2.5px solid var(--border) !important;border-radius:5px !important;box-shadow:3px 3px 0 var(--border) !important;background:var(--card-bg) !important}
body.theme-pixel .option-card:active,body.theme-pixel .quiz-option:active{transform:translate(2px,2px) !important;box-shadow:1px 1px 0 var(--border) !important}
body.theme-pixel .net-indicator.lvl4{background:var(--correct) !important;color:var(--border) !important}
body.theme-pixel .net-indicator.lvl3{background:var(--p3) !important;color:var(--border) !important}
body.theme-pixel .net-indicator.lvl2,body.theme-pixel .net-indicator.lvl1{background:var(--gold) !important;color:#fff !important}
body.theme-pixel .lobby-room-card,body.theme-pixel .invite-card{border-radius:6px !important;border:2.5px solid var(--border) !important;box-shadow:4px 4px 0 var(--border) !important}
body.theme-pixel .toast{font-weight:900}
body.theme-pixel ::selection{background:var(--gold);color:var(--card-bg)}
body.theme-pixel .hero-pill{background:var(--card-bg) !important;color:var(--text) !important;text-shadow:none !important}
body.theme-pixel .game-card-mini .gc-icon,body.theme-pixel .showcase-card .sc-icon{filter:drop-shadow(2px 2px 0 rgba(29,14,42,0.35))}
body.theme-pixel .net-detail-overlay .nd-card{border:3px solid var(--border) !important;border-radius:8px !important;box-shadow:6px 6px 0 var(--border) !important}
body.theme-pixel .modal-content,body.theme-pixel .info-modal{background:var(--card-bg) !important}
body.theme-pixel .section-title{color:var(--gold) !important;text-shadow:2px 2px 0 var(--border)}
body.theme-pixel a{color:var(--gold)}
body.theme-pixel .ac-toggle.on,body.theme-pixel .go-toggle.on{background:var(--correct) !important}
@media (max-width:480px){body.theme-pixel .logo h1{text-shadow:3px 3px 0 var(--border) !important}body.theme-pixel .card,body.theme-pixel .modal-content,body.theme-pixel .info-modal,body.theme-pixel .game-option-card,body.theme-pixel .adv-card,body.theme-pixel .mode-card,body.theme-pixel .stat-card,body.theme-pixel .tutorial-slide,body.theme-pixel .room-card{box-shadow:3px 3px 0 var(--border) !important}body.theme-pixel button,body.theme-pixel .btn,body.theme-pixel .hero-pill,body.theme-pixel .theme-chip{box-shadow:2px 2px 0 var(--border) !important}}
/* ============ TOP NAVIGATION ============ */
.top-nav{position:fixed;top:0;left:0;right:0;z-index:9000;background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:0 4px 18px rgba(0,0,0,0.28);display:none;grid-template-columns:repeat(4,1fr);height:calc(68px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);font-family:'Tajawal',Tahoma,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--card-bg) 92%,transparent)}
body.nav-show .top-nav{display:grid}
body.nav-show{padding-top:calc(76px + env(safe-area-inset-top,0px)) !important}
body.nav-show #gameToast{top:84px !important}
.top-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:0.78rem;font-weight:800;transition:color 0.18s, background 0.18s, transform 0.15s;border-bottom:3px solid transparent;gap:3px;padding:8px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
.top-nav-link .tn-icon{font-size:1.55rem;line-height:1;transition:transform 0.18s;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2))}
.top-nav-link .tn-label{font-size:0.76rem;letter-spacing:0.3px;font-weight:800}
.top-nav-link:hover{color:var(--text);background:rgba(201,168,76,0.06)}
.top-nav-link.active{color:var(--gold);border-bottom-color:var(--gold);background:linear-gradient(180deg,rgba(201,168,76,0.04) 0%,rgba(201,168,76,0.12) 100%)}
.top-nav-link.active .tn-icon{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 3px 8px rgba(201,168,76,0.5))}
.top-nav-link.active::before{content:'';position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--gold);border-radius:0 0 4px 4px;box-shadow:0 0 14px var(--gold)}
body.theme-pixel .top-nav{border-bottom:3px solid var(--border);box-shadow:0 4px 0 var(--border);backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card-bg);height:70px}
body.nav-show.theme-pixel{padding-top:78px !important}
body.theme-pixel .top-nav-link.active{background:var(--gold);color:var(--card-bg);border-bottom-color:var(--border)}
body.theme-pixel .top-nav-link.active::before{display:none}
body.theme-pixel .top-nav-link.active .tn-icon{filter:drop-shadow(2px 2px 0 rgba(0,0,0,0.35));transform:scale(1.1)}
@media (max-width:380px){.top-nav{height:62px}body.nav-show{padding-top:70px !important}body.nav-show #gameToast{top:78px !important}.top-nav-link .tn-icon{font-size:1.4rem}.top-nav-link .tn-label{font-size:0.7rem}}
/* ============ GAMES PAGE ============ */
.games-page-header{text-align:center;margin:18px 0 22px;padding:0 16px}
.games-page-header h2{color:var(--gold);font-size:1.7rem;font-weight:900;margin-bottom:8px;text-shadow:0 0 24px rgba(201,168,76,0.25)}
.games-page-header p{color:var(--muted);font-size:0.92rem;line-height:1.5}
.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 6px;max-width:640px;margin:0 auto 24px}
.game-page-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:18px 14px 14px;text-align:center;cursor:pointer;transition:transform 0.18s, border-color 0.2s, box-shadow 0.2s;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:262px;-webkit-tap-highlight-color:transparent}
.game-page-card .gpc-body{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;width:100%}
.game-page-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(201,168,76,0.15) 0%,transparent 65%);opacity:0;transition:opacity 0.22s;pointer-events:none}
.game-page-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 32px rgba(201,168,76,0.2)}
.game-page-card:hover::before{opacity:1}
.game-page-card:active{transform:translateY(-1px)}
.game-page-card .gpc-icon{font-size:2.6rem;line-height:1;margin-bottom:0;filter:drop-shadow(0 5px 10px rgba(0,0,0,0.25));animation:gpcIconFloat 4s ease-in-out infinite}
@keyframes gpcIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.game-page-card:nth-child(2) .gpc-icon{animation-delay:0.5s}
.game-page-card:nth-child(3) .gpc-icon{animation-delay:1s}
.game-page-card:nth-child(4) .gpc-icon{animation-delay:1.5s}
.game-page-card:nth-child(5) .gpc-icon{animation-delay:2s}
.game-page-card:nth-child(6) .gpc-icon{animation-delay:2.5s}
.game-page-card h3{color:var(--text);font-size:1.08rem;font-weight:900;margin:0;letter-spacing:0.2px;min-height:1.3em}
.game-page-card p{color:var(--muted);font-size:0.78rem;line-height:1.5;margin:0;padding:0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;min-height:3.2em}
.game-page-card .gpc-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:0;min-height:48px;align-content:center}
.game-page-card .gpc-badges span{background:rgba(201,168,76,0.12);color:var(--gold);font-size:0.66rem;font-weight:800;padding:2px 8px;border-radius:8px;border:1px solid rgba(201,168,76,0.22);height:fit-content}
.game-page-card .gpc-btn{background:linear-gradient(135deg,var(--gold),#a8720c);color:#1a1a1a;border:none;border-radius:11px;padding:9px 18px;font-weight:900;font-size:0.88rem;cursor:pointer;width:100%;margin-top:auto;font-family:inherit;box-shadow:0 4px 12px rgba(201,168,76,0.28);transition:transform 0.12s, box-shadow 0.12s}
.game-page-card .gpc-btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(201,168,76,0.2)}
body.theme-pixel .game-page-card{border:2.5px solid var(--border) !important;border-radius:8px !important;box-shadow:4px 4px 0 var(--border) !important}
body.theme-pixel .game-page-card::before{display:none}
body.theme-pixel .game-page-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border) !important}
body.theme-pixel .game-page-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border) !important}
body.theme-pixel .game-page-card .gpc-icon{filter:drop-shadow(2px 2px 0 rgba(29,14,42,0.4))}
body.theme-pixel .game-page-card .gpc-badges span{background:var(--card-bg);color:var(--gold);border:1.5px solid var(--border);border-radius:3px}
body.theme-pixel .game-page-card .gpc-btn{background:var(--gold);color:var(--card-bg);border:2px solid var(--border);border-radius:4px;box-shadow:3px 3px 0 var(--border)}
body.theme-pixel .game-page-card .gpc-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border)}
body.theme-pixel .games-page-header h2{text-shadow:3px 3px 0 var(--border)}
@media (max-width:380px){.games-grid{grid-template-columns:1fr;max-width:340px;gap:12px}.game-page-card{min-height:auto;padding:16px 14px;flex-direction:row;text-align:right;gap:14px;align-items:center}.game-page-card .gpc-icon{font-size:2.4rem;margin:0;flex-shrink:0}.game-page-card .gpc-body{flex-grow:1;display:flex;flex-direction:column;gap:5px}.game-page-card .gpc-btn{width:auto;min-width:80px;padding:7px 14px;font-size:0.78rem}.game-page-card h3{font-size:1rem}.game-page-card p{font-size:0.74rem;padding:0;min-height:auto;-webkit-line-clamp:2}.game-page-card .gpc-badges{justify-content:flex-start;min-height:auto}.game-page-card .gpc-badges span{font-size:0.6rem;padding:1px 6px}}
.games-modes-divider{display:flex;align-items:center;gap:14px;margin:28px auto 18px;max-width:540px;padding:0 16px;color:var(--muted);font-size:0.82rem;font-weight:700}
.footer-links{display:none !important}
body.on-home .footer-links{display:inline-flex !important}
.wanees-logo-img{width:min(300px,72vw);aspect-ratio:880/744;margin:0 auto;background:url('wanees-logo-base.png?v=1') center/contain no-repeat;transform-origin:center center;will-change:transform;filter:drop-shadow(0 8px 18px rgba(232,105,74,0.32)) drop-shadow(0 3px 8px rgba(100,149,237,0.22));animation:waneesFloat 4.5s ease-in-out infinite;cursor:pointer;transition:transform 0.2s;position:relative;background-color:transparent;--logo-text:#c9a84c}
.wanees-logo-img.pressed{animation:waneesPressed 0.42s cubic-bezier(.34,1.56,.64,1)}
@keyframes waneesPressed{0%{transform:scale(1)}30%{transform:scale(0.94) rotate(-1.5deg)}55%{transform:scale(1.06) rotate(0.8deg)}80%{transform:scale(0.98) rotate(-0.3deg)}100%{transform:scale(1)}}
.wanees-logo-img:active{transform:scale(0.97)}
.wanees-logo-img::before{content:'';position:absolute;right:11%;top:6%;width:18%;height:23%;border-radius:50%;background:radial-gradient(circle,rgba(255,200,90,0.6) 0%,rgba(255,140,70,0.25) 35%,transparent 70%);opacity:0;pointer-events:none;transform:translate(50%,-50%) scale(0.4);transition:opacity 0.2s;z-index:2}
.wanees-logo-img.pressed::before{animation:waneesJoystickGlow 0.6s ease-out}
@keyframes waneesJoystickGlow{0%{opacity:0;transform:translate(50%,-50%) scale(0.4)}30%{opacity:1;transform:translate(50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(50%,-50%) scale(1.4)}}
.wanees-logo-img::after{content:'';position:absolute;inset:0;background:var(--logo-text);-webkit-mask:url('wanees-logo-text.png?v=1') center/contain no-repeat;mask:url('wanees-logo-text.png?v=1') center/contain no-repeat;pointer-events:none;z-index:1;transition:background 0.3s}
@keyframes waneesFloat{0%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-6px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-3deg)}75%{transform:translateY(-4px) rotate(-4deg)}100%{transform:translateY(0) rotate(-3deg)}}
.wanees-logo-img:hover{transform:translateY(-6px) rotate(-1deg) scale(1.04);animation-play-state:paused}
body.theme-dark .wanees-logo-img{--logo-text:#c9a84c;filter:drop-shadow(0 8px 22px rgba(232,105,74,0.4)) drop-shadow(0 4px 14px rgba(100,149,237,0.3)) drop-shadow(0 0 30px rgba(240,210,90,0.15))}
body.theme-light .wanees-logo-img{--logo-text:#a8720c;filter:drop-shadow(0 6px 14px rgba(168,114,12,0.32)) drop-shadow(0 2px 6px rgba(120,80,8,0.2))}
body.theme-gold .wanees-logo-img{--logo-text:#f59e0b;filter:drop-shadow(0 8px 22px rgba(255,180,50,0.45)) drop-shadow(0 4px 14px rgba(255,140,40,0.32)) drop-shadow(0 0 32px rgba(240,200,90,0.22))}
body.theme-blue .wanees-logo-img{--logo-text:#ffffff;filter:drop-shadow(0 8px 22px rgba(80,140,255,0.5)) drop-shadow(0 4px 14px rgba(100,180,240,0.38)) drop-shadow(0 0 30px rgba(180,210,255,0.3))}
body.theme-purple .wanees-logo-img{--logo-text:#8b5cf6;filter:drop-shadow(0 6px 16px rgba(139,92,246,0.32)) drop-shadow(0 2px 6px rgba(120,60,200,0.2))}
body.theme-darkpurple .wanees-logo-img{--logo-text:#c4b5fd;filter:drop-shadow(0 8px 22px rgba(180,140,255,0.45)) drop-shadow(0 4px 14px rgba(160,100,230,0.32)) drop-shadow(0 0 32px rgba(180,140,242,0.22))}
body.theme-pixel .wanees-logo-img{--logo-text:#ec4899;filter:drop-shadow(4px 4px 0 rgba(29,14,42,0.55)) drop-shadow(-2px -2px 0 rgba(255,255,255,0.18)) contrast(1.05);animation:waneesFloatPixel 4.5s ease-in-out infinite;image-rendering:pixelated}
@keyframes waneesFloatPixel{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-3deg)}}
@media (max-width:380px){.wanees-logo-img{width:min(270px,78vw)}}
@media (prefers-reduced-motion:reduce){.wanees-logo-img{animation:none;transform:rotate(-3deg)}}
.profile-page-header{display:flex;justify-content:center;align-items:center;max-width:620px;margin:0 auto 22px;padding:0 12px}
.profile-title-frame{position:relative;display:inline-block;padding:12px 32px;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(201,168,76,0.05) 100%);border:1.5px solid var(--gold);border-radius:18px;color:var(--gold);font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.25rem;letter-spacing:0.4px;box-shadow:0 6px 22px rgba(201,168,76,0.18),inset 0 0 0 1px rgba(201,168,76,0.08);text-shadow:0 0 18px rgba(201,168,76,0.3)}
.profile-title-frame::before,.profile-title-frame::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:14px;height:1.5px;background:var(--gold);opacity:0.6}
.profile-title-frame::before{right:-20px}
.profile-title-frame::after{left:-20px}
body.theme-pixel .profile-title-frame{border:2.5px solid var(--border);border-radius:6px;box-shadow:4px 4px 0 var(--border);background:var(--card-bg);text-shadow:2px 2px 0 var(--border)}
body.theme-pixel .profile-title-frame::before,body.theme-pixel .profile-title-frame::after{height:3px;background:var(--border);opacity:1}
@media (max-width:380px){.profile-title-frame{padding:10px 24px;font-size:1.1rem}.profile-title-frame::before{right:-16px;width:10px}.profile-title-frame::after{left:-16px;width:10px}}
.game-screen-topbar{display:flex;justify-content:flex-start;margin:0 auto 28px;max-width:620px;padding:0 4px 10px;border-bottom:1px solid rgba(201,168,76,0.12)}
.game-exit-btn{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text);font-family:'Tajawal',sans-serif;font-weight:800;font-size:0.82rem;padding:7px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:transform 0.15s,border-color 0.15s,background 0.15s,opacity 0.15s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px rgba(0,0,0,0.18);opacity:0.78}
.game-exit-btn:hover{background:var(--option-bg);border-color:var(--gold);color:var(--gold);opacity:1}
.game-exit-btn:active{transform:translateY(1px)}
body.theme-pixel .game-exit-btn{border:2px solid var(--border);border-radius:4px;box-shadow:2px 2px 0 var(--border);font-weight:900}
body.theme-pixel .game-exit-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border)}
.theme-section{max-width:560px;margin:36px auto 28px;padding:0 12px}
.theme-section-head{text-align:center;margin-bottom:16px}
.theme-section-title{color:var(--gold);font-size:1.25rem;font-weight:900;margin-bottom:5px;letter-spacing:0.3px}
.theme-section-sub{color:var(--muted);font-size:0.8rem;font-weight:600}
.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 !important}
.theme-card{display:flex !important;flex-direction:row;align-items:center;gap:12px;padding:12px !important;border-radius:16px !important;border:1.5px solid var(--border) !important;background:var(--card-bg) !important;cursor:pointer;transition:transform 0.15s,border-color 0.2s,box-shadow 0.2s;text-align:right;color:var(--text) !important;font-weight:700;position:relative;-webkit-tap-highlight-color:transparent;overflow:hidden}
.theme-card .tc-preview{flex-shrink:0;width:54px;height:54px;border-radius:10px;border:1.5px solid var(--border);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),0 2px 6px rgba(0,0,0,0.15)}
.theme-card .tcp-bar{position:absolute;top:0;left:0;right:0;height:9px}
.theme-card .tcp-dot{position:absolute;top:16px;right:6px;width:8px;height:8px;border-radius:50%}
.theme-card .tcp-line{position:absolute;left:6px;right:20px;height:3px;border-radius:2px;top:18px}
.theme-card .tcp-line.short{top:25px;right:24px;left:20px;height:2.5px}
.theme-card .tcp-pixel{position:absolute;width:9px;height:9px;background:#fff}
.theme-card .tcp-pixel{top:16px;left:6px}
.theme-card .tcp-pixel.two{top:28px;right:8px;left:auto}
.theme-card .tcp-pixel.three{top:38px;left:18px;width:8px;height:8px}
.theme-card .tc-info{display:flex;flex-direction:column;gap:3px;flex-grow:1;min-width:0}
.theme-card .tc-name{font-size:0.92rem;font-weight:900;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-card .tc-sub{font-size:0.7rem;font-weight:600;color:var(--muted);line-height:1.2;letter-spacing:0.2px}
.theme-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 22px rgba(201,168,76,0.2)}
.theme-card:hover .tc-preview{transform:scale(1.04)}
.theme-card .tc-preview{transition:transform 0.2s}
.theme-card.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(201,168,76,0.1),rgba(201,168,76,0.02)) !important;box-shadow:0 0 0 2px rgba(201,168,76,0.25),0 6px 18px rgba(201,168,76,0.18)}
.theme-card.active .tc-name{color:var(--gold)}
.theme-card.active::after{content:'✓';position:absolute;top:7px;left:7px;width:20px;height:20px;background:var(--gold);color:var(--card-bg);border-radius:50%;font-size:0.76rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(201,168,76,0.5)}
.theme-card:active{transform:translateY(0)}
body.theme-pixel .theme-card{border:2.5px solid var(--border) !important;border-radius:6px !important;box-shadow:3px 3px 0 var(--border) !important}
body.theme-pixel .theme-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border) !important}
body.theme-pixel .theme-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border) !important}
body.theme-pixel .theme-card.active{border-color:var(--gold) !important;background:var(--card-bg) !important}
body.theme-pixel .theme-card.active::after{border-radius:3px;box-shadow:1.5px 1.5px 0 var(--border)}
body.theme-pixel .theme-card .tc-preview{border-radius:3px;border:2px solid var(--border)}
body.theme-pixel .theme-section-title{text-shadow:2px 2px 0 var(--border)}
@media (max-width:340px){.theme-grid{grid-template-columns:1fr}.theme-card{padding:10px 12px !important}}
.games-modes-divider::before,.games-modes-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.games-modes-divider span{white-space:nowrap;color:var(--gold);font-weight:800;letter-spacing:0.3px}
.games-home-grid{max-width:560px;margin:0 auto 30px;padding:0 8px}
body.theme-pixel .games-modes-divider::before,body.theme-pixel .games-modes-divider::after{background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px)}
body.theme-pixel .games-modes-divider span{text-shadow:2px 2px 0 var(--border)}