:root{--tg-top: env(safe-area-inset-top, 0px);--bg: #060A16;--surface: rgba(255, 255, 255, .06);--surface-solid: #151B33;--surface2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-glow: rgba(255, 255, 255, .06);--accent: #3B82F6;--accent2: #2563EB;--blue-glow: #3B82F6;--green: #00D68F;--red: #FF4D6A;--gold: #FFB547;--text: #E8EAF6;--text2: #6B7394;--text3: #5A6488;--glass-blur: 24px;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.08);--glass-shadow: 0 4px 24px rgba(0,0,0,.12);--glass-inset: inset 0 1px 0 rgba(255,255,255,.06);--tab-bg: rgba(12,16,32,.92);--tab-border: rgba(255,255,255,.06);--overlay-bg: rgba(4,8,18,.96);--wash-opacity: 1;--header-bg: #060A16}[data-theme=dark]{--bg: #060A16;--surface: rgba(255, 255, 255, .06);--surface-solid: #151B33;--surface2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-glow: rgba(255, 255, 255, .06);--accent: #3B82F6;--accent2: #2563EB;--text: #E8EAF6;--text2: #6B7394;--text3: #5A6488;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.08);--glass-shadow: 0 4px 24px rgba(0,0,0,.12);--glass-inset: inset 0 1px 0 rgba(255,255,255,.06);--tab-bg: rgba(12,16,32,.92);--tab-border: rgba(255,255,255,.06);--overlay-bg: rgba(4,8,18,.96);--header-bg: #060A16}[data-theme=light]{--bg: #F0F2F7;--surface: rgba(0,0,0,.03);--surface-solid: #FFFFFF;--surface2: rgba(0,0,0,.02);--border: rgba(0,0,0,.08);--border-glow: rgba(0,0,0,.04);--text: #0F172A;--text2: #1E293B;--text3: #475569;--glass-bg: rgba(255,255,255,.75);--glass-border: rgba(0,0,0,.08);--glass-shadow: 0 4px 24px rgba(0,0,0,.06);--glass-inset: inset 0 1px 0 rgba(255,255,255,.9);--tab-bg: rgba(255,255,255,.88);--tab-border: rgba(0,0,0,.06);--overlay-bg: rgba(240,242,247,.96);--wash-opacity: 1;--header-bg: #F0F2F7}[data-theme=infinity]{--bg: #EEEDF6;--surface: rgba(255,255,255,.5);--surface-solid: #FFFFFF;--surface2: rgba(255,255,255,.35);--border: rgba(99,102,241,.18);--border-glow: rgba(99,102,241,.08);--accent: #818CF8;--accent2: #6366F1;--blue-glow: #818CF8;--green: #00D68F;--red: #FF4D6A;--gold: #FFB547;--text: #1E1B4B;--text2: #4338CA;--text3: #6366F1;--glass-bg: rgba(255,255,255,.72);--glass-border: rgba(99,102,241,.14);--glass-shadow: 0 4px 20px rgba(99,102,241,.08);--glass-inset: inset 0 1px 0 rgba(255,255,255,.85);--tab-bg: #25105A;--tab-border: rgba(99,102,241,.15);--overlay-bg: rgba(238,237,246,.96);--wash-opacity: 1;--header-bg: #EEEDF6}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100dvh;height:100%;overflow:hidden}#root{padding-top:var(--tg-top, env(safe-area-inset-top, 0px))}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;overscroll-behavior:none}.scroll{overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.gradient-wash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(180deg,#0B2878 0%,#0D2D82 5%,#0F338C 10%,#103590 15%,#0E2F7A 22%,#0B2566 30%,#091D52 38%,#07163F 46%,#060F2C 54%,#060B1E 62%,transparent 72%)}.gradient-wash:before{content:"";position:absolute;top:-15%;left:5%;width:90%;height:55%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(20,70,200,.45) 0%,rgba(18,60,180,.25) 30%,rgba(14,48,160,.1) 55%,transparent 75%);filter:blur(25px)}.gradient-wash:after{content:"";position:absolute;top:-10%;left:10%;width:80%;height:35%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,rgba(30,90,220,.3) 0%,rgba(25,75,200,.12) 40%,transparent 70%);filter:blur(20px)}.card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-radius:16px;padding:12px;margin-bottom:10px;transition:border-color .2s;box-shadow:var(--glass-shadow),var(--glass-inset)}.btn-primary{width:100%;padding:14px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:700;font-family:Space Grotesk,sans-serif;box-shadow:0 6px 28px #3b82f64d;transition:transform .15s,opacity .15s}.btn-primary:active{transform:scale(.97);opacity:.9}.mono{font-family:JetBrains Mono,monospace}.chip{display:inline-flex;align-items:center;font-size:11px;padding:3px 10px;border-radius:20px;font-family:JetBrains Mono,monospace;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chip-green{background:#00d68f1a;color:var(--green);border:1px solid rgba(0,214,143,.18)}.chip-blue{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.18)}.chip-gold{background:#ffb5471a;color:var(--gold);border:1px solid rgba(255,181,71,.18)}.chip-red{background:#ff4d6a1a;color:var(--red);border:1px solid rgba(255,77,106,.18)}.chip-purple{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.18)}.xp-wrap{background:var(--glass-bg);border-radius:20px;height:6px;overflow:hidden;border:1px solid var(--glass-border)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:20px;transition:width .6s ease}[data-theme=light] .gradient-wash{background:linear-gradient(180deg,#0B2878 0%,#0D2D82 6%,#0F338C 12%,#103590 18%,#1240A0 25%,#1A50B0 33%,#2E6CC8 42%,#4A8ADE 52%,#7AB0F0 62%,#A8CFF8 70%,#D0E4FC 78%,#E8F0FB 85%,transparent 92%)}[data-theme=light] .gradient-wash:before{background:radial-gradient(ellipse at 50% 40%,rgba(20,70,200,.4) 0%,rgba(18,60,180,.2) 30%,rgba(14,48,160,.08) 55%,transparent 75%)}[data-theme=light] .gradient-wash:after{background:radial-gradient(ellipse at 50% 30%,rgba(30,90,220,.25) 0%,rgba(25,75,200,.1) 40%,transparent 70%)}[data-theme=light] .btn-primary{box-shadow:0 4px 16px #3b82f633}[data-theme=light] .chip{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .chip-green{background:#05966947;color:#064e3b;border-color:#05966973;font-weight:600}[data-theme=light] .chip-blue{background:#2563eb1f;color:#1d4ed8;border-color:#2563eb40}[data-theme=light] .chip-gold{background:#d977061f;color:#b45309;border-color:#d9770640}[data-theme=light] .chip-red{background:#dc26261f;color:#b91c1c;border-color:#dc262640}[data-theme=light] .chip-purple{background:#8b5cf61f;color:#7c3aed;border-color:#8b5cf640}[data-theme=light] .scroll{background:linear-gradient(180deg,transparent 0%,rgba(240,242,247,.2) 120px,rgba(240,242,247,.7) 260px,#F0F2F7 380px)}[data-theme=infinity] .gradient-wash{background:linear-gradient(180deg,#1E0A4A 0%,#25105A 5%,#2E1868 10%,#3A2278 15%,#472E88 20%,#553C96 26%,#6650A4 33%,#7E6CB8 40%,#9888CA 47%,#B4A8DA 54%,#CEC6E8 60%,#DFD9F0 66%,#EAE7F4 72%,transparent 82%)}[data-theme=infinity] .gradient-wash:before{background:radial-gradient(ellipse at 50% 40%,rgba(99,102,241,.45) 0%,rgba(99,102,241,.22) 30%,rgba(99,102,241,.08) 55%,transparent 75%)}[data-theme=infinity] .gradient-wash:after{background:radial-gradient(ellipse at 50% 30%,rgba(129,140,248,.3) 0%,rgba(99,102,241,.12) 40%,transparent 70%)}[data-theme=infinity] .btn-primary{background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);box-shadow:0 4px 16px #6366f140}[data-theme=infinity] .chip{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=infinity] .chip-green{background:#05966938;color:#064e3b;border-color:#05966966;font-weight:600}[data-theme=infinity] .chip-blue{background:#6366f11f;color:#4338ca;border-color:#6366f140}[data-theme=infinity] .chip-gold{background:#d977061f;color:#b45309;border-color:#d9770640}[data-theme=infinity] .chip-red{background:#dc26261f;color:#b91c1c;border-color:#dc262640}[data-theme=infinity] .chip-purple{background:#6366f11f;color:#4f46e5;border-color:#6366f140}[data-theme=infinity] .scroll{background:linear-gradient(180deg,transparent 0%,rgba(238,237,246,.2) 120px,rgba(238,237,246,.7) 260px,#EEEDF6 380px)}[data-theme=dark] .gradient-wash{background:linear-gradient(180deg,#0B2878 0%,#0D2D82 5%,#0F338C 10%,#103590 15%,#0E2F7A 22%,#0B2566 30%,#091D52 38%,#07163F 46%,#060F2C 54%,#060B1E 62%,transparent 72%)}[data-theme=dark] .gradient-wash:before{background:radial-gradient(ellipse at 50% 40%,rgba(20,70,200,.45) 0%,rgba(18,60,180,.25) 30%,rgba(14,48,160,.1) 55%,transparent 75%)}[data-theme=dark] .gradient-wash:after{background:radial-gradient(ellipse at 50% 30%,rgba(30,90,220,.3) 0%,rgba(25,75,200,.12) 40%,transparent 70%)}[data-theme=dark] .scroll{background:none}