@keyframes nodePulse{0%,to{box-shadow:0 0 10px var(--c),0 0 20px var(--c) 44}50%{box-shadow:0 0 25px var(--c),0 0 50px var(--c) 88}}@keyframes floatBadge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}70%{transform:translate(-50%,-60%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.8);opacity:0}}@keyframes fly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(.5)}}@keyframes pulse2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}:root{--bg: #06060f;--panel: #0d0d1f;--border: #1a1a3a;--accent: #00f5ff;--gold: #ffd700;--purple: #a855f7;--green: #22c55e;--red: #ef4444;--orange: #f97316;--text: #e2e8f0;--muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,245,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.04) 0%,transparent 60%);pointer-events:none;z-index:0}#homeBg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;transition:opacity .4s ease}.screen{display:none;flex-direction:column;min-height:100vh;position:relative;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.active{display:flex}.screen:not(#home):not(#game){background:var(--bg)}.chips{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--border);border-radius:50px;padding:.35rem .9rem;font-size:.82rem;display:flex;align-items:center;gap:.4rem}.chip-val{font-family:Poppins,sans-serif;font-weight:700;color:var(--accent)}.chip.timer{border-color:var(--orange);display:none}.chip.timer .chip-val{color:var(--orange)}.chip.timer.urgent{border-color:var(--red);animation:blink .5s infinite}.chip.timer.urgent .chip-val{color:var(--red)}.chip.timer.bonus-flash{border-color:var(--green)!important;background:#22c55e33!important;transform:scale(1.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}.chip.timer.bonus-flash .chip-val{color:var(--green)!important}.chip.timer.penalty-flash{border-color:var(--red)!important;background:#ef444440!important;transform:scale(1.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}.chip.timer.penalty-flash .chip-val{color:var(--red)!important}.streak-chip{display:flex;align-items:center;gap:.4rem;font-family:Poppins,sans-serif;font-size:.8rem;color:var(--orange)}.btn{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.8rem;border-radius:10px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#000;box-shadow:0 4px 20px #00f5ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00f5ff66}.btn-secondary{background:var(--panel);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nav-back{background:none;border:none;color:var(--muted);cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;display:flex;align-items:center;gap:.4rem;padding:.4rem;transition:color .15s}.nav-back:hover{color:var(--accent)}.centered{text-align:center}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%) translateY(-80px);padding:.7rem 1.8rem;border-radius:50px;font-family:Poppins,sans-serif;font-weight:700;font-size:.95rem;color:#fff;z-index:999;transition:transform .25s ease;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.toast.good{background:var(--green)}.toast.bad{background:var(--red)}.combo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:Poppins,sans-serif;font-size:2rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.8);z-index:998;pointer-events:none}.combo.show{animation:comboPop 1s ease-out forwards}.particle{position:fixed;pointer-events:none;font-size:1.4rem;z-index:997;animation:fly .9s ease-out forwards}.mode-label{font-family:Poppins,sans-serif;font-size:.7rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-top:.2rem}#startOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#06060ff7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;padding:2rem;text-align:center}.start-title{font-family:Poppins,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:900;background:linear-gradient(135deg,#00f5ff,#a855f7,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.start-sub{display:inline-flex;align-items:center;gap:1rem;font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg,gold,#fa0,#fff4a0 40%,gold,#fff4a0 60%,#fa0,gold);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,215,0,.35));animation:legendShimmer 5s linear infinite}.start-sub:before,.start-sub:after{content:"";display:inline-block;width:36px;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.55;-webkit-text-fill-color:initial}.start-spark{font-size:2.5rem;animation:pulse2 1s infinite}.start-tabs{display:flex;gap:.4rem;max-width:340px;width:100%}.start-tab{flex:1;background:#0d0d1fcc;border:1px solid #1a1a3a;color:#94a3b8;font-family:Poppins,sans-serif;font-size:.7rem;letter-spacing:1px;padding:.55rem .5rem;border-radius:8px;cursor:pointer;transition:all .15s}.start-tab.active{background:#00f5ff1f;border-color:#00f5ff80;color:#00f5ff}.start-tab:hover{color:#fff}.start-panel{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.8rem}.start-panel input{background:#0d0d1f;border:2px solid #1a1a3a;border-radius:12px;padding:.9rem 1.1rem;font-family:Poppins,sans-serif;font-size:1rem;color:#e2e8f0;text-align:center;outline:none;width:100%;transition:border-color .2s}.start-panel input:focus{border-color:#00f5ff}.start-error{font-size:.75rem;color:#f87171;text-align:center;min-height:1rem;letter-spacing:.5px}.btn-cta{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#00f5ff,#a855f7);color:#000;box-shadow:0 4px 20px #00f5ff66}.start-note{font-size:.72rem;color:#334155;max-width:260px;line-height:1.6}.math-inline{display:inline-block;white-space:nowrap}.math-inline .katex{white-space:nowrap}.math-block{display:block;text-align:center;white-space:nowrap;margin:6px auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.math-block .katex-display{margin:0}#updateBanner{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#06060ff2;border:1px solid rgba(34,197,94,.5);border-radius:14px;padding:11px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;max-width:calc(100% - 32px);box-sizing:border-box;box-shadow:0 8px 30px #00000080;animation:updateDrop .4s ease}@keyframes updateDrop{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#updateBannerText{color:#ffffffe6;font-size:.85rem;flex:1;white-space:nowrap}#updateBtn{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;color:#fff;font-weight:800;font-size:.82rem;padding:8px 18px;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0}#iosBanner{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;z-index:200;animation:installSlide .4s ease}.ios-banner-inner{display:flex;align-items:center;gap:10px;background:#06060ff2;border:1px solid rgba(168,85,247,.5);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ios-banner-text{color:#ffffffe6;font-size:.83rem;flex:1;line-height:1.5}.ios-share-icon{font-size:1rem}#iosBannerDismiss{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:4px 6px;flex-shrink:0}#installBanner{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#06060feb;border:1px solid rgba(0,245,255,.35);border-radius:14px;padding:11px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;max-width:calc(100% - 32px);box-sizing:border-box;animation:installSlide .4s ease}@keyframes installSlide{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#installBannerText{color:#ffffffd9;font-size:.83rem;flex:1;line-height:1.3}#installBtn{background:linear-gradient(90deg,#00f5ff,#a855f7);border:none;color:#06060f;font-weight:800;font-size:.82rem;padding:8px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0}#installDismiss{background:none;border:none;color:#ffffff59;font-size:1.1rem;cursor:pointer;padding:4px;flex-shrink:0}#home{align-items:center;justify-content:flex-start;padding:1.4rem 1rem calc(88px + env(safe-area-inset-bottom,0px));gap:1rem;text-align:center;background:transparent;overflow-y:auto}.home-brand{text-align:center}.logo-title{font-family:Poppins,sans-serif;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:900;background:linear-gradient(135deg,var(--accent),var(--purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;line-height:1}.logo-sub{display:inline-flex;align-items:center;gap:1rem;font-family:Poppins,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:7px;text-transform:uppercase;margin-top:.6rem;background:linear-gradient(90deg,gold,#fa0,#fff4a0 40%,gold,#fff4a0 60%,#fa0,gold);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,215,0,.3));animation:legendShimmer 5s linear infinite}.logo-sub:before,.logo-sub:after{content:"";display:inline-block;width:28px;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.5;-webkit-text-fill-color:initial}@keyframes legendShimmer{0%{background-position:0% center}to{background-position:300% center}}.player-card{width:100%;max-width:420px;background:linear-gradient(160deg,#00f5ff0f,#a855f70d,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px 16px 14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff1a,inset 0 -1px #0003;display:flex;flex-direction:column;gap:12px}.home-hero{text-align:center}.home-welcome{font-size:.82rem;color:#ffffff80;margin-bottom:.4rem}#playerNameDisplay{color:#fff;font-weight:700}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00f5ff1f,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:50px;padding:.35rem 1.1rem;font-size:.82rem;color:var(--accent);letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.xp-wrap{width:100%}.xp-label{display:flex;justify-content:space-between;font-size:.7rem;color:#fff6;margin-bottom:.35rem}.xp-track{background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:50px;overflow:hidden;height:10px}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;transition:width .6s ease;box-shadow:0 0 10px #00f5ff80,0 0 20px #00f5ff33;width:0%}.next-rank-hint,.diff-indicator{display:none}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:#00000040;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.stat-box{padding:.7rem .4rem;text-align:center;border-right:1px solid rgba(255,255,255,.07)}.stat-box:last-child{border-right:none}.stat-num{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.stat-lbl{font-size:.6rem;color:#ffffff61;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}.mode-card.story{grid-column:1 / -1}.mode-card{border-radius:20px;padding:18px 14px 15px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:5px}.mode-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mode-card.story{background:linear-gradient(145deg,#06182a,#082d40 55%,#063040);border:1px solid rgba(0,245,255,.35);box-shadow:0 8px 28px #0000008c,0 0 0 1px #00f5ff0a inset}.mode-card.story:hover{transform:translateY(-4px);border-color:#00f5ffa6;box-shadow:0 18px 48px #0009,0 0 35px #00f5ff2e}.mode-card.practice{background:linear-gradient(145deg,#100820,#1c0d38 55%,#140a2c);border:1px solid rgba(168,85,247,.35);box-shadow:0 8px 28px #0000008c,0 0 0 1px #a855f70a inset}.mode-card.practice:hover{transform:translateY(-4px);border-color:#a855f7a6;box-shadow:0 18px 48px #0009,0 0 35px #a855f72e}.mode-card.marathon{background:linear-gradient(145deg,#041810,#092b18 55%,#061e10);border:1px solid rgba(34,197,94,.35);box-shadow:0 8px 28px #0000008c,0 0 0 1px #22c55e0a inset}.mode-card.marathon:hover{transform:translateY(-4px);border-color:#22c55ea6;box-shadow:0 18px 48px #0009,0 0 35px #22c55e26}.mode-card.exam{background:linear-gradient(145deg,#181200,#2b1f00 55%,#1e1700);border:1px solid rgba(255,215,0,.3);box-shadow:0 8px 28px #0000008c,0 0 0 1px #ffd7000a inset}.mode-card.exam:hover{transform:translateY(-4px);border-color:#ffd70099;box-shadow:0 18px 48px #0009,0 0 35px #ffd70026}.mode-card.duel{background:linear-gradient(145deg,#16072a,#280b44 55%,#1a0830);border:1px solid rgba(168,85,247,.4);box-shadow:0 8px 28px #0000008c,0 0 0 1px #a855f70f inset}.mode-card.duel:hover{transform:translateY(-4px);border-color:#a855f7b3;box-shadow:0 18px 48px #0009,0 0 40px #a855f738}.mode-card.liveclass{background:linear-gradient(145deg,#2a0a14,#3a0f1f 55%,#281013);border:1px solid rgba(255,99,132,.4);box-shadow:0 8px 28px #0000008c,0 0 0 1px #ff63840f inset}.mode-card.liveclass:hover{transform:translateY(-4px);border-color:#ff6384bf;box-shadow:0 18px 48px #0009,0 0 40px #ff638440}.mode-card.realms{background:linear-gradient(145deg,#2a1c05,#38260a 55%,#281c08);border:1px solid rgba(245,158,11,.45);box-shadow:0 8px 28px #0000008c,0 0 0 1px #f59e0b0f inset}.mode-card.realms:hover{transform:translateY(-4px);border-color:#f59e0bcc;box-shadow:0 18px 48px #0009,0 0 40px #f59e0b40}.mode-card.realms .mode-icon{filter:drop-shadow(0 0 12px rgba(245,158,11,.7))}.mode-card.olympiad{background:linear-gradient(145deg,#2a1500,#3a2000 55%,#281600);border:1px solid rgba(249,115,22,.4);box-shadow:0 8px 28px #0000008c,0 0 0 1px #f973160f inset}.mode-card.olympiad:hover{transform:translateY(-4px);border-color:#f97316bf;box-shadow:0 18px 48px #0009,0 0 40px #f9731640}.mode-icon{font-size:2.5rem;display:block;line-height:1;margin-bottom:2px}.mode-card.story .mode-icon{filter:drop-shadow(0 0 10px rgba(0,245,255,.7));font-size:2.8rem}.mode-card.practice .mode-icon{filter:drop-shadow(0 0 10px rgba(168,85,247,.7))}.mode-card.marathon .mode-icon{filter:drop-shadow(0 0 10px rgba(34,197,94,.7))}.mode-card.exam .mode-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.7))}.mode-card.duel .mode-icon{filter:drop-shadow(0 0 14px rgba(168,85,247,.8))}.mode-card.liveclass .mode-icon{filter:drop-shadow(0 0 12px rgba(255,99,132,.8))}.mode-name{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.5px;margin-bottom:1px}.story-name{color:var(--accent)}.practice-name{color:var(--purple)}.marathon-name{color:var(--green)}.exam-name{color:var(--gold)}.duel-name{color:#c084fc}.liveclass-name{color:#ff6384}.olympiad-name{color:#f97316}.mode-desc{font-size:.63rem;color:#ffffff61;line-height:1.35;max-width:120px}.mode-card.story .mode-desc{max-width:240px}.mode-card.story{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon name" "icon desc";column-gap:16px;row-gap:4px;align-items:center;text-align:left;padding:18px 20px}.mode-card.story .mode-icon{grid-area:icon;font-size:3rem;align-self:center;margin-bottom:0}.mode-card.story .mode-name{grid-area:name;font-size:.92rem;margin-bottom:0;align-self:end}.mode-card.story .mode-desc{grid-area:desc;font-size:.7rem;color:#ffffff73;max-width:100%;align-self:start}.home-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.daily-panel{max-width:760px;margin:0 auto 1.1rem;padding:14px 16px;background:linear-gradient(160deg,#141a30eb,#0c1020eb);border:1px solid rgba(168,85,247,.28);border-radius:18px;box-shadow:0 10px 34px #0006}.daily-panel:empty{display:none}.daily-head{display:flex;align-items:stretch;gap:14px}.daily-streak{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;padding:8px 10px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#ffa0282e,#ff5a1e0d);border:1px solid rgba(255,160,40,.3)}.daily-flame{font-size:1.7rem;filter:grayscale(1) opacity(.5);line-height:1}.daily-flame.lit{filter:none;animation:flameBob 1.6s ease-in-out infinite}@keyframes flameBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}}.daily-streak-n{font-size:1.7rem;font-weight:900;color:#ffb43a;line-height:1.1}.daily-streak-lbl{font-size:.62rem;font-weight:700;color:#c9a87a;text-align:center;text-transform:uppercase;letter-spacing:.04em}.daily-freeze{margin-top:4px;font-size:.64rem;font-weight:800;color:#7dd3fc}.daily-cta{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}.daily-week{display:flex;gap:5px}.daily-pill{flex:1;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;color:#8b96b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.daily-pill.done{color:gold;background:#ffd7001f;border-color:#ffd70066}.daily-pill.today{color:#07101f;background:linear-gradient(180deg,#ffe27a,#ffc02e);border-color:gold;box-shadow:0 0 12px #ffc82e80;transform:scale(1.06)}.daily-claim{width:100%;padding:11px 12px;border-radius:12px;border:none;cursor:pointer;font-weight:900;font-size:.92rem;color:#07101f;background:linear-gradient(95deg,#ffd95e,#ffb02e);box-shadow:0 4px #b4780080;transition:transform .08s}.daily-claim:active{transform:translateY(2px);box-shadow:0 2px #b4780080}.daily-claim.claimed{background:#ffffff0f;color:#7b86a8;box-shadow:none;cursor:default;border:1px solid rgba(255,255,255,.1)}.daily-quests-title{margin:13px 0 7px;font-weight:800;font-size:.8rem;color:#d8b4fe;letter-spacing:.03em}.daily-quests{display:flex;flex-direction:column;gap:7px}.quest-row{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:11px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.quest-row.quest-done{border-color:#4ade8066;background:#4ade8014}.quest-icon{font-size:1.05rem;flex:0 0 auto}.quest-main{flex:1;min-width:0}.quest-label{font-size:.8rem;font-weight:700;color:#e6ecff;margin-bottom:5px}.quest-bar{height:6px;border-radius:99px;background:#00000059;overflow:hidden}.quest-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#a855f7);border-radius:99px;transition:width .4s ease}.quest-reward{font-size:.78rem;font-weight:800;color:gold;flex:0 0 auto}.quest-row.quest-done .quest-reward{color:#4ade80}.season-banner{max-width:760px;margin:0 auto 1rem;padding:12px 16px;cursor:pointer;background:linear-gradient(120deg,#a855f738,#00f5ff1f);border:1px solid rgba(168,85,247,.4);border-radius:16px;transition:transform .1s,box-shadow .2s}.season-banner:empty{display:none}.season-banner:active{transform:scale(.99)}.season-banner.has-claim{border-color:gold;box-shadow:0 0 18px #ffd70059;animation:seasonGlow 2s ease-in-out infinite}@keyframes seasonGlow{0%,to{box-shadow:0 0 12px #ffd70040}50%{box-shadow:0 0 22px #ffd70080}}.season-banner-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.season-banner-title{font-weight:800;font-size:.86rem;color:#e9ddff}.season-banner-tier{font-size:.76rem;font-weight:700;color:#9aa4c8;white-space:nowrap}.season-banner-tier b{color:gold}.season-banner-bar{height:8px;border-radius:99px;background:#0006;overflow:hidden}.season-banner-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#a855f7,#00f5ff);transition:width .5s ease}.season-banner-sub{margin-top:6px;font-size:.74rem;color:#b9c2e0}#season{padding-bottom:90px}.season-head{text-align:center;font-weight:800;color:#d8b4fe;margin:6px auto 4px;font-size:.92rem}.season-intro{max-width:680px;margin:0 auto 14px;padding:0 16px;text-align:center;color:#9aa4c8;font-size:.84rem;line-height:1.5}.season-track{max-width:680px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:8px}.season-tier{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.season-tier.ready{border-color:gold;background:#ffd70014}.season-tier.claimed{opacity:.65}.season-tier.locked{opacity:.85}.season-tier-num{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.82rem;background:#1c2440;color:#cdd6f4;border:1px solid #2a3050}.season-tier.ready .season-tier-num{background:linear-gradient(180deg,#ffe27a,#ffc02e);color:#07101f;border-color:gold}.season-tier.claimed .season-tier-num{background:#1a3a28;color:#4ade80;border-color:#2e6a44}.season-tier-reward{flex:1;display:flex;align-items:center;gap:9px;font-weight:700;font-size:.85rem;color:#e6ecff}.season-tier-icon{font-size:1.2rem}.season-tier-action{flex:0 0 auto}.season-claim-btn{background:linear-gradient(95deg,#ffd95e,#ffb02e);color:#07101f;border:none;border-radius:10px;padding:7px 16px;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 3px #b4780080}.season-claim-btn:active{transform:translateY(2px);box-shadow:0 1px #b4780080}.season-claimed{color:#4ade80;font-weight:800;font-size:.78rem}.season-need{color:#8b96b8;font-weight:700;font-size:.78rem}.mode-card.weakspots .mode-icon,.weakspots-name{color:#f43f5e}#weakspots{padding-bottom:90px}.weak-intro{max-width:680px;margin:6px auto 14px;padding:0 16px;text-align:center;color:#9aa4c8;font-size:.88rem;line-height:1.5}.weak-list{max-width:680px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:8px}.weak-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.weak-row.target{border-color:#f43f5e80;background:#f43f5e12}.weak-topic{flex:0 0 38%;font-weight:700;font-size:.82rem;color:#e6ecff}.weak-tag{font-size:.6rem;font-weight:800;color:#07101f;background:#f43f5e;padding:1px 6px;border-radius:99px;vertical-align:middle}.weak-bar{flex:1;height:8px;border-radius:99px;background:#0006;overflow:hidden}.weak-fill{height:100%;border-radius:99px;transition:width .5s ease}.weak-fill.weak{background:linear-gradient(90deg,#f43f5e,#fb7185)}.weak-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.weak-fill.strong{background:linear-gradient(90deg,#22c55e,#4ade80)}.weak-pct{flex:0 0 38px;text-align:right;font-weight:800;font-size:.82rem}.weak-pct.weak{color:#fb7185}.weak-pct.mid{color:#fbbf24}.weak-pct.strong{color:#4ade80}.weak-n{flex:0 0 30px;text-align:right;font-size:.7rem;color:#8b96b8}.weak-drill{display:block;max-width:680px;margin:18px auto 0}.daily-challenge{margin-top:13px}.daily-challenge-btn{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(168,85,247,.55);background:linear-gradient(95deg,#a855f747,#00f5ff2e);color:#fff;font-weight:800;font-size:.86rem;cursor:pointer;transition:transform .08s}.daily-challenge-btn:active{transform:translateY(2px)}.daily-challenge-btn.done{background:#ffffff0d;border-color:#ffffff24;color:#b9c2e0}.daily-top-line{text-align:center;font-size:.76rem;color:#ffe9a0;margin-top:7px}.daily-top-line b{color:#fff}@media (max-width: 480px){.daily-streak{min-width:70px}.daily-pill{font-size:.58rem;height:26px}.quest-label{font-size:.74rem}}#game{padding:1.5rem;gap:1.2rem;position:relative;background-color:#010109;background-image:radial-gradient(ellipse 55% 40% at 78% 16%,rgba(20,4,60,.4) 0%,transparent 65%),radial-gradient(ellipse 45% 38% at 9% 82%,rgba(4,14,72,.32) 0%,transparent 65%),radial-gradient(ellipse 70% 28% at 44% 52%,rgba(35,4,50,.18) 0%,transparent 58%),radial-gradient(ellipse 32% 50% at 93% 62%,rgba(2,10,55,.28) 0%,transparent 65%),radial-gradient(2px 2px at 17% 19%,#fff,transparent),radial-gradient(2px 2px at 50% 35%,#cce8ff,transparent),radial-gradient(2px 2px at 83% 44%,#fff,transparent),radial-gradient(2px 2px at 30% 68%,#cce8ff,transparent),radial-gradient(2px 2px at 69% 83%,#fff,transparent),radial-gradient(1.5px 1.5px at 7% 14%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 24% 26%,rgba(200,230,255,.85),transparent),radial-gradient(1.5px 1.5px at 43% 10%,rgba(255,255,255,.88),transparent),radial-gradient(1.5px 1.5px at 66% 30%,rgba(200,230,255,.9),transparent),radial-gradient(1.5px 1.5px at 85% 22%,rgba(255,255,255,.86),transparent),radial-gradient(1.5px 1.5px at 14% 54%,rgba(255,255,255,.88),transparent),radial-gradient(1.5px 1.5px at 38% 48%,rgba(200,230,255,.84),transparent),radial-gradient(1.5px 1.5px at 57% 62%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 79% 57%,rgba(200,230,255,.85),transparent),radial-gradient(1.5px 1.5px at 92% 37%,rgba(255,255,255,.88),transparent),radial-gradient(1.5px 1.5px at 31% 77%,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 52% 83%,rgba(200,230,255,.9),transparent),radial-gradient(1px 1px at 2% 5%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 9% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 3%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 22% 17%,rgba(255,255,255,.48),transparent),radial-gradient(1px 1px at 29% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 36% 14%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 42% 4%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 49% 21%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 56% 9%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 63% 16%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 5%,rgba(255,255,255,.72),transparent),radial-gradient(1px 1px at 77% 13%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 84% 7%,rgba(255,255,255,.62),transparent),radial-gradient(1px 1px at 91% 18%,rgba(255,255,255,.46),transparent),radial-gradient(1px 1px at 97% 3%,rgba(255,255,255,.68),transparent),radial-gradient(1px 1px at 5% 38%,rgba(255,255,255,.42),transparent),radial-gradient(1px 1px at 12% 44%,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 19% 31%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 27% 52%,rgba(255,255,255,.64),transparent),radial-gradient(1px 1px at 34% 38%,rgba(255,255,255,.44),transparent),radial-gradient(1px 1px at 41% 60%,rgba(255,255,255,.68),transparent),radial-gradient(1px 1px at 48% 34%,rgba(255,255,255,.52),transparent),radial-gradient(1px 1px at 55% 47%,rgba(255,255,255,.62),transparent),radial-gradient(1px 1px at 63% 55%,rgba(255,255,255,.46),transparent),radial-gradient(1px 1px at 71% 39%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 78% 51%,rgba(255,255,255,.48),transparent),radial-gradient(1px 1px at 86% 42%,rgba(255,255,255,.64),transparent),radial-gradient(1px 1px at 94% 57%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 3% 65%,rgba(255,255,255,.56),transparent),radial-gradient(1px 1px at 59% 63%,rgba(255,255,255,.52),transparent),radial-gradient(1px 1px at 7% 72%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 14% 84%,rgba(255,255,255,.44),transparent),radial-gradient(1px 1px at 21% 76%,rgba(255,255,255,.68),transparent),radial-gradient(1px 1px at 28% 91%,rgba(255,255,255,.48),transparent),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.62),transparent),radial-gradient(1px 1px at 44% 95%,rgba(255,255,255,.44),transparent),radial-gradient(1px 1px at 51% 70%,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 58% 86%,rgba(255,255,255,.52),transparent),radial-gradient(1px 1px at 65% 75%,rgba(255,255,255,.66),transparent),radial-gradient(1px 1px at 73% 92%,rgba(255,255,255,.42),transparent),radial-gradient(1px 1px at 80% 69%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 87% 88%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 95% 78%,rgba(255,255,255,.44),transparent)}.game-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}.battle-bar{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:none}.battle-labels{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.5rem}.you-label{color:var(--accent)}.ai-label{color:var(--red)}.battle-track{background:var(--border);border-radius:50px;height:8px;overflow:hidden}.battle-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;width:50%;transition:width .4s}.marathon-wrap{width:100%;display:none}.marathon-track{background:var(--border);border-radius:50px;height:6px;overflow:hidden}.marathon-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:50px;width:100%;transition:width .1s linear}.progress-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:flex;align-items:center;gap:1rem}.topic-tag{background:linear-gradient(135deg,#00f5ff26,#a855f726);border:1px solid rgba(0,245,255,.3);border-radius:8px;padding:.3rem .8rem;font-size:.72rem;color:var(--accent);white-space:nowrap}.prog-track{flex:1;background:var(--border);border-radius:50px;height:7px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;transition:width .4s ease;width:0%}.q-num{font-size:.78rem;color:var(--muted);white-space:nowrap}.question-card{background:transparent;border:none;box-shadow:none;border-radius:0;padding:1rem 1.5rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;position:relative}.question-card.boss{background:transparent;border:none;box-shadow:none}.boss-badge{display:none;position:absolute;top:-14px;right:16px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:2px;padding:.35rem .8rem;border-radius:50px;box-shadow:0 0 18px #ef444480;animation:pulse2 2s infinite}.question-card.boss .boss-badge{display:block}.solution-toggle{display:none;background:#00f5ff14;border:1px solid rgba(0,245,255,.35);color:var(--accent);font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.65rem 1.4rem;border-radius:10px;cursor:pointer;text-transform:uppercase;transition:all .2s}.solution-toggle:hover{background:#00f5ff26;transform:translateY(-1px)}.solution-toggle.visible{display:inline-block}.solution-panel{display:none;width:100%;max-width:600px;background:linear-gradient(135deg,#00f5ff0a,#a855f70a);border:1px solid rgba(0,245,255,.3);border-radius:14px;padding:1.2rem 1.4rem;text-align:left;margin-top:.5rem;animation:solutionSlide .35s ease}.solution-panel.visible{display:block}.solution-title{font-family:Poppins,sans-serif;font-size:.75rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:.8rem}.solution-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.solution-steps li{position:relative;padding-left:2rem;font-size:.95rem;line-height:1.55;color:#d8e0ee;font-family:Poppins,sans-serif;counter-increment:step}.solution-steps li:before{content:counter(step);position:absolute;left:0;top:.1rem;width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));color:#000;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:900;display:flex;align-items:center;justify-content:center}@keyframes solutionSlide{0%{opacity:0;transform:translateY(8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:800px}}.skip-q-btn{display:none;background:none;border:none;color:#ffffff47;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.03em;cursor:pointer;padding:6px 10px;margin-top:6px;transition:color .15s;align-self:center;-webkit-tap-highlight-color:transparent}.skip-q-btn:hover{color:#ffffff8c}.practice-next{display:none;margin-top:.8rem}.practice-next.visible{display:inline-block}.diff-stars{display:flex;gap:.3rem}.star{font-size:1rem;opacity:.2;color:var(--gold)}.star.on{opacity:1}.question-text{font-family:Poppins,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;color:#fff;line-height:1.3;max-width:560px}.q-diagram{display:block;margin:8px auto 4px;max-width:280px;width:100%}.q-diagram svg{display:block;width:100%;height:auto}.q-diagram:empty{display:none}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;width:100%;max-width:480px}.opt{background:linear-gradient(145deg,#060c23eb,#020614f5);border:1.5px solid rgba(80,160,255,.45);border-radius:14px;padding:1rem;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;color:#def;-webkit-user-select:none;user-select:none;text-align:center;box-shadow:0 0 7px #50a0ff38,inset 0 1px #8cc8ff1f,2px 2px #0f2a6ef2,4px 4px #091a4ee6,6px 6px #040e34d9,8px 8px #020620cc,10px 10px 18px #000c;transition:border-color .18s,background .18s,box-shadow .22s}.opt.hoverable{cursor:pointer}.opt.hovered{border-color:#82c8ffe6;background:linear-gradient(145deg,#0a1946f5,#050c2afa);color:#fff;transform:scale(1.03);box-shadow:0 0 18px #64beff99,0 0 40px #3c8cff47,inset 0 1px #b4e6ff33,2px 2px #1e50b4f2,4px 4px #12348ce6,6px 6px #081c5fd9,8px 8px #030c37cc,10px 10px 24px #000000e6}.opt.correct{border-color:var(--green)!important;background:#22c55e2e!important;color:var(--green)!important;box-shadow:0 0 30px #22c55e66!important;animation:pop .3s ease;cursor:default}.opt.wrong{border-color:var(--red)!important;background:#ef44442e!important;color:var(--red)!important;box-shadow:0 0 30px #ef444466!important;animation:shake .3s ease;cursor:default}.opt:focus{outline:none}.btn-share{display:block;width:100%;max-width:340px;margin:12px auto 0;background:linear-gradient(135deg,#25d366,#128c7e);color:#04240f;font-weight:900;border:none;border-radius:14px;padding:13px 18px;font-size:.95rem;cursor:pointer;box-shadow:0 4px 18px #25d36659;transition:transform .12s ease}.btn-share:hover{transform:translateY(-2px)}.btn-share:active{transform:scale(.98)}.story-boss-bar{max-width:560px;margin:0 auto 12px;padding:10px 14px;background:linear-gradient(150deg,#2a1020,#160b18);border:1px solid #7f1d1d;border-radius:14px}.story-boss-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.story-boss-name{font-weight:900;font-size:.82rem;letter-spacing:.06em;color:#fca5a5}.story-boss-hp{font-weight:800;font-size:.8rem;color:#f87171}.story-boss-track{height:14px;background:#1c0a12;border-radius:99px;overflow:hidden;border:1px solid #451a1a}.story-boss-fill{height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#ef4444,#f97316);transition:width .45s cubic-bezier(.2,.8,.3,1);box-shadow:0 0 10px #ef444480}.story-boss-fill.dead{background:#3f3f46;box-shadow:none}.story-boss-bar.hit{animation:bossBarHit .4s ease}@keyframes bossBarHit{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px);filter:brightness(1.5)}to{transform:translate(0)}}.story-boss-bar.rage{animation:bossBarRage .5s ease}@keyframes bossBarRage{0%,to{box-shadow:none}50%{box-shadow:0 0 26px #ef4444a6;transform:scale(1.02)}}#storyMap{padding:0;flex-direction:column;overflow:hidden}.map-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#06060ff7;border-bottom:1px solid #1a1a3a;flex-shrink:0;z-index:10}.story-mode-label{color:var(--accent)}.map-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.map-world{position:relative;width:100%}.zone-section{position:relative;width:100%;min-height:540px;overflow:hidden;background:#06060f}.zone-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.zone-hero{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;will-change:transform;transform-origin:center;image-rendering:-webkit-optimize-contrast;image-rendering:auto}.zone-hero.kb-a{animation:kenBurnsA 45s ease-in-out infinite alternate}.zone-hero.kb-b{animation:kenBurnsB 50s ease-in-out infinite alternate}.zone-hero.kb-c{animation:kenBurnsC 42s ease-in-out infinite alternate}.zone-hero.kb-d{animation:kenBurnsD 55s ease-in-out infinite alternate}@keyframes kenBurnsA{0%{transform:scale(1) translate(0)}to{transform:scale(1.04) translate(-.8%,-.6%)}}@keyframes kenBurnsB{0%{transform:scale(1) translate(0)}to{transform:scale(1.04) translate(.8%,-.6%)}}@keyframes kenBurnsC{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-.6%,.5%)}}@keyframes kenBurnsD{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(.6%,.5%)}}.parallax-layer{display:none}.zone-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;mix-blend-mode:multiply}.zone-section:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(rgba(0,0,0,.25),transparent);pointer-events:none;z-index:4}.zone-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,#00000073);pointer-events:none;z-index:4}.zone-math{position:absolute;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.9);opacity:.85;pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;letter-spacing:.5px}.zone-section.locked .zone-art{filter:brightness(.7) saturate(.65)}.zone-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;white-space:nowrap;background:#000000a6;border-radius:50px;padding:.45rem 1.4rem;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-node{position:absolute;border-radius:50%;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .2s}.map-node.unlocked{cursor:pointer}.map-node.unlocked:hover{transform:translate(-50%,-50%) scale(1.15)!important}.map-node-num{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.map-node-stars{font-size:.5rem;line-height:1.4}#leaderboard{padding:1.5rem 1.5rem 120px;gap:1.2rem;align-items:stretch}.lb-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:2px;text-align:center}.lb-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;max-width:580px;margin:0 auto;width:100%}.lb-tab{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;border-radius:50px;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .2s}.lb-tab.active,.lb-tab:hover{border-color:var(--accent);color:var(--accent);background:#00f5ff14}.lb-list{display:flex;flex-direction:column;gap:.6rem;max-width:580px;width:100%;margin:0 auto}.lb-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.3rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s,transform .2s}.lb-row:hover{border-color:var(--accent);transform:translate(4px)}.lb-row.you{border-color:var(--accent);background:#00f5ff0d}.lb-rank{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:900;width:36px;text-align:center}.lb-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:900;font-size:.9rem;flex-shrink:0;background:var(--border);color:var(--muted)}.lb-avatar.you{background:linear-gradient(135deg,var(--accent),var(--purple));color:#000}.lb-name{font-weight:600}.lb-meta{display:flex;gap:.5rem;margin-top:.15rem}.lb-rank-tag{font-size:.68rem;color:var(--accent);background:#00f5ff1a;border-radius:50px;padding:.1rem .5rem}.lb-level{font-size:.68rem;color:var(--muted)}.lb-score{font-family:Poppins,sans-serif;font-weight:700;color:var(--accent)}.lb-loading,.lb-empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.85rem;letter-spacing:1px}.lb-offline{text-align:center;color:var(--orange);padding:.6rem;font-size:.75rem;background:#f973161a;border-radius:8px;margin-bottom:.8rem}.my-card{background:linear-gradient(135deg,#00f5ff1a,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:16px;padding:1.2rem 1.5rem;max-width:580px;width:100%;margin:0 auto;display:flex;align-items:center;gap:1.2rem}.my-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:900;font-size:1.2rem;color:#000}.my-info{flex:1}.my-name{font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;color:#fff}.my-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.my-rank{color:var(--accent)}.my-score-wrap{text-align:right}.my-score{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:900;color:var(--accent)}.my-pos-label{font-size:.7rem;color:var(--muted)}.my-pos{color:var(--gold)}#achievements{padding:1.5rem;gap:1.2rem;align-items:stretch}.ach-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:2px;text-align:center}.ach-progress{text-align:center;font-size:.8rem;color:var(--muted)}.ach-list{display:flex;flex-direction:column;gap:.8rem;max-width:580px;width:100%;margin:0 auto}.ach-cat-name{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:2px;margin-bottom:.5rem;padding-left:.3rem}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ach-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.3rem;transition:transform .2s}.ach-card.locked{opacity:.5;filter:grayscale(.8)}.ach-card.unlocked{background:linear-gradient(135deg,#ffd7001a,#a855f71a);border-color:#ffd70066;box-shadow:0 0 15px #ffd7001a}.ach-icon{font-size:1.8rem;line-height:1}.ach-name{font-family:Poppins,sans-serif;font-size:.65rem;font-weight:700;color:var(--muted)}.ach-card.unlocked .ach-name{color:var(--gold)}.ach-desc{font-size:.65rem;color:var(--muted);line-height:1.3}.ach-status{font-size:.6rem;color:var(--green);margin-top:.1rem}.ach-reward{font-size:.64rem;font-weight:800;color:gold;margin-top:.15rem}.ach-card.locked .ach-reward{color:#b9912e;opacity:.85}.ach-spacer{height:.4rem}#achPopup{position:fixed;bottom:-200px;left:50%;transform:translate(-50%);z-index:9998;transition:bottom .4s ease;width:calc(100% - 2rem);max-width:400px}.ach-popup-inner{background:linear-gradient(135deg,#0d0d1ffa,#140a28fa);border:1px solid var(--gold);border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 0 40px #ffd7004d}.ach-popup-icon{font-size:2.5rem;flex-shrink:0}.ach-popup-label{font-size:.65rem;color:var(--gold);font-family:Poppins,sans-serif;letter-spacing:2px;margin-bottom:.2rem}.ach-popup-name{font-family:Poppins,sans-serif;font-weight:700;font-size:.95rem;color:#fff}.ach-popup-desc{font-size:.75rem;color:var(--muted);margin-top:.2rem}#results{align-items:center;justify-content:center;padding:2rem;gap:1.8rem;text-align:center}.res-title{font-family:Poppins,sans-serif;font-size:clamp(1.8rem,6vw,3rem);font-weight:900}.res-title.win{background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.res-title.meh{color:var(--muted)}.score-ring{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px #00f5ff33}.score-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.score-inner{position:relative;z-index:1}.score-pct{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:900;color:var(--accent)}.score-lbl{font-size:.7rem;color:var(--muted)}.res-stats{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.res-stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.3rem;text-align:center}.res-stat .num{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700}.res-correct{color:var(--green)}.res-wrong{color:var(--red)}.res-score{color:var(--accent)}.res-streak{color:var(--orange)}.res-stat .lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem}.xp-badge{background:linear-gradient(135deg,#00f5ff1a,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:.9rem 2rem;font-family:Poppins,sans-serif;font-size:1rem;color:var(--accent)}#backToMapBtn{display:none}.res-player-name{font-size:.8rem;color:#64748b;font-family:Poppins,sans-serif;font-weight:400;margin-top:.4rem;-webkit-text-fill-color:#64748b}.res-stars{font-size:1.5rem;margin-top:.3rem}#practicePicker{padding:1.5rem;gap:1.4rem;align-items:stretch}.picker-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:900;color:var(--purple);letter-spacing:2px;text-align:center}.picker-sub{text-align:center;font-size:.85rem;color:var(--muted);margin-top:-.8rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;max-width:720px;margin:0 auto;width:100%}.picker-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none}.picker-card:hover{transform:translateY(-4px);border-color:var(--purple);box-shadow:0 8px 30px #a855f740}.picker-card.mixed{background:linear-gradient(135deg,#a855f714,#00f5ff14);border-color:#a855f759}.picker-card.mixed:hover{border-color:var(--accent);box-shadow:0 8px 30px #00f5ff40}.picker-icon{font-size:2.4rem;display:block;margin-bottom:.5rem}.picker-name{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.3rem;color:var(--text)}.picker-desc{font-size:.7rem;color:var(--muted);line-height:1.4}.picker-card.locked{cursor:not-allowed;filter:grayscale(.8) brightness(.55);position:relative}.picker-card.locked:hover{transform:none;border-color:var(--border);box-shadow:none}.picker-lock{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;background:#06060f99;border-radius:16px;text-align:center;padding:.5rem}.picker-card.locked .picker-lock{display:flex}.picker-lock-icon{font-size:1.6rem;margin-bottom:.3rem}.picker-lock-text{font-family:Poppins,sans-serif;font-size:.65rem;letter-spacing:1px;color:#fff;text-transform:uppercase}.picker-lock-rank{font-size:.68rem;color:var(--accent);margin-top:.2rem;font-weight:700}#rankUpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#06060fd9,#06060ffa 70%);z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rankupFadeIn .4s ease}#rankUpOverlay.show{display:flex}.rankup-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;animation:rankupPop .6s cubic-bezier(.34,1.56,.64,1)}.rankup-spark{font-size:2rem;animation:rankupSpin 4s linear infinite}.rankup-label{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:6px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 14px rgba(255,215,0,.6)}.rankup-icon{font-size:5rem;filter:drop-shadow(0 0 20px var(--rank-color, #00f5ff));animation:rankupGlow 2.5s ease-in-out infinite}.rankup-rank{font-family:Poppins,sans-serif;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;letter-spacing:3px;color:var(--rank-color, #00f5ff);text-shadow:0 0 24px var(--rank-color, #00f5ff)}.rankup-sub{font-size:.9rem;color:var(--muted);letter-spacing:2px}.rankup-close{margin-top:1rem}.rankup-inner:before,.rankup-inner:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:2px solid var(--rank-color, #00f5ff);opacity:0;animation:rankupRing 2.2s ease-out infinite;pointer-events:none}.rankup-inner:after{animation-delay:1.1s}@keyframes rankupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rankupPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes rankupGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes rankupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rankupRing{0%{transform:scale(.5);opacity:.8}to{transform:scale(2.2);opacity:0}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:stretch;background:#06060ff5;border-top:1px solid rgba(0,245,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px #00000080}.bottom-nav.hidden{display:none}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:#ffffff73;font-family:Poppins,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:6px 4px;transition:color .15s;-webkit-tap-highlight-color:transparent;position:relative}.nav-tab:active{opacity:.7}.nav-tab .nav-icon{font-size:1.35rem;line-height:1;transition:transform .15s}.nav-tab .nav-label{line-height:1}.nav-tab.active{color:#00f5ff}.nav-tab.active .nav-icon{transform:translateY(-2px);filter:drop-shadow(0 0 6px #00f5ff)}.nav-tab.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:#00f5ff;border-radius:0 0 3px 3px;box-shadow:0 0 8px #00f5ff}body.nav-visible .screen.active{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}#friends{padding:20px 16px 0;overflow-y:auto;gap:16px}.friends-title{font-size:1.3rem;font-weight:800;color:#00f5ff;text-align:center;letter-spacing:.05em;margin-bottom:4px}.friends-section{background:#ffffff0a;border:1px solid rgba(74,222,128,.2);border-radius:14px;padding:14px 14px 10px}.friends-section-label{font-size:.72rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.friend-search{display:flex;gap:8px;align-items:center;margin-bottom:8px}.friend-search input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem}.friend-search input::placeholder{color:#ffffff59}.friend-search input:focus{outline:none;border-color:#00f5ff;box-shadow:0 0 0 2px #00f5ff26}.friend-search button{background:#00f5ff;color:#060614;border:none;border-radius:10px;padding:10px 16px;font-weight:700;font-family:Poppins,sans-serif;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:opacity .15s}.friend-search button:hover{opacity:.85}.friend-search-result{margin-bottom:12px;min-height:20px;font-size:.85rem}.search-loading{color:#ffffff80}.search-not-found,.search-error{color:#f87171}.search-result-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(0,245,255,.2);border-radius:12px;padding:12px 14px}.friends-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.friends-empty,.friends-signin-note,.friends-error{color:#fff6;font-size:.85rem;text-align:center;padding:20px 0}.friends-loading{color:#fff6;font-size:.85rem;text-align:center;padding:12px 0}.friend-row{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;transition:border-color .2s}.friend-row:hover{border-color:#00f5ff4d}.friend-avatar{font-size:1.8rem;width:42px;text-align:center;flex-shrink:0}.friend-info{flex:1;min-width:0}.friend-name{font-weight:700;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-meta{font-size:.75rem;color:#ffffff73;margin-top:2px}.friend-actions{display:flex;gap:6px;flex-shrink:0}.btn-sm{padding:6px 10px;border:none;border-radius:8px;font-size:.75rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn-sm:active{opacity:.7}.btn-challenge{background:#00f5ff26;color:#00f5ff;border:1px solid rgba(0,245,255,.3)}.btn-challenge:hover{background:#00f5ff40}.btn-add{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.btn-add:hover{background:#4ade8040}.btn-remove{background:#f871711a;color:#f87171b3;border:1px solid rgba(248,113,113,.2)}.btn-remove:hover{color:#f87171;background:#f8717133}.duel-join-box{background:#ffffff0a;border:1px dashed rgba(0,245,255,.25);border-radius:14px;padding:18px 16px;margin-top:8px;margin-bottom:16px;text-align:center}.duel-join-title{font-weight:700;font-size:1rem;color:#a855f7;margin-bottom:12px}.duel-join-box input{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;color:#fff;font-family:Poppins,sans-serif;font-size:1.1rem;letter-spacing:.2em;text-align:center;text-transform:uppercase;margin-bottom:10px;box-sizing:border-box}.duel-join-box input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.duel-join-box .btn{width:100%}.prof-username-set{background:#a855f714;border:1px solid rgba(168,85,247,.35);border-radius:14px;padding:14px 16px;margin:0 20px 16px}.prof-username-hint{font-size:.8rem;color:#ffffffa6;margin-bottom:10px;line-height:1.4}.prof-username-row{display:flex;gap:8px;align-items:center}.prof-username-row input{flex:1;background:#ffffff12;border:1px solid rgba(168,85,247,.4);border-radius:10px;padding:10px 12px;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;outline:none;letter-spacing:.03em}.prof-username-row input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.prof-username-row input::placeholder{color:#ffffff4d}.prof-username-error{font-size:.75rem;color:#f87171;margin-top:6px;min-height:1rem}#profile{padding:24px 20px 0;overflow-y:auto;align-items:stretch;gap:0}.prof-hero{display:flex;flex-direction:column;align-items:center;padding:20px 0 16px;gap:6px}.prof-rank-icon{font-size:3.5rem;line-height:1;filter:drop-shadow(0 0 16px rgba(0,245,255,.5));margin-bottom:4px}.prof-name{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:.02em}.prof-username{font-size:.85rem;color:#00f5ffb3;font-weight:600}.prof-rank-label{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}.prof-level{font-size:.9rem;color:#fff9;font-weight:600}.prof-medal-wrap{display:flex;flex-direction:column;align-items:center;margin:8px auto 20px;gap:8px;position:relative;animation:medalFloat 3s ease-in-out infinite}.prof-medal-ribbon{width:28px;height:18px;border-radius:3px 3px 0 0}.medal-gold .prof-medal-ribbon{background:linear-gradient(180deg,#b8860b,gold);box-shadow:0 0 10px #ffd70099}.medal-silver .prof-medal-ribbon{background:linear-gradient(180deg,#888,#ddd);box-shadow:0 0 10px #c8c8c880}.medal-bronze .prof-medal-ribbon{background:linear-gradient(180deg,#7a4000,#cd7f32);box-shadow:0 0 10px #cd7f3280}.prof-medal{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border:4px solid transparent;box-sizing:border-box}.medal-gold .prof-medal{background:radial-gradient(circle at 35% 35%,#fffbe0,gold 40%,#b8860b 80%,gold);border-color:#ffc200;box-shadow:0 0 30px #ffd700cc,0 0 60px #ffa50066,inset 0 2px 6px #ffffff80}.medal-silver .prof-medal{background:radial-gradient(circle at 35% 35%,#fff,#c8c8c8 40%,#888 80%,#c8c8c8);border-color:#aaa;box-shadow:0 0 25px #c8c8c8b3,0 0 50px #9696964d,inset 0 2px 6px #ffffff80}.medal-bronze .prof-medal{background:radial-gradient(circle at 35% 35%,#f5d9a8,#cd7f32 40%,#7a4000 80%,#cd7f32);border-color:#b06820;box-shadow:0 0 25px #cd7f32b3,0 0 50px #a0522d4d,inset 0 2px 6px #fff6}.prof-medal-pos{font-size:2rem;font-weight:900;line-height:1;color:#0000008c;text-shadow:0 1px 2px rgba(255,255,255,.4);font-family:Poppins,sans-serif}.prof-medal-st{font-size:.65rem;font-weight:700;color:#00000073;margin-top:-4px;text-transform:uppercase;letter-spacing:.05em}.prof-medal:after{content:"";position:absolute;top:8%;left:15%;width:30%;height:35%;background:#ffffff59;border-radius:50%;transform:rotate(-30deg);filter:blur(4px)}.prof-medal-label{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.medal-gold .prof-medal-label{color:gold;text-shadow:0 0 10px #ffd700}.medal-silver .prof-medal-label{color:#c8c8c8;text-shadow:0 0 10px #c8c8c8}.medal-bronze .prof-medal-label{color:#cd7f32;text-shadow:0 0 10px #cd7f32}.prof-medal-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;animation:haloGlow 2s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.medal-gold .prof-medal-wrap:before,.medal-gold.prof-medal-wrap:before{background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%)}.medal-silver .prof-medal-wrap:before{background:radial-gradient(circle,rgba(200,200,200,.25) 0%,transparent 70%)}.medal-bronze .prof-medal-wrap:before{background:radial-gradient(circle,rgba(205,127,50,.25) 0%,transparent 70%)}@keyframes medalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes haloGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.prof-xp{margin:4px 0 20px}.prof-xp-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:6px}.prof-xp-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#a855f7);border-radius:4px;transition:width .4s ease;box-shadow:0 0 8px #00f5ff80}.prof-xp-text{font-size:.75rem;color:#fff6;text-align:right}.prof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.prof-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px;text-align:center}.prof-stat-num{font-size:1.2rem;font-weight:800;color:#00f5ff}.prof-stat-lbl{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.prof-mode-scores{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;margin-bottom:16px}.prof-mode-title{font-size:.75rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.prof-mode-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.prof-mode-row:last-child{border-bottom:none}.prof-mode-name{font-size:.85rem;color:#ffffffb3}.prof-mode-val{font-size:.85rem;font-weight:700;color:#fff}.prof-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.prof-actions .btn{width:100%;justify-content:center}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}#duelLobby{padding:20px 16px;overflow-y:auto;gap:16px}.duel-lobby-title{font-size:1.3rem;font-weight:800;color:#a855f7;text-align:center;letter-spacing:.05em;margin-bottom:4px}.duel-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.duel-divider{text-align:center;color:#ffffff40;font-size:.78rem;letter-spacing:2px;margin:18px 0 14px}.duel-join-inline-label{color:#ffffff73;font-size:.82rem;margin-bottom:8px;text-align:center}.duel-join-inline-row{display:flex;gap:8px}.duel-join-inline-row input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:11px 14px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;box-sizing:border-box}.duel-join-inline-row input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.duel-join-inline-row .btn{flex-shrink:0;padding:11px 20px}.duel-topic-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:#a855f71a;border:1px solid rgba(168,85,247,.25);border-radius:12px;padding:14px 8px;cursor:pointer;color:#fff;font-family:Poppins,sans-serif;transition:all .15s;-webkit-tap-highlight-color:transparent}.duel-topic-btn:hover,.duel-topic-btn:active{background:#a855f740;border-color:#a855f7;transform:translateY(-2px)}.dt-icon{font-size:1.4rem}.dt-label{font-size:.68rem;font-weight:700;text-align:center;line-height:1.2}.duel-code-pane{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.duel-code-label{font-size:.8rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.duel-code-value{font-size:3rem;font-weight:900;color:#00f5ff;letter-spacing:.35em;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,245,255,.6);padding:16px 24px;background:#00f5ff0d;border:2px solid rgba(0,245,255,.3);border-radius:16px}.duel-waiting-msg{color:#ffffff80;font-size:.85rem;text-align:center;animation:pulse 1.5s infinite}.duel-join-status{color:#fff9;font-size:.9rem;text-align:center;padding:20px 0}#duelGame{padding:0;flex-direction:column;overflow:hidden;height:100%}.duel-scoreboard{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;background:#0006;border-bottom:1px solid rgba(255,255,255,.08);gap:8px;flex-shrink:0}.duel-player-panel{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.duel-player-panel.me{align-items:flex-start}.duel-player-panel.opp{align-items:flex-end}.duel-player-name{font-size:.78rem;font-weight:700;color:#ffffffb3;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-player-rank{font-size:.7rem;color:#fff6}.duel-player-score{font-size:1.6rem;font-weight:900;color:#fff;line-height:1}.duel-player-panel.me .duel-player-score{color:#00f5ff}.duel-player-panel.opp .duel-player-score{color:#f87171}.duel-timer-center{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.duel-timer{font-size:1.5rem;font-weight:900;color:#fff;font-family:Courier New,monospace;letter-spacing:.05em;transition:color .3s}.duel-timer.urgent{color:#f87171;animation:urgentPulse .5s infinite}.duel-q-num{font-size:.65rem;color:#ffffff59;text-align:center}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.5}}.duel-question-area{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 16px 8px;overflow:hidden}.duel-question{font-size:clamp(1.1rem,4vw,1.6rem);font-weight:800;color:#fff;text-align:center;line-height:1.3;margin-bottom:20px}.duel-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duel-opt{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 10px;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:all .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:52px;display:flex;align-items:center;justify-content:center}.duel-opt *{pointer-events:none}.duel-opt:hover{background:#ffffff1f;border-color:#ffffff40}.duel-opt:active{transform:scale(.97)}.duel-answer-grid.locked .duel-opt{cursor:default;pointer-events:none}.duel-opt.correct{background:#4ade8033;border-color:#4ade80;color:#4ade80}.duel-opt.wrong{background:#f8717133;border-color:#f87171;color:#f87171}.duel-opt.selected{background:#00f5ff26;border-color:#00f5ff;color:#00f5ff}.duel-forfeit-btn{margin:8px 16px 12px;background:none;border:1px solid rgba(248,113,113,.3);border-radius:8px;padding:8px;color:#f8717199;font-family:Poppins,sans-serif;font-size:.75rem;cursor:pointer;flex-shrink:0}.duel-forfeit-btn:hover{color:#f87171;border-color:#f87171}#duelResults{padding:30px 20px;gap:20px;overflow-y:auto}.duel-res-title{font-size:2rem;font-weight:900;text-align:center;letter-spacing:.05em}.duel-res-title.win{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.duel-res-title.lose{color:#f87171}.duel-res-title.tie{color:#fbbf24}.duel-res-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.duel-res-player{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0d;border-radius:16px;padding:20px 12px}.duel-res-player-name{font-size:.85rem;font-weight:700;color:#ffffffb3}.duel-res-score{font-size:2.5rem;font-weight:900;line-height:1}.duel-res-me .duel-res-score{color:#00f5ff}.duel-res-opp .duel-res-score{color:#f87171}.duel-res-correct{font-size:.75rem;color:#fff6}.duel-res-vs{font-size:1.1rem;font-weight:900;color:#ffffff4d}.duel-res-buttons{display:flex;gap:12px;flex-direction:column}.duel-res-buttons .btn{width:100%;justify-content:center}.prof-class{max-width:460px;margin:0 auto 14px;padding:14px;background:#12172c;border:1px solid #2a3050;border-radius:16px}.prof-class-row{display:flex;gap:8px}.prof-class-row input{flex:1;background:#0a0f1e;border:1px solid #2a3050;border-radius:12px;padding:11px 14px;color:#fff;font-size:.95rem}.prof-class-row input:focus{outline:none;border-color:#00f5ff}#profClassCode{text-transform:uppercase;letter-spacing:.2em;font-weight:800;text-align:center}.prof-class-err{color:#f87171;font-size:.8rem;min-height:16px;margin-top:6px}.prof-class-hint{color:#6272a4;font-size:.82rem;line-height:1.4;margin-bottom:10px}.prof-class-joined{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#00f5ff12;border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:11px 14px;color:#a5f3ff;font-weight:700;font-size:.9rem}.prof-class-leave{background:none;border:1px solid #4a3050;color:#f87171;border-radius:8px;padding:5px 12px;cursor:pointer;font-size:.78rem;font-weight:700}.prof-class-item{display:flex;align-items:center;gap:10px;width:100%;background:#171d36;border:1px solid #2a3050;border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;color:#dfe5f3;transition:border-color .12s,transform .12s}.prof-class-item:hover{border-color:#a855f7;transform:translateY(-1px)}.pci-name{font-weight:800;flex:1;text-align:left}.pci-meta{color:#89c;font-size:.78rem}.pci-go{color:#a855f7;font-weight:800;font-size:.8rem}#classDash{padding:16px 16px 40px;overflow-y:auto}.cd-head{text-align:center;margin:14px 0 20px}.cd-name{font-size:1.5rem;font-weight:900;color:#fff}.cd-code-row{color:#89c;font-size:.88rem;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cd-code{font-family:Poppins,monospace;font-weight:900;letter-spacing:.25em;color:#00f5ff;background:#00f5ff14;border:1px solid rgba(0,245,255,.3);padding:3px 12px;border-radius:99px}.cd-copy{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#04240f;font-weight:800;font-size:.78rem;border-radius:99px;padding:6px 14px;cursor:pointer}.cd-sub{color:#6272a4;font-size:.8rem;margin-top:8px}.cd-section-title{max-width:560px;margin:18px auto 8px;font-size:.78rem;font-weight:800;color:#89c;text-transform:uppercase;letter-spacing:.1em}.cd-weak{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.cd-weak-row{display:flex;align-items:center;gap:10px}.cdw-topic{flex:0 0 150px;font-size:.84rem;font-weight:700;color:#dfe5f3}.cdw-bar{flex:1;height:12px;background:#131a30;border-radius:99px;overflow:hidden;border:1px solid #232c4e}.cdw-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#22c55e,#4ade80)}.cdw-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.cdw-fill.bad{background:linear-gradient(90deg,#ef4444,#f97316)}.cdw-acc{flex:0 0 44px;text-align:right;font-weight:800;color:#00f5ff;font-size:.84rem}.cd-table{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.cd-row{display:grid;grid-template-columns:1.4fr .4fr .6fr 1.2fr .7fr;gap:8px;align-items:center;background:#12172c;border:1px solid #1e2540;border-radius:10px;padding:10px 12px;font-size:.84rem;color:#cdd6f4}.cd-row-head{background:none;border:none;color:#6272a4;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:0 12px}.cdr-name{font-weight:700;color:#fff;display:flex;flex-direction:column}.cdr-name small{color:#89c;font-weight:600;font-size:.72rem}.cdr-lv{color:gold;font-weight:800}.cdr-weak{color:#fca5a5;font-size:.78rem}.cdr-seen{color:#6272a4;font-size:.76rem;text-align:right}.cd-empty{color:#44506a;font-size:.84rem;text-align:center;padding:14px 0}.mode-card.olympiad{background:linear-gradient(135deg,#1a0a3a,#2d1060);border:1px solid #a855f7}.mode-card.olympiad .mode-name{color:#a855f7}#olympiadPicker{padding:20px 20px 100px}.olym-title{font-size:1.5rem;font-weight:900;letter-spacing:2px;text-align:center;margin:12px 0 4px;background:linear-gradient(90deg,#a855f7,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.olym-sub{text-align:center;color:#ffffff80;font-size:.85rem;margin-bottom:28px}.olym-select-group{margin-bottom:20px}.olym-select-label{font-size:.75rem;font-weight:700;color:#ffffff73;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.olym-btn-row{display:flex;gap:10px;flex-wrap:wrap}.olym-grade-btn,.olym-year-btn{padding:10px 24px;border-radius:10px;border:1.5px solid rgba(168,85,247,.3);background:#a855f714;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.olym-grade-btn.active,.olym-year-btn.active{border-color:#a855f7;background:#a855f740;color:#fff;box-shadow:0 0 12px #a855f766}.olym-info-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;margin:24px 0}.olym-info-row{color:#ffffffbf;font-size:.88rem;margin-bottom:6px}.olym-info-note{color:#ffffff61;font-size:.78rem;margin-top:4px}#olympiadGame.active{flex-direction:column;padding:0}#olympiadResults.active{flex-direction:column}.olym-game-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.olym-game-left{display:flex;flex-direction:column}.olym-q-num{font-size:1rem;font-weight:800;color:#fff}.olym-grade-label{font-size:.72rem;color:#ffffff73;margin-top:2px}.olym-timer{font-size:1.5rem;font-weight:900;color:#00f5ff;font-variant-numeric:tabular-nums;letter-spacing:1px;transition:color .3s}.olym-timer.olym-timer-warn{color:#f87171;animation:timerPulse 1s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.olym-sec-badge{font-size:.72rem;font-weight:700;padding:4px 10px;background:#a855f733;border:1px solid rgba(168,85,247,.5);border-radius:20px;color:#a855f7}.olym-progress-track{height:3px;background:#ffffff14;flex-shrink:0}.olym-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#00f5ff);transition:width .3s}.olym-question-card{flex:1;overflow-y:auto;padding:18px 16px}.olym-question-text{font-size:1.05rem;font-weight:500;line-height:1.65;color:#ffffffeb;margin-bottom:20px;white-space:pre-wrap}.olym-options{display:flex;flex-direction:column;gap:10px}.olym-option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border-radius:12px;text-align:left;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:.95rem;cursor:pointer;transition:all .15s;touch-action:manipulation}.olym-option-btn:hover{background:#a855f71f;border-color:#a855f766}.olym-option-btn.selected{background:#a855f738;border-color:#a855f7;color:#fff;box-shadow:0 0 14px #a855f74d}.olym-opt-num{font-size:.8rem;font-weight:700;color:#a855f7cc;min-width:28px;flex-shrink:0}.olym-opt-text{flex:1}.olym-option-btn.olym-opt-correct{background:#4ade802e;border-color:#4ade80;color:#fff;box-shadow:0 0 14px #4ade8040}.olym-option-btn.olym-opt-correct .olym-opt-num{color:#4ade80}.olym-option-btn.olym-opt-wrong{background:#f8717126;border-color:#f87171;color:#ffffffb3}.olym-option-btn.olym-opt-wrong .olym-opt-num{color:#f87171}.olym-option-btn:disabled{cursor:default}.olym-nav-row{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.07);background:#0000004d;flex-shrink:0;flex-wrap:wrap}.olym-nav-row .btn{flex:1;min-width:80px;padding:10px 8px;font-size:.85rem}#olympiadResults{padding:20px 16px 100px;overflow-y:auto}.olym-res-header{text-align:center;margin-bottom:16px}.olym-res-title{font-size:1.4rem;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#a855f7,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.olym-res-grade{color:#ffffff73;font-size:.82rem;margin-top:4px}.olym-res-score-wrap{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:10px 0 24px}.olym-res-score{font-size:3.5rem;font-weight:900;color:gold;line-height:1}.olym-res-max{font-size:1.2rem;color:#fff6}.olym-res-sections{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;margin-bottom:20px}.olym-sect-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.olym-sect-row:last-child{border-bottom:none}.olym-sect-label{font-weight:700;color:#fff;min-width:70px;font-size:.9rem}.olym-sect-detail{flex:1;color:#ffffff80;font-size:.8rem}.olym-sect-score{font-weight:800;color:#a855f7;font-size:1rem}.olym-sect-max{font-size:.75rem;color:#ffffff59}.olym-review-title{font-size:.78rem;font-weight:700;color:#fff6;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.olym-rev-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin-bottom:4px;background:#ffffff08}.olym-rev-num{font-size:.78rem;font-weight:700;min-width:30px;color:#ffffff80}.olym-rev-status{font-size:.78rem;font-weight:700;min-width:60px}.olym-rev-ans{flex:1;font-size:.78rem;color:#ffffff80}.olym-rev-pts{font-size:.82rem;font-weight:800}.olym-rev-correct .olym-rev-status,.olym-rev-correct .olym-rev-pts{color:#4ade80}.olym-rev-wrong .olym-rev-status{color:#f87171}.olym-rev-wrong .olym-rev-pts{color:#ffffff4d}.olym-rev-skip .olym-rev-status,.olym-rev-skip .olym-rev-pts{color:#fff6}#shop{padding:0 16px 120px;overflow-y:auto}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px;position:sticky;top:0;background:#06060f;z-index:10}.shop-title{font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:gold}.shop-balance{font-size:1rem;font-weight:700;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:4px 14px}.shop-section-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6272a4;margin:20px 0 10px}.shop-powerups{display:flex;flex-direction:column;gap:10px}.shop-item{display:flex;align-items:center;gap:12px;background:#161b2e;border:1px solid #2a3050;border-radius:14px;padding:12px 14px}.shop-item-active{border-color:gold}.shop-item-icon{font-size:1.6rem;flex-shrink:0}.shop-item-info{flex:1}.shop-item-name{font-size:.9rem;font-weight:700;color:#cdd6f4}.shop-item-desc{font-size:.75rem;color:#6272a4;margin-top:2px}.shop-item-owned{font-size:.72rem;color:#00f5ff;margin-top:3px}.shop-equipped{font-size:.72rem;color:gold;font-weight:700;padding:4px 10px;border:1px solid #ffd700;border-radius:99px}.shop-buy-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:10px;padding:8px 14px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.shop-buy-btn:hover{opacity:.85}.shop-themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-theme-card{background:#161b2e;border:2px solid #2a3050;border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.shop-theme-card.active{box-shadow:0 0 12px currentColor}.shop-avatars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (min-width: 520px){.shop-avatars-grid{grid-template-columns:repeat(6,1fr)}}.shop-avatar-card{background:#161b2e;border:2px solid #2a3050;border-radius:14px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.shop-avatar-card.active{border-color:gold;box-shadow:0 0 12px #ffd70073}.shop-avatar-face{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;background:radial-gradient(circle at 50% 35%,#233056,#141a30);border:1px solid #2a3050}.shop-avatar-name{font-size:.72rem;font-weight:700;color:#cdd6f4}.shop-avatar-badge{font-size:.66rem;font-weight:800;color:gold}.prof-avatar{width:64px;height:64px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:radial-gradient(circle at 50% 35%,#233056,#10162c);border:2px solid var(--theme-color, #00f5ff);box-shadow:0 0 16px #00f5ff4d}.home-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;margin-right:.35em;vertical-align:-.4em;border-radius:50%;background:#ffffff14;font-size:1.05em}.shop-theme-swatch{width:40px;height:40px;border-radius:50%;box-shadow:0 0 12px currentColor}.shop-theme-name{font-size:.78rem;font-weight:600;color:#cdd6f4}.shop-theme-badge{font-size:.7rem;color:gold;font-weight:700;padding:3px 10px;border:1px solid #ffd700;border-radius:99px}.hint-btn,.time-freeze-btn{display:none;margin:6px auto 0;background:linear-gradient(135deg,gold,#f59e0b);color:#000;border:none;border-radius:10px;padding:8px 20px;font-size:.82rem;font-weight:700;cursor:pointer;width:100%;max-width:340px}.opt.eliminated{opacity:.25!important;pointer-events:none!important}:root{--theme-color: #00f5ff}#rankLadder{padding:0 12px 140px;overflow-y:auto}.rl-list{max-width:480px;margin:0 auto;width:100%}.rl-title{font-size:1.1rem;font-weight:900;letter-spacing:.1em;color:gold;text-align:center;margin:12px 0 2px}.rl-subtitle{font-size:.72rem;color:#6272a4;text-align:center;margin-bottom:12px}.rl-list{display:flex;flex-direction:column;gap:0;padding-bottom:20px}.rl-group{background:#0f1422;border:1px solid #1e2540;border-radius:12px;overflow:hidden;margin-bottom:8px}.rl-group-header{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;background:#ffffff08;border-bottom:1px solid #1e2540}.rl-tier{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;gap:8px;border-bottom:1px solid #1a2040;transition:background .15s}.rl-tier:last-child{border-bottom:none}.rl-tier.rl-current{background:#ffd70012;border-left:3px solid #ffd700}.rl-tier.rl-unlocked{opacity:.55}.rl-tier.rl-locked{opacity:.3}.rl-tier-left{display:flex;align-items:center;gap:8px;flex:1}.rl-tier-icon{font-size:1.1rem;flex-shrink:0}.rl-tier-name{font-size:.8rem;font-weight:700}.rl-tier-xp{font-size:.65rem;color:#6272a4;margin-top:1px}.rl-you-badge{font-size:.6rem;font-weight:800;letter-spacing:.06em;background:gold;color:#000;border-radius:99px;padding:3px 8px;white-space:nowrap}.rl-check{font-size:.85rem;color:#22c55e;font-weight:700}.rl-locked-icon{font-size:.75rem;opacity:.5}#liveHome,#liveHostPick,#liveHostGame,#liveJoin,#liveStudentWait,#liveStudentGame,#liveStudentEnd{padding:16px 16px 40px;overflow-y:auto}#liveHome.active,#liveHostPick.active,#liveHostGame.active,#liveJoin.active,#liveStudentWait.active,#liveStudentGame.active,#liveStudentEnd.active{background:radial-gradient(circle at 20% 10%,rgba(168,85,247,.18),transparent 45%),radial-gradient(circle at 85% 25%,rgba(0,245,255,.15),transparent 45%),radial-gradient(circle at 50% 95%,rgba(255,215,0,.12),transparent 50%),#06060f;background-attachment:fixed}.live-title{font-size:1.3rem;font-weight:900;letter-spacing:.06em;text-align:center;color:gold;margin:14px 0 4px}.live-subtitle{font-size:.82rem;color:#6272a4;text-align:center;margin-bottom:20px}.live-hero{text-align:center;margin:18px 0 26px}.live-hero-badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.18em;color:#00f5ff;background:#00f5ff1a;border:1px solid rgba(0,245,255,.35);border-radius:99px;padding:5px 14px;margin-bottom:12px;animation:liveBadgePulse 2.4s ease infinite}@keyframes liveBadgePulse{0%,to{box-shadow:0 0 #00f5ff00}50%{box-shadow:0 0 16px #00f5ff59}}.live-title-big{font-size:2.1rem;letter-spacing:.1em;margin:0 0 6px;background:linear-gradient(90deg,gold,#fff6c8 40%,gold 70%,#f5a623);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:liveShimmer 3.5s linear infinite}@keyframes liveShimmer{to{background-position:200% center}}.live-role-grid{display:flex;flex-direction:column;gap:16px;max-width:460px;margin:0 auto}.live-role-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:20px;padding:26px 16px 20px;cursor:pointer;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.live-role-card.role-host{background:linear-gradient(150deg,#3b1e6e,#1d1240 55%,#14102e);border:1px solid rgba(168,85,247,.55);box-shadow:0 8px 28px #581c8759}.live-role-card.role-join{background:linear-gradient(150deg,#063d5c,#0a2545 55%,#0a1830);border:1px solid rgba(0,245,255,.45);box-shadow:0 8px 28px #08507859}.live-role-card:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:liveSheen 3.6s ease infinite}.role-join:after{animation-delay:1.8s}@keyframes liveSheen{0%{left:-80%}55%,to{left:130%}}.live-role-card:hover{transform:translateY(-3px)}.role-host:hover{box-shadow:0 12px 34px #a855f766}.role-join:hover{box-shadow:0 12px 34px #00f5ff59}.live-role-card:active{transform:scale(.98)}.live-role-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.role-host .live-role-icon{box-shadow:0 0 22px #a855f773}.role-join .live-role-icon{box-shadow:0 0 22px #00f5ff66}.live-role-name{font-size:1.15rem;font-weight:900;letter-spacing:.02em}.live-role-desc{font-size:.78rem;color:#ffffff9e;text-align:center}.live-role-go{margin-top:6px;font-size:.78rem;font-weight:800;letter-spacing:.04em;padding:7px 16px;border-radius:99px}.role-host .live-role-go{color:#e9d5ff;background:#a855f738;border:1px solid rgba(168,85,247,.5)}.role-join .live-role-go{color:#a5f3ff;background:#00f5ff24;border:1px solid rgba(0,245,255,.4)}.live-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:480px;margin:0 auto}.live-topic-btn{display:flex;align-items:center;gap:10px;background:#141a30;border:1px solid #2a3050;border-left-width:4px;border-radius:12px;padding:14px 12px;cursor:pointer;color:#dfe5f3;font-size:.85rem;font-weight:700;transition:transform .12s ease,border-color .12s ease,background .12s ease}.live-topic-btn:hover{transform:translateY(-2px);background:#1a2140}.live-topic-btn:nth-child(6n+1){border-left-color:#ef4444}.live-topic-btn:nth-child(6n+2){border-left-color:#3b82f6}.live-topic-btn:nth-child(6n+3){border-left-color:#f59e0b}.live-topic-btn:nth-child(6n+4){border-left-color:#22c55e}.live-topic-btn:nth-child(6n+5){border-left-color:#a855f7}.live-topic-btn:nth-child(6n+6){border-left-color:#14b8a6}.lt-icon{font-size:1.15rem;width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:10px}.live-code-banner{position:relative;background:linear-gradient(135deg,#221052,#141a34 70%);border:1px solid #a855f7;border-radius:20px;padding:20px 18px;text-align:center;margin:0 auto 16px;max-width:460px;animation:liveCodeGlow 2.6s ease infinite}@keyframes liveCodeGlow{0%,to{box-shadow:0 0 18px #a855f740}50%{box-shadow:0 0 34px #a855f780}}.live-code-label{font-size:.78rem;color:#89c;margin-bottom:8px}.live-code-big{font-size:3.4rem;font-weight:900;letter-spacing:.22em;color:#00f5ff;text-shadow:0 0 24px rgba(0,245,255,.55);font-family:Poppins,monospace}.live-code-topic{font-size:.82rem;color:gold;margin-top:6px}.live-lobby-count{text-align:center;font-size:.9rem;color:#cdd6f4;margin-bottom:10px;font-weight:700}.live-players-wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;min-height:40px}.live-chip{background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);color:#00f5ff;border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:600;animation:livePop .3s ease}@keyframes livePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.live-empty{color:#44506a;font-size:.85rem}#liveHostGame .btn-cta{width:100%;max-width:460px;margin:0 auto 10px;display:block}#liveHostGame .btn-secondary{width:100%;max-width:460px;margin:0 auto;display:block}.live-time-label{text-align:center;font-size:.78rem;color:#89c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.live-time-row{display:flex;gap:10px;justify-content:center;margin-bottom:4px}.live-time-btn{background:#161b2e;border:1px solid #2a3050;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:800;color:#89c;cursor:pointer}.live-time-btn.active{border-color:#00f5ff;color:#00f5ff;background:#00f5ff1a}.live-host-topbar{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:0 auto 8px}.live-timer{font-size:1.4rem;font-weight:900;color:#00f5ff;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);border-radius:99px;min-width:48px;text-align:center;padding:2px 12px}.live-stu-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px}.live-stu-head .live-stu-qnum{font-weight:800;color:#89c;font-size:.85rem;letter-spacing:.05em}.live-timer-ring{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#00f5ff;background:#00f5ff14;border:3px solid #00f5ff;box-shadow:0 0 18px #00f5ff59}.live-timer.urgent,.live-timer-ring.urgent{color:#f87171;background:#f871711f;border-color:#f87171;box-shadow:0 0 18px #f8717166;animation:liveTimerPulse 1s infinite}@keyframes liveTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.live-host-qnum{font-weight:800;color:#89c}.live-host-qcard{background:#161b2e;border:1px solid #2a3050;border-radius:16px;padding:22px;margin-bottom:16px;max-width:700px;margin-left:auto;margin-right:auto}.live-host-qtext{font-size:1.4rem;font-weight:700;text-align:center;color:#fff;margin-bottom:16px}.live-host-qopts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.live-host-opt{display:flex;align-items:center;gap:10px;border:none;border-radius:12px;padding:16px;font-size:1.05rem;color:#fff;font-weight:700;box-shadow:0 3px #0000004d}.live-host-opt .opt-shape{font-size:1.2rem}.live-board-title{text-align:center;font-size:.8rem;color:#89c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.live-board,.live-podium-rest{max-width:460px;margin:0 auto 16px;display:flex;flex-direction:column;gap:4px}.live-lb-row{display:flex;align-items:center;gap:10px;background:#161b2e;border:1px solid #1e2540;border-radius:8px;padding:8px 12px}.live-lb-row.me{border-color:gold;background:#ffd7000f}.live-lb-pos{font-weight:800;color:#6272a4;width:24px}.live-lb-name{flex:1;font-weight:600;color:#cdd6f4}.live-lb-score{font-weight:800;color:#00f5ff}.live-podium-row{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:24px auto;max-width:460px}.live-podium-spot{flex:1;background:linear-gradient(160deg,#1c2238,#11162a);border:1px solid #2a3050;border-radius:14px 14px 0 0;padding:14px 6px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.spot-1{order:2;min-height:200px;border-color:gold;box-shadow:0 0 26px #ffd70059;background:linear-gradient(160deg,#2a2410,#14110a)}.spot-2{order:1;min-height:160px;border-color:silver}.spot-3{order:3;min-height:130px;border-color:#cd7f32}.live-podium-medal{font-size:2.4rem}.spot-1 .live-podium-medal{font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.6));animation:liveBounce 1.2s ease infinite}@keyframes liveBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.live-podium-name{font-weight:800;font-size:.9rem;color:#fff;word-break:break-word;line-height:1.15}.spot-1 .live-podium-name{font-size:1rem;color:gold}.live-podium-score{font-size:.8rem;color:#00f5ff;font-weight:700}.live-join-form{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:12px;background:linear-gradient(150deg,#0d1a34,#0a1226);border:1px solid rgba(0,245,255,.3);border-radius:20px;padding:22px 18px;box-shadow:0 8px 28px #0850784d}.live-join-form input{background:#0a0f1e;border:1px solid #2a3050;border-radius:14px;padding:15px 16px;font-size:1.05rem;color:#fff;text-align:center;transition:border-color .15s,box-shadow .15s}.live-join-form input:focus{outline:none;border-color:#00f5ff;box-shadow:0 0 16px #00f5ff40}#liveJoinCode{letter-spacing:.34em;font-weight:900;font-size:1.6rem;color:#00f5ff;font-family:Poppins,monospace}.live-join-error{color:#f87171;font-size:.82rem;text-align:center;min-height:18px}#liveStudentWait.active{display:flex;align-items:center;justify-content:center}.live-wait-inner{text-align:center}.live-wait-spark{font-size:3.4rem;animation:liveWaitFloat 2s ease infinite}@keyframes liveWaitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.live-wait-name{font-size:1.4rem;font-weight:800;color:#fff;margin:10px 0 4px}.live-wait-code{display:inline-block;font-size:.95rem;color:#00f5ff;letter-spacing:.16em;font-weight:800;background:#00f5ff14;border:1px solid rgba(0,245,255,.3);border-radius:99px;padding:5px 16px;margin-top:4px}.live-wait-msg{font-size:.9rem;color:#6272a4;margin-top:18px}.live-wait-msg:after{content:"";animation:liveDots 1.6s steps(4) infinite}@keyframes liveDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.live-stu-qtext{font-size:1.3rem;font-weight:800;text-align:center;color:#fff;background:linear-gradient(135deg,#1a2040,#161b2e);border:1px solid #3a4470;border-radius:16px;padding:22px 18px;margin-bottom:16px;box-shadow:0 4px 24px #0006;animation:liveQIn .35s cubic-bezier(.2,.8,.2,1)}@keyframes liveQIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}.live-stu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.live-stu-grid.locked{pointer-events:none}.live-stu-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;border-radius:16px;padding:26px 12px;font-size:1.15rem;color:#fff;cursor:pointer;font-weight:800;transition:transform .1s,filter .1s;box-shadow:0 4px #00000059;animation:liveOptIn .35s ease backwards}.live-stu-opt:nth-child(1){animation-delay:.05s}.live-stu-opt:nth-child(2){animation-delay:.1s}.live-stu-opt:nth-child(3){animation-delay:.15s}.live-stu-opt:nth-child(4){animation-delay:.2s}@keyframes liveOptIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.live-stu-opt:active{transform:translateY(2px);filter:brightness(1.1)}.opt-shape{font-size:1.3rem;opacity:.9}.opt-text{line-height:1.2}.opt-c0{background:linear-gradient(135deg,#ef4444,#b91c1c)}.opt-c1{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.opt-c2{background:linear-gradient(135deg,#f59e0b,#d97706)}.opt-c3{background:linear-gradient(135deg,#22c55e,#15803d)}.opt-c4{background:linear-gradient(135deg,#a855f7,#7c3aed)}.opt-c5{background:linear-gradient(135deg,#14b8a6,#0d9488)}.live-stu-opt.selected{outline:4px solid #fff;filter:brightness(1.15)}.live-stu-opt.correct{outline:4px solid #4ade80;filter:brightness(1.2)}.live-stu-opt.wrong{filter:grayscale(.6) brightness(.7)}.live-stu-waiting{text-align:center;padding-top:30px}.live-stu-feedback{font-size:1.3rem;font-weight:800;margin-bottom:18px}.live-stu-feedback.good{color:#4ade80}.live-stu-feedback.bad{color:#f87171}.live-stu-rankcard{background:#161b2e;border:1px solid #2a3050;border-radius:16px;padding:20px;max-width:240px;margin:0 auto}.live-stu-rank-big{font-size:2.6rem;font-weight:900;color:gold}.live-stu-rank-lbl{font-size:.82rem;color:#89c}.live-stu-wait-msg{font-size:.85rem;color:#6272a4;margin-top:16px}.live-stu-final{text-align:center;margin:16px 0}.live-stu-final-rank{font-size:3rem;font-weight:900;color:gold}.live-stu-final-lbl{font-size:.9rem;color:#00f5ff}#liveStudentEnd .btn-secondary{display:block;max-width:300px;margin:16px auto 0}.live-chat{width:100%;max-width:480px;margin:14px auto 0;background:#0a0e1c99;border:1px solid #2a3050;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.live-chat-compact{max-width:480px;margin-top:10px}.live-chat-title{font-size:.78rem;font-weight:800;color:#8b96b8;letter-spacing:.04em;padding:8px 12px 4px;text-transform:uppercase}.live-chat-msgs{flex:1;min-height:96px;max-height:200px;overflow-y:auto;padding:6px 12px;display:flex;flex-direction:column;gap:5px;-webkit-overflow-scrolling:touch}.live-chat-compact .live-chat-msgs{min-height:60px;max-height:110px}.live-chat-msg{font-size:.86rem;line-height:1.35;color:#dfe5f3;word-break:break-word}.live-chat-msg .live-chat-from{font-weight:800;color:#00cfff;margin-right:5px}.live-chat-msg.host .live-chat-from{color:gold}.live-chat-msg.me .live-chat-from{color:#b45aff}.live-chat-empty{color:#556;font-size:.82rem;text-align:center;padding:12px 0}.live-chat-form{display:flex;gap:8px;padding:8px;border-top:1px solid #1c2240}.live-chat-input{flex:1;background:#11162a;border:1px solid #2a3050;border-radius:10px;padding:9px 12px;color:#eef2ff;font-size:.9rem;outline:none}.live-chat-input:focus{border-color:#00cfff}.live-chat-send{flex:0 0 auto;width:42px;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#00f5ff,#a855f7);color:#001018;font-size:1rem;font-weight:900}.live-chat-send:active{transform:scale(.95)}#realms{padding:0;overflow:hidden}#realms.active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}#realmsCanvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;background:#07070f;touch-action:none}.realms-hud{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0) + 10px) 14px 10px;gap:10px;background:linear-gradient(180deg,#040610b3,#04061000);pointer-events:none}.realms-hud .realms-back{pointer-events:auto}.realms-hearts{font-size:.78rem;letter-spacing:0;flex:0 1 auto;text-align:center;white-space:nowrap}.realms-badges{display:flex;gap:7px;font-weight:800;white-space:nowrap;font-size:.82rem;align-items:center}.realms-badges .realms-dexbtn{pointer-events:auto}.realms-stars{color:gold}.realms-caughtb{color:#c084fc}.realms-joy{position:fixed;width:120px;height:120px;z-index:60;border-radius:50%;display:none;pointer-events:none;background:radial-gradient(circle,#00f5ff1a,#161b2e8c);border:2px solid rgba(0,245,255,.35);box-shadow:0 0 24px #00000080}.realms-joy.show{display:block}.realms-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7af1ff,#00c2d6);box-shadow:0 4px 12px #00000080}.realms-joy-hint{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0) + 14px);text-align:center;color:#fff6;font-size:.78rem;z-index:55;pointer-events:none}.realms-q{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#040610d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.realms-q-card{background:#141a30;border:1px solid #2a3050;border-radius:20px;padding:22px;width:100%;max-width:420px;box-shadow:0 20px 60px #0009;animation:realmsPop .25s ease}@keyframes realmsPop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.realms-q-title{font-weight:900;color:gold;text-align:center;margin-bottom:12px}.realms-boss-hp{height:12px;background:#2a0e14;border:1px solid #f87171;border-radius:99px;overflow:hidden;margin:0 0 14px}.realms-boss-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .35s ease}.realms-q-text{font-size:1.3rem;font-weight:800;color:#fff;text-align:center;margin-bottom:12px}.realms-q-diagram{display:none;margin:0 auto 14px;max-width:240px}.realms-q-diagram svg{display:block;width:100%;height:auto}.realms-q-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.realms-opt{background:linear-gradient(160deg,#1f2a4a,#16203a);border:1.5px solid #313c61;border-radius:14px;padding:16px 10px;font-size:1.05rem;font-weight:800;color:#eef2ff;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .08s}.realms-opt:active{transform:translateY(2px)}.realms-opt.good{background:#4ade8040;border-color:#4ade80;color:#4ade80}.realms-opt.bad{background:#f8717140;border-color:#f87171;color:#f87171}.realms-opt.hint-out{opacity:.22;text-decoration:line-through}.realms-q-actions{display:flex;justify-content:center;margin-top:12px}.realms-hint-btn{background:#ffd7001f;border:1px solid rgba(255,215,0,.5);color:#ffe9a0;font-weight:800;border-radius:99px;padding:8px 16px;font-size:.85rem;cursor:pointer}.realms-hint-btn:disabled,.realms-hint-btn.used{opacity:.5;cursor:default}.realms-q-solution{margin-top:14px;border-top:1px solid #2a3050;padding-top:12px;animation:realmsPop .2s ease}.realms-sol-correct{color:#4ade80;font-weight:800;text-align:center;margin-bottom:8px;font-size:1.02rem}.realms-sol-steps{background:#0e1322;border:1px solid #232a45;border-radius:12px;padding:10px 12px;color:#cdd6f4;font-size:.95rem;line-height:1.7;max-height:34vh;overflow-y:auto}.realms-sol-steps>div{margin:3px 0;text-align:center}.realms-sol-go{width:100%;margin-top:12px}.realms-howto{color:#c4cce8;font-size:.86rem;line-height:1.5;text-align:left;max-height:48vh;overflow-y:auto;margin-bottom:14px}.realms-howto p{margin:0 0 9px}.realms-howto b{color:#fff}.realms-dexbtn{background:#a855f72e;border:1px solid rgba(168,85,247,.5);color:#d8b4fe;font-weight:800;border-radius:99px;padding:5px 12px;font-size:.82rem;cursor:pointer;pointer-events:auto}.mathedex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#040610e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.mathedex-panel{background:linear-gradient(160deg,#11162a,#0c1020);border:1px solid #2a3050;border-radius:20px;width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #0009}.mathedex-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #2a3050}.mathedex-title{font-weight:900;color:#d8b4fe;letter-spacing:.06em}.mathedex-count{color:#8b96b8;font-weight:700;font-size:.85rem;flex:1}.mathedex-close{background:#1a2038;border:1px solid #2a3050;color:#cdd6f4;width:34px;height:34px;border-radius:10px;font-size:1rem;cursor:pointer}.mathedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:18px;overflow-y:auto}.dex-card{background:#161b2e;border:1px solid #2a3050;border-radius:14px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.dex-card.dex-locked{opacity:.6}.dex-canvas{width:80px;height:80px}.dex-name{font-weight:800;font-size:.85rem;color:#fff}.dex-type{font-size:.66rem;color:#8b96b8}.dex-lv{font-size:.72rem;color:gold;font-weight:700;margin-top:2px}.dex-xpbar{width:100%;height:5px;background:#0a0e1a;border-radius:99px;overflow:hidden;margin-top:3px}.dex-xpfill{height:100%;background:linear-gradient(90deg,#00f5ff,#a855f7)}.realms-quest{position:fixed;top:calc(env(safe-area-inset-top,0) + 46px);left:50%;transform:translate(-50%);z-index:60;pointer-events:none;background:#080c1cd1;border:1px solid rgba(255,215,0,.45);color:#ffe9a0;font-weight:800;font-size:.8rem;white-space:nowrap;padding:6px 14px;border-radius:99px;max-width:92vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 18px #00000073}.realms-buffs{position:fixed;left:12px;top:calc(env(safe-area-inset-top,0) + 84px);z-index:60;display:flex;flex-direction:column;gap:5px;pointer-events:none}.realms-buff{background:#080c1cc7;border:1px solid rgba(0,245,255,.35);color:#bfeeff;font-weight:800;font-size:.74rem;padding:3px 9px;border-radius:99px;width:fit-content}.realms-dlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:72;cursor:pointer;background:linear-gradient(180deg,#04061040 55%,#040610e0);display:flex;align-items:flex-end;justify-content:center;padding:0 14px calc(env(safe-area-inset-bottom,0) + 22px)}.realms-dlg-card{display:flex;gap:14px;align-items:flex-start;background:#141a30;border:1px solid #3a3f66;border-radius:18px;padding:16px;width:100%;max-width:520px;box-shadow:0 16px 50px #000000a6;animation:realmsPop .22s ease}#realmsDlgArt{width:76px;height:80px;flex:0 0 76px;image-rendering:pixelated;background:#0c1020;border:1px solid #2a3050;border-radius:12px}.realms-dlg-body{flex:1;min-width:0}.realms-dlg-name{font-weight:900;color:gold;font-size:.86rem;margin-bottom:4px}.realms-dlg-text{color:#eef2ff;font-weight:600;font-size:.98rem;line-height:1.45;min-height:3.6em}.realms-dlg-tap{color:#8b96b8;font-size:.7rem;text-align:right;margin-top:6px;animation:dlgTap 1.4s ease infinite}@keyframes dlgTap{0%,to{opacity:.45}50%{opacity:1}}.realms-chap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:74;cursor:pointer;background:#040610e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.realms-chap-card{text-align:center;animation:chapIn .5s ease;max-width:480px}@keyframes chapIn{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.realms-chap-kicker{color:#00f5ff;letter-spacing:.3em;font-weight:800;font-size:.8rem;text-transform:uppercase}.realms-chap-name{font-size:2rem;font-weight:900;margin:10px 0 8px;background:linear-gradient(90deg,gold,#fff6c8,gold);-webkit-background-clip:text;background-clip:text;color:transparent}.realms-chap-place{color:#9aa4c8;font-weight:700;font-size:.86rem;margin-bottom:18px}.realms-chap .realms-dlg-tap{text-align:center}.mode-card.realms .mode-icon,.realms-name{color:#f59e0b}.realms-comp-panel{max-height:84vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.realms-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.realms-comp-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#10152c;border:1px solid #2a3050;border-radius:14px;padding:10px 6px 8px;cursor:pointer;text-align:center;transition:transform .12s ease,border-color .12s ease}.realms-comp-card:not(.locked):hover{transform:translateY(-2px);border-color:#00f5ff}.realms-comp-card.equipped{border-color:gold;box-shadow:0 0 14px #ffd70040}.realms-comp-card.locked{opacity:.55;cursor:default}.realms-comp-card canvas{width:72px;height:64px}.realms-comp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.realms-comp-info b{color:#eef2ff;font-size:.82rem}.realms-comp-info span{color:gold;font-weight:800;font-size:.7rem}.realms-comp-info small{color:#8b96b8;font-size:.64rem;line-height:1.3}.realms-comp-card.equipped .realms-comp-info b:after{content:" ✓";color:gold}.realms-style-panel{text-align:center}#realmsStylePrev{display:block;margin:0 auto 8px}.realms-style-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.realms-swatch{aspect-ratio:1;border-radius:12px;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .1s ease,border-color .1s ease}.realms-swatch:hover{transform:scale(1.08)}.realms-swatch.picked{border-color:gold;box-shadow:0 0 12px #ffd70073}.realms-vol-row{display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:10px 12px;background:#10152c;border:1px solid #2a3050;border-radius:12px;color:#cdd6f4;font-size:.85rem;font-weight:700}.realms-vol-row input[type=range]{flex:1;accent-color:#00f5ff}#realmsVolPct{min-width:42px;text-align:right;color:#00f5ff}:root{--accent-deep: #0a8fa8;--purple-deep: #7c3aed;--gold-deep: #c79a00;--green-deep: #15803d;--red-deep: #b91c1c;--panel-deep: #0a0a18;--radius: 18px;--radius-lg: 24px;--shadow-card: 0 10px 30px rgba(0,0,0,.35)}body,.btn,.btn-cta,.chip,.mode-name,.mode-desc,input,button{font-family:Nunito,Poppins,system-ui,sans-serif}body{color:#eef2ff;-webkit-font-smoothing:antialiased}.btn,.btn-cta{font-weight:800;text-transform:none;letter-spacing:.2px;border:none;border-radius:var(--radius);cursor:pointer;transition:transform .06s ease,filter .15s ease,box-shadow .06s ease;position:relative}.btn{font-size:.95rem;padding:.85rem 1.6rem}.btn-cta{font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius)}.btn-primary,.btn-cta{background:var(--accent);color:#042b35;box-shadow:0 5px 0 var(--accent-deep),0 8px 18px #00f5ff2e}.btn-primary:hover,.btn-cta:hover{filter:brightness(1.05);transform:none}.btn-primary:active,.btn-cta:active{transform:translateY(5px);box-shadow:0 0 0 var(--accent-deep),0 2px 8px #00f5ff26}.btn-secondary{background:#161a2e;color:#eef2ff;border:none;box-shadow:0 5px 0 var(--panel-deep),0 8px 18px #0000004d}.btn-secondary:hover{filter:brightness(1.12);border:none;color:#eef2ff}.btn-secondary:active{transform:translateY(5px);box-shadow:0 0 0 var(--panel-deep)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-deep),0 8px 18px #ef444433}.btn-danger:active{transform:translateY(5px);box-shadow:0 0 0 var(--red-deep)}.player-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important}.mode-card{border-radius:var(--radius-lg)!important;box-shadow:0 8px 24px #00000059!important;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important}.mode-card:active{transform:scale(.97)!important}.mode-name{letter-spacing:.2px}.chip{border-radius:999px;font-weight:700}input{border-radius:14px!important}.mode-icon svg{width:38px;height:38px;display:block}.mode-card.story .mode-icon svg{width:44px;height:44px}.mode-card.story .mode-icon{color:#00f5ff}.mode-card.practice .mode-icon{color:#a855f7}.mode-card.marathon .mode-icon{color:#22c55e}.mode-card.exam .mode-icon{color:gold}.mode-card.duel .mode-icon{color:#c084fc}.mode-card.olympiad .mode-icon{color:#f97316}.mode-card.liveclass .mode-icon{color:#ff6384}.nav-icon svg{width:24px;height:24px;display:block}.nav-tab .nav-icon{display:flex;align-items:center;justify-content:center}.duel-diagram,.live-diagram{margin:10px auto 0;max-width:220px}.duel-diagram svg,.live-diagram svg{display:block;width:100%;height:auto}.rank-emblem{vertical-align:middle}.rank-emblem--legend{animation:emblemGlow 1.8s ease-in-out infinite}@keyframes emblemGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 9px rgba(255,120,80,.95)) drop-shadow(0 0 3px #fff)}}.lb-rank-tag,.rank-badge,.nr-rank,#rankLabel,#myCardRank,.friend-meta,.rl-tier-name{display:inline-flex;align-items:center;gap:4px}.lb-rank{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:900;font-size:.85rem;color:var(--muted);flex-shrink:0}.lb-rank.lb-pos-1{background:linear-gradient(145deg,#ffe27a,#f5c518);color:#3a2c00;box-shadow:0 3px #c79a00}.lb-rank.lb-pos-2{background:linear-gradient(145deg,#e8e8ee,#bfc4cf);color:#2a2e38;box-shadow:0 3px #8b909c}.lb-rank.lb-pos-3{background:linear-gradient(145deg,#e8a86a,#cd7f32);color:#3a2200;box-shadow:0 3px #9a5d22}.rl-tier-icon{display:flex;align-items:center;justify-content:center}.friend-avatar svg,.prof-rank-icon svg{display:block}.logo-title,.start-title{font-family:Orbitron,sans-serif!important;font-weight:900!important;letter-spacing:3px!important;background:linear-gradient(180deg,#d4f6ff,#00f5ff 38%,#38bdf8 55%,#a855f7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 0 14px rgba(0,245,255,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.6));position:relative}.start-title{font-size:clamp(2.4rem,9vw,3.6rem)}.logo-title{font-size:clamp(2.2rem,8.5vw,4.2rem)}.logo-title:after,.start-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:logoSweep 4.5s ease-in-out infinite;pointer-events:none}@keyframes logoSweep{0%{background-position:200% 0}60%{background-position:-80% 0}to{background-position:-80% 0}}.logo-sub,.start-sub{font-family:Audiowide,Orbitron,sans-serif!important}.ph-welcome{font-size:.82rem;color:#8b96b8;font-weight:700;margin-bottom:12px}.ph-main{display:flex;align-items:center;gap:14px}.ph-emblem{flex-shrink:0;display:flex;align-items:center}.ph-emblem svg{width:46px;height:46px}.ph-rankcol{flex:1;min-width:0}.ph-rank{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:900;letter-spacing:.5px;line-height:1.1}.ph-level{font-size:.78rem;color:#8b96b8;font-weight:700;margin-top:2px}.ph-global{text-align:right;flex-shrink:0}.ph-global-pos{font-family:Orbitron,sans-serif;font-size:1.7rem;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 14px rgba(255,215,0,.35)}.ph-global-lbl{font-size:.66rem;color:#8b96b8;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}h1,h2,.lb-title,.picker-title,.friends-title,.prof-name,.ach-title{font-family:Nunito,Poppins,sans-serif;font-weight:900;letter-spacing:.2px}