:root{--color-bg-base:#080a10;--color-bg-surface:#0d1117;--color-bg-elevated:#131922;--color-bg-panel:#1a2233;--color-bg-hover:#1f2a3d;--color-gold:#d4a017;--color-gold-light:#f0c040;--color-gold-dim:#8a6a10;--color-silver:#c0c8d8;--color-blue:#4a8af4;--color-blue-dim:#2a5ab8;--color-purple:#9a4af4;--color-red:#e84040;--color-green:#40c870;--color-cyan:#40d8f0;--rarity-common:#9a9a9a;--rarity-uncommon:#40c870;--rarity-rare:#4a8af4;--rarity-epic:#9a4af4;--rarity-legendary:#f07820;--rarity-mythic:#e84040;--rarity-ancient:#8a0020;--rarity-divine:#d4c060;--rarity-celestial:#40d8f0;--color-text-primary:#e8eaf0;--color-text-secondary:#8a96b0;--color-text-dim:#4a5068;--color-border:#1e2a40;--color-border-bright:#2e3d5a;--color-border-gold:#d4a01740;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--font-display:"Cinzel", "Georgia", serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg-base);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}#app{width:100%;height:100%;position:relative}.hidden{display:none!important}.flex-center{justify-content:center;align-items:center;display:flex}.text-gold{color:var(--color-gold)}.text-silver{color:var(--color-silver)}.text-red{color:var(--color-red)}.text-green{color:var(--color-green)}.loading-screen{background:var(--color-bg-base);justify-content:center;align-items:center;gap:var(--spacing-lg);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0}.loading-title{font-family:var(--font-display);letter-spacing:8px;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold), 0 0 60px #d4a01766;font-size:64px;font-weight:700}.loading-subtitle{font-family:var(--font-display);letter-spacing:6px;color:var(--color-text-secondary);text-transform:uppercase;font-size:18px}.loading-logo{text-align:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.loading-bar-wrap{background:var(--color-bg-panel);border-radius:2px;width:320px;height:4px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--color-gold-dim), var(--color-gold-light));width:0%;height:100%;transition:width var(--transition-slow);box-shadow:0 0 10px var(--color-gold);border-radius:2px}.loading-text{letter-spacing:2px;color:var(--color-text-dim);text-transform:uppercase;font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-bg-panel);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-bright)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.panel-title{font-family:var(--font-display);letter-spacing:2px;color:var(--color-gold);text-transform:uppercase;margin-bottom:var(--spacing-md);font-size:18px;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, #b88a14, var(--color-gold));color:#0d0b00;box-shadow:0 2px 12px #d4a0174d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-gold), var(--color-gold-light));transform:translateY(-1px);box-shadow:0 4px 20px #d4a01780}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border-bright);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-dim)}.btn-danger{background:linear-gradient(135deg, #a82020, var(--color-red));color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #e8404066}.input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.input:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #d4a01726}.input::placeholder{color:var(--color-text-dim)}.input-error{border-color:var(--color-red)!important}.divider{background:linear-gradient(90deg, transparent, var(--color-border-bright), transparent);width:100%;height:1px;margin:var(--spacing-md) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{text-shadow:0 0 20px var(--color-gold), 0 0 60px #d4a01766}50%{text-shadow:0 0 40px var(--color-gold), 0 0 100px #d4a01799}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-glow{animation:3s ease-in-out infinite glow}.animate-pulse{animation:2s ease-in-out infinite pulse}.auth-screen{scroll-behavior:smooth;background:#08090d;position:fixed;inset:0;overflow:hidden auto}.lp-root{min-height:100%;font-family:var(--font-body);position:relative}.lp-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.lp-particle{filter:blur(.5px);border-radius:50%;animation:linear infinite lp-float;position:absolute;bottom:-10px}@keyframes lp-float{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:1}85%{opacity:.7}to{opacity:0;transform:translateY(-105vh)translate(20px)}}.lp-nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#08090de0;border-bottom:1px solid #d4a01712;align-items:center;gap:0;height:58px;padding:0 64px;display:flex;position:sticky;top:0}.lp-nav-logo{font-family:var(--font-display);letter-spacing:5px;color:var(--color-gold);text-shadow:0 0 20px #d4a01759;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-right:auto;font-size:16px;display:flex}.lp-nav-gem{filter:drop-shadow(0 0 6px #d4a01799);font-size:10px}.lp-nav-links{align-items:center;gap:36px;display:flex}.lp-nav-link{letter-spacing:1.8px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;transition:color .15s}.lp-nav-link:hover{color:var(--color-text-secondary)}.lp-nav-cta{background:var(--color-gold);color:#060608;font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;margin-left:36px;padding:9px 24px;font-size:10px;font-weight:700;transition:all .2s;box-shadow:0 2px 14px #d4a01733}.lp-nav-cta:hover{background:var(--color-gold-light);transform:translateY(-1px);box-shadow:0 4px 24px #d4a01759}.lp-hero{z-index:1;align-items:center;min-height:calc(100vh - 58px);padding:80px 64px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{z-index:0;position:absolute;inset:0}.lp-orb{filter:blur(130px);pointer-events:none;border-radius:50%;position:absolute}.lp-orb--1{background:radial-gradient(circle,#d4a01724 0%,#0000 70%);width:700px;height:700px;animation:9s ease-in-out infinite lp-orb-pulse;top:-200px;left:-150px}.lp-orb--2{background:radial-gradient(circle,#9a4af41f 0%,#0000 70%);width:550px;height:550px;animation:11s ease-in-out 2.5s infinite lp-orb-pulse;top:30%;right:-80px}.lp-orb--3{background:radial-gradient(circle,#4a8af41a 0%,#0000 70%);width:450px;height:450px;animation:13s ease-in-out 5s infinite lp-orb-pulse;bottom:-100px;left:38%}@keyframes lp-orb-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1.4;transform:scale(1.2)}}.lp-hero-ground{z-index:1;background:linear-gradient(#0000 0%,#08090d 100%);height:220px;position:absolute;bottom:0;left:0;right:0}.lp-hero-inner{z-index:2;grid-template-columns:1fr 430px;align-items:center;gap:90px;width:100%;max-width:1340px;margin:0 auto;display:grid;position:relative}.lp-hero-left{flex-direction:column;gap:30px;display:flex}.lp-hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#d4a017bf;align-items:center;gap:12px;font-size:11px;display:flex}.lp-eyebrow-line{background:#d4a01780;width:32px;height:1px;display:block}.lp-hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:8px;font-size:clamp(70px,8.5vw,110px);line-height:.88}.lp-title-dark{color:var(--color-text-primary);text-shadow:0 0 60px #ffffff0a;display:block}.lp-title-idle{color:var(--color-gold);text-shadow:0 0 40px #d4a01761,0 0 100px #d4a01724;animation:5s ease-in-out infinite lp-title-glow;display:block}@keyframes lp-title-glow{0%,to{text-shadow:0 0 40px #d4a01761,0 0 100px #d4a01724}50%{text-shadow:0 0 70px #d4a0178c,0 0 150px #d4a01738}}.lp-hero-tagline{color:var(--color-text-secondary);max-width:500px;font-size:19px;line-height:1.65}.lp-hero-badges{flex-wrap:wrap;gap:10px;display:flex}.lp-badge{letter-spacing:.8px;color:var(--color-gold);white-space:nowrap;background:#d4a0170f;border:1px solid #d4a0173d;border-radius:20px;padding:5px 14px;font-size:11px}.lp-hero-cta{color:#060608;font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d4a017 0%,#a07010 100%);border:none;border-radius:5px;align-items:center;gap:12px;width:fit-content;padding:18px 44px;font-size:13px;font-weight:700;transition:all .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 32px #d4a01747,inset 0 1px #ffffff2e}.lp-hero-cta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:55%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.lp-hero-cta:hover:after{left:200%}.lp-hero-cta:hover{background:linear-gradient(135deg,#e8b820 0%,#c08818 100%);transform:translateY(-2px);box-shadow:0 8px 44px #d4a0176b}.lp-cta-play{font-size:15px}.lp-hero-trust{color:var(--color-text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.lp-trust-sep{opacity:.4}.lp-auth-wrap{position:relative}.lp-auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b0d14eb;border:1px solid #d4a01724;border-radius:18px;padding:38px;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000008c,inset 0 0 0 1px #ffffff08}.lp-auth-top-bar{background:linear-gradient(90deg,#0000 0%,#d4a0178c 40%,#9a4af473 70%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.lp-auth-deco{text-align:center;letter-spacing:14px;color:var(--color-gold);opacity:.35;margin-bottom:18px;font-size:9px}.lp-auth-title{font-family:var(--font-display);letter-spacing:2px;color:var(--color-text-primary);text-align:center;margin-bottom:4px;font-size:22px}.lp-auth-subtitle{letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-dim);text-align:center;margin-bottom:26px;font-size:11px}.lp-auth-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:9px;margin-bottom:24px;padding:3px;display:flex}.lp-auth-tab{color:var(--color-text-dim);font-family:var(--font-body);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:9px;font-size:12px;font-weight:600;transition:all .2s}.lp-auth-tab:hover{color:var(--color-text-secondary)}.lp-auth-tab.active{color:var(--color-gold);background:#d4a0171c;box-shadow:inset 0 0 0 1px #d4a01733}.auth-global-error{color:var(--color-red);text-align:center;background:#e840401a;border:1px solid #e8404047;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.auth-global-error.visible{display:block}.auth-global-success{color:var(--color-green);text-align:center;background:#40c8701a;border:1px solid #40c87047;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:none}.auth-global-success.visible{display:block}.lp-auth-form{flex-direction:column;gap:16px;display:flex}.lp-field{flex-direction:column;gap:6px;display:flex}.lp-field label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim);font-size:10px;font-weight:600}.lp-input{width:100%;color:var(--color-text-primary);font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lp-input::placeholder{color:var(--color-text-dim)}.lp-input:focus{border-color:#d4a01759;box-shadow:0 0 0 3px #d4a0170f}.lp-input.input-error{border-color:#e8404073;box-shadow:0 0 0 3px #e840400f}.form-error{color:var(--color-red);font-size:11px;display:none}.form-error.visible{display:block}.lp-submit-btn{color:#060608;width:100%;font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d4a017 0%,#a07010 100%);border:none;border-radius:8px;margin-top:4px;padding:14px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 24px #d4a01738}.lp-submit-btn:hover{background:linear-gradient(135deg,#e8b820 0%,#c08818 100%);transform:translateY(-1px);box-shadow:0 6px 32px #d4a01761}.lp-submit-btn:disabled{opacity:.6;cursor:default;transform:none}.lp-auth-footer-row{text-align:center;color:var(--color-text-dim);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:12px;display:flex}.lp-auth-switch-btn{color:var(--color-gold);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;transition:opacity .15s}.lp-auth-switch-btn:hover{opacity:.75}.lp-scroll-hint{letter-spacing:2px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;z-index:2;opacity:.6;flex-direction:column;align-items:center;gap:6px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.lp-scroll-hint:hover{opacity:1}.lp-scroll-arrow{animation:2.2s ease-in-out infinite lp-bounce}@keyframes lp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.lp-section{z-index:1;padding:100px 64px;position:relative}.lp-section-inner{max-width:1340px;margin:0 auto}.lp-section-hd{text-align:center;margin-bottom:64px}.lp-section-tag{letter-spacing:3px;text-transform:uppercase;color:var(--color-gold);background:#d4a01712;border:1px solid #d4a0172e;border-radius:20px;margin-bottom:18px;padding:5px 18px;font-size:10px;display:inline-block}.lp-section-title{font-family:var(--font-display);letter-spacing:4px;color:var(--color-text-primary);text-transform:uppercase;margin-bottom:16px;font-size:clamp(26px,3.5vw,40px)}.lp-section-sub{color:var(--color-text-dim);max-width:520px;margin:0 auto;font-size:15px;line-height:1.65}.lp-divider{z-index:1;text-align:center;padding:8px 0;position:relative;overflow:hidden}.lp-divider:before{content:"";background:linear-gradient(90deg,#0000 0%,#d4a01726 50%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.lp-divider-gem{z-index:1;letter-spacing:10px;color:var(--color-gold);opacity:.35;background:#08090d;padding:0 20px;font-size:9px;position:relative}.lp-features-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lp-feat-card{cursor:default;background:#0c0f18bf;border:1px solid #ffffff0a;border-radius:12px;padding:24px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.lp-feat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#d4a0170a,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.lp-feat-card:hover{border-color:#d4a0172e;transform:translateY(-3px);box-shadow:0 14px 40px #00000052}.lp-feat-card:hover:before{opacity:1}.lp-feat-ico{margin-bottom:12px;font-size:28px;display:block}.lp-feat-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:8px;font-size:12px}.lp-feat-desc{color:var(--color-text-dim);font-size:12px;line-height:1.6}.lp-screens-section{background:#06080e99;border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff06}.lp-screens-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lp-screen-card{aspect-ratio:16/10;cursor:default;background:#090b12;border:1px solid #ffffff12;border-radius:12px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.lp-screen-card:hover{border-color:#d4a01747;transform:scale(1.025);box-shadow:0 24px 60px #0000008c}.lp-screen-preview{position:absolute;inset:0;overflow:hidden}.lp-screen-label{z-index:20;background:linear-gradient(#0000 0%,#000000d9 100%);padding:30px 16px 14px;position:absolute;bottom:0;left:0;right:0}.lp-screen-label-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-primary);font-size:12px}.lp-screen-label-sub{color:var(--color-text-dim);margin-top:2px;font-size:10px}.lp-prev--combat{background:linear-gradient(#020408 0%,#090610 40%,#130810 100%)}.lp-prev-hud{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.lp-prev-bar{opacity:.85;border-radius:3px;height:5px}.lp-prev-bar--hp{background:linear-gradient(90deg,#c02020,#e85050);width:70%}.lp-prev-bar--mp{background:linear-gradient(90deg,#204090,#4080e0);width:50%}.lp-prev-arena-glow{pointer-events:none;background:radial-gradient(#dc782824 0%,#0000 70%);border-radius:50%;width:180px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.lp-prev-skills-row{z-index:5;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.lp-prev-skill-slot{background:#d4a0170f;border:1px solid #d4a01740;border-radius:6px;width:28px;height:28px}.lp-prev--character{background:linear-gradient(#0a0c18 0%,#070810 100%)}.lp-prev-char-layout{gap:0;display:flex;position:absolute;inset:0}.lp-prev-char-sidebar{background:#ffffff05;border-right:1px solid #ffffff0d;flex-direction:column;gap:7px;width:38%;padding:12px 10px;display:flex}.lp-prev-stat-bar{background:linear-gradient(90deg,#d4a01766,#d4a01726);border-radius:2px;height:4px}.lp-prev-char-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.lp-prev-char-icon{opacity:.6;font-size:32px}.lp-prev-char-bars{flex-direction:column;gap:4px;width:70%;display:flex}.lp-prev-char-bar{border-radius:2px;height:4px}.lp-prev-char-bar--hp{background:linear-gradient(90deg,#c02020,#e85050);width:78%}.lp-prev-char-bar--mp{background:linear-gradient(90deg,#204090,#4080e0);width:55%}.lp-prev--inventory{background:#080a12}.lp-prev-inv-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid;position:absolute;inset:10px}.lp-prev-inv-slot{background:#ffffff05;border:1px solid #ffffff12;border-radius:4px}.lp-prev--events{background:linear-gradient(#08060e 0%,#0e0814 100%)}.lp-prev-events-list{flex-direction:column;gap:6px;display:flex;position:absolute;inset:10px}.lp-prev-ev-card{border:1px solid #0000;border-radius:7px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.lp-prev-ev-badge{letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:7px;font-weight:700}.lp-prev-ev-prog{background:#ffffff12;border-radius:3px;flex:1;height:4px;overflow:hidden}.lp-prev--shop{background:linear-gradient(#080810 0%,#0a0818 100%)}.lp-prev-shop-layout{display:flex;position:absolute;inset:0}.lp-prev-shop-sidebar{background:#ffffff05;border-right:1px solid #ffffff0a;width:28%}.lp-prev-shop-items{flex:1;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.lp-prev-shop-item{border:1px solid #0000;border-radius:6px}.lp-prev--map{background:radial-gradient(at 50% 55%,#0a0e1c 0%,#040508 100%)}.lp-prev-map-bg{background-image:radial-gradient(circle at 30% 40%,#4a8af40d 0%,#0000 40%),radial-gradient(circle at 70% 60%,#9a4af40d 0%,#0000 40%);position:absolute;inset:0}.lp-prev-map-node{background:#ffffff26;border:1px solid #ffffff26;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.lp-prev-map-node--lit{background:#d4a017b3;border-color:#d4a017e6;box-shadow:0 0 6px #d4a01780}.lp-why-section{background:linear-gradient(#08090d 0%,#0a0c14 50%,#08090d 100%)}.lp-why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lp-why-card{background:#0c0f1899;border:1px solid #ffffff0a;border-radius:12px;align-items:flex-start;gap:18px;padding:26px 24px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.lp-why-card:hover{border-color:#d4a01724;transform:translateY(-2px);box-shadow:0 14px 40px #00000047}.lp-why-ico{flex-shrink:0;margin-top:1px;font-size:26px}.lp-why-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:8px;font-size:12px}.lp-why-desc{color:var(--color-text-dim);font-size:12px;line-height:1.65}.lp-stats-section{background:linear-gradient(#08090d 0%,#0c0e18 50%,#08090d 100%);border-top:1px solid #d4a0170d}.lp-stats-grid{background:#ffffff06;border:1px solid #ffffff0a;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.lp-stat-cell{text-align:center;background:#090b12cc;padding:44px 28px;transition:background .2s;position:relative;overflow:hidden}.lp-stat-cell:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#d4a01759,#0000);height:2px;transition:opacity .3s;position:absolute;bottom:0;left:20%;right:20%}.lp-stat-cell:hover{background:#10131ee6}.lp-stat-cell:hover:after{opacity:1}.lp-stat-number{font-family:var(--font-display);color:var(--color-gold);text-shadow:0 0 30px #d4a01738;margin-bottom:10px;font-size:46px;font-weight:700;line-height:1}.lp-stat-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-dim);font-size:10px}.lp-footer{z-index:1;background:#050608;border-top:1px solid #ffffff09;justify-content:space-between;align-items:center;padding:44px 64px;display:flex;position:relative}.lp-footer-logo{font-family:var(--font-display);letter-spacing:5px;color:#d4a01780;align-items:center;gap:8px;font-size:13px;display:flex}.lp-footer-gem{font-size:8px}.lp-footer-center{text-align:center}.lp-footer-tagline{color:var(--color-text-dim);letter-spacing:1px;margin-bottom:4px;font-size:12px}.lp-footer-copy{color:#ffffff2e;letter-spacing:.3px;font-size:11px}.lp-footer-cta{color:var(--color-gold);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d4a0174d;border-radius:4px;padding:10px 26px;font-size:10px;transition:all .2s}.lp-footer-cta:hover{background:#d4a01714;border-color:#d4a0178c;box-shadow:0 0 16px #d4a01724}.char-select-screen{background:var(--color-bg-base);justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);flex-direction:column;display:flex;position:fixed;inset:0}.char-select-title{font-family:var(--font-display);letter-spacing:6px;color:var(--color-gold);text-transform:uppercase;font-size:28px}.char-select-subtitle{color:var(--color-text-dim);letter-spacing:2px;text-transform:uppercase;margin-top:-var(--spacing-lg);font-size:13px}.char-slots{gap:var(--spacing-lg);align-items:stretch;display:flex}.char-slot{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--spacing-md);width:220px;min-height:300px;padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative}.char-slot:hover{border-color:var(--color-gold-dim);background:var(--color-bg-hover);transform:translateY(-4px);box-shadow:0 16px 40px #0006,inset 0 0 0 1px #d4a01726}.char-slot.empty{border-style:dashed;border-color:var(--color-text-dim)}.char-slot.empty:hover{border-color:var(--color-gold-dim)}.char-slot-icon{opacity:.3;font-size:48px}.char-slot-name{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:1px;font-size:16px;font-weight:600}.char-slot-class{letter-spacing:2px;color:var(--color-gold);text-transform:uppercase;font-size:12px}.char-slot-level{color:var(--color-text-dim);font-size:12px}.char-slot-new{color:var(--color-text-dim);font-size:32px}.char-select-logout{top:var(--spacing-lg);right:var(--spacing-lg);position:absolute}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;min-width:420px;max-width:520px;animation:fadeIn var(--transition-normal) forwards;box-shadow:0 40px 80px #000000b3}.modal-title{font-family:var(--font-display);letter-spacing:3px;color:var(--color-gold);text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:20px}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.class-grid{gap:var(--spacing-sm);margin:var(--spacing-md) 0;grid-template-columns:repeat(3,1fr);display:grid}.class-btn{padding:var(--spacing-md) var(--spacing-sm);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);text-align:center;font-size:12px}.class-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary);background:var(--color-bg-hover)}.class-btn.selected{border-color:var(--color-gold);color:var(--color-gold);background:#d4a01714}.modal--create{grid-template-columns:280px 1fr;width:95vw;min-width:0;max-width:940px;height:88vh;max-height:88vh;padding:0;display:grid;overflow:hidden}.cc-left{border-right:1px solid var(--color-border);background:var(--color-bg-panel);flex-direction:column;gap:18px;min-height:0;padding:28px 24px 24px;display:flex;overflow-y:auto}.cc-left .modal-title{letter-spacing:4px;margin-bottom:0;font-size:18px}.cc-class-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cc-card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;display:flex;position:relative}.cc-card:hover{border-color:var(--cc-color,var(--color-gold-dim));background:var(--color-bg-elevated)}.cc-card.selected{border-color:var(--cc-color,var(--color-gold));background:color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 88%);box-shadow:0 0 12px color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 65%)}.cc-card-icon{font-size:20px;line-height:1}.cc-card-name{letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-dim);text-align:center;font-size:8px;font-weight:700}.cc-card.selected .cc-card-name{color:var(--cc-color,var(--color-gold))}.cc-card-role{letter-spacing:.3px;color:var(--color-text-dim);text-align:center;opacity:.7;font-size:7px}.cc-right{background:var(--color-bg-elevated);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.cc-info-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-panel);flex-shrink:0;align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.cc-info-icon{background:color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 85%);border:2px solid color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 45%);border-radius:var(--radius-md);width:60px;height:60px;box-shadow:0 0 16px color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 75%);flex-shrink:0;justify-content:center;align-items:center;font-size:32px;display:flex}.cc-info-titles{flex-direction:column;gap:4px;min-width:0;display:flex}.cc-info-name{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--cc-color,var(--color-gold));font-size:20px;font-weight:900;line-height:1}.cc-info-role-badge{letter-spacing:2px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 50%);color:var(--cc-color,var(--color-gold));background:color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 88%);border-radius:10px;align-items:center;width:fit-content;padding:2px 10px;font-size:9px;font-weight:700;display:inline-flex}.cc-info-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.cc-info-body{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex}.cc-info-playstyle{color:var(--color-text-dim);border-left:2px solid var(--cc-color,var(--color-gold-dim));padding-left:10px;font-size:11px;font-style:italic;line-height:1.5}.cc-info-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cc-section-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-dim);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:5px;font-size:8px;font-weight:700}.cc-rating-list{flex-direction:column;gap:5px;display:flex}.cc-rating-row{grid-template-columns:40px 1fr 16px;align-items:center;gap:6px;display:grid}.cc-rating-label{color:var(--color-text-dim);text-align:right;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:600}.cc-rating-track{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:3px;height:5px;overflow:hidden}.cc-rating-fill{background:var(--cc-color,var(--color-gold));opacity:.85;border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.cc-rating-pip{color:var(--cc-color,var(--color-gold));text-align:center;opacity:.8;font-size:9px;font-weight:700}.cc-attrib-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.cc-attrib-tag{letter-spacing:1px;border:1px solid color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 50%);color:var(--cc-color,var(--color-gold));background:color-mix(in srgb, var(--cc-color,var(--color-gold)), transparent 85%);border-radius:4px;padding:3px 9px;font-size:9px;font-weight:700}.cc-sw-list{flex-direction:column;gap:5px;display:flex}.cc-sw-item{align-items:flex-start;gap:5px;font-size:11px;line-height:1.35;display:flex}.cc-sw-item.strength{color:var(--color-green)}.cc-sw-item.weakness{color:var(--color-text-dim)}.cc-sw-bullet{flex-shrink:0;font-size:12px;line-height:1.35}.cc-skills-list{flex-direction:column;gap:6px;display:flex}.cc-skill-item{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:8px 10px;display:flex}.cc-skill-item:hover{border-color:var(--cc-color,var(--color-border-bright))}.cc-skill-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.cc-skill-text{flex:1;min-width:0}.cc-skill-name{color:var(--color-text-primary);font-size:11px;font-weight:700}.cc-skill-desc{color:var(--color-text-dim);margin-top:1px;font-size:10px;line-height:1.4}.cc-skill-meta{color:var(--color-text-dim);white-space:nowrap;text-align:right;flex-shrink:0;font-size:9px}.cc-skill-unlock{color:var(--color-gold-dim);font-size:9px;font-weight:600}.cc-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.lp-lang-switcher{align-items:center;gap:2px;margin-left:4px;display:flex}.lp-lang-btn{color:var(--color-text-dim);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 11px;font-family:inherit;font-size:11px;transition:all .18s}.lp-lang-btn:hover{color:var(--color-gold);border-color:#d4a01759}.lp-lang-btn--active{color:var(--color-gold);background:#d4a0171f;border-color:#d4a0178c;font-weight:600}.lp-lang-sep{color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px}.game-screen{background:var(--color-bg-base);grid-template:"header header header""left canvas right"1fr"bottom bottom bottom"/240px 1fr 290px;display:grid;position:fixed;inset:0;overflow:hidden}.game-header{z-index:10;background:linear-gradient(#1c1c30 0%,#13131f 100%);border-bottom:1px solid #ffffff0f;grid-area:header;align-items:center;gap:0;height:56px;padding:0 14px;display:flex;box-shadow:0 2px 14px #00000073}.gh-div{background:linear-gradient(#0000,#ffffff12,#0000);flex-shrink:0;width:1px;height:28px;margin:0 14px}.gh-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.gh-back-btn{width:30px;height:30px;color:var(--color-text-dim);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.gh-back-btn:hover{color:var(--color-text-secondary);background:#ffffff1a;border-color:#fff3;box-shadow:0 0 8px #ffffff0f}.gh-logo{align-items:center;gap:5px;display:flex}.gh-logo-gem{color:var(--color-gold);filter:drop-shadow(0 0 5px #d4af378c);font-size:9px}.gh-logo-text{font-family:var(--font-display);letter-spacing:3.5px;color:#ffffff4d;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700}.gh-identity{flex-shrink:0;align-items:center;gap:9px;display:flex}.gh-cls-badge{background:linear-gradient(135deg,#d4af371f,#d4af370a);border:1px solid #d4af3738;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 0 10px #d4af3712}.gh-id-info{flex-direction:column;gap:2px;display:flex}.gh-id-name{color:var(--color-text-primary);letter-spacing:.3px;font-size:13px;font-weight:700;line-height:1}.gh-id-sub{align-items:center;gap:5px;display:flex}.gh-id-cls{color:var(--color-gold);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600}.gh-id-dot{color:#ffffff26;font-size:9px}.gh-id-lvl{color:var(--color-text-dim);font-size:10px}.gh-id-lvl b{color:var(--color-text-secondary);font-weight:700}.gh-xp-bar{background:#ffffff0f;border-radius:2px;width:100px;height:2px;margin-top:1px;overflow:hidden}.gh-xp-fill{background:linear-gradient(90deg, var(--color-gold), #d4a500);border-radius:2px;height:100%;transition:width .5s}.gh-location{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.gh-loc-area{align-items:center;gap:6px;display:flex}.gh-loc-ico{opacity:.6;font-size:11px}.gh-loc-name{font-family:var(--font-display);letter-spacing:2.5px;color:var(--color-gold);text-transform:uppercase;white-space:nowrap;text-shadow:0 0 14px #d4af374d;font-size:13px}.gh-loc-wave{align-items:center;gap:5px;font-size:10px;display:flex}.gh-loc-wlabel{color:var(--color-text-dim);letter-spacing:1px;text-transform:uppercase;font-size:9px}.gh-loc-wval{color:var(--color-text-secondary);font-weight:700}.gh-nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.gh-nav-btn{--gh-nav-accent:#b4b4b4b3;--gh-nav-rgb:180,180,180;letter-spacing:.9px;text-transform:uppercase;cursor:pointer;color:#c8c8d7bf;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:5px;padding:6px 13px;font-size:10px;font-weight:700;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .12s;display:flex;position:relative;overflow:hidden}.gh-nav-btn:before{content:"";background:var(--gh-nav-accent);opacity:0;height:2px;transition:opacity .15s;position:absolute;top:0;left:0;right:0}.gh-nav-btn:after{content:"";opacity:0;background:#ffffff0d;transition:opacity .15s;position:absolute;inset:0}.gh-nav-btn:not(:disabled):hover{color:#fff;background:rgba(var(--gh-nav-rgb), .1);border-color:rgba(var(--gh-nav-rgb), .3);box-shadow:0 2px 14px rgba(var(--gh-nav-rgb), .14);transform:translateY(-1px)}.gh-nav-btn:not(:disabled):hover:before,.gh-nav-btn:not(:disabled):hover:after{opacity:1}.gh-nav-btn:not(:disabled):active{transform:translateY(0)}.gh-nav-btn--active{color:#fff!important;background:rgba(var(--gh-nav-rgb), .12)!important;border-color:rgba(var(--gh-nav-rgb), .35)!important;box-shadow:0 0 18px rgba(var(--gh-nav-rgb), .18)!important}.gh-nav-btn--active:before{opacity:1!important}.gh-nav-btn--events{--gh-nav-accent:#d4af37e6;--gh-nav-rgb:212,175,55;color:#d4af37d9}.gh-nav-btn--shop{--gh-nav-accent:#965adce6;--gh-nav-rgb:150,90,220;color:#aa6ef0d9}.gh-nav-btn--ranks{--gh-nav-accent:#50a0ffe6;--gh-nav-rgb:80,160,255;color:#64afffbf}.gh-nav-btn--updates{--gh-nav-accent:#3cdcc8e6;--gh-nav-rgb:60,220,200;color:#50e6d2bf}.gh-nav-btn--soon{opacity:.4;cursor:not-allowed}.gh-nav-btn--soon:after{display:none}.gh-nav-btn--soon:hover{box-shadow:none;transform:none}.gh-nav-soon{letter-spacing:.5px;color:#ffffff8c;background:#ffffff1a;border:1px solid #ffffff24;border-radius:3px;align-self:center;margin-left:1px;padding:1px 4px;font-size:7px;font-weight:800;line-height:1.3}.gh-nav-mini-sep{background:#ffffff17;flex-shrink:0;width:1px;height:22px;margin:0 3px}.gh-nav-ico{font-size:12px;line-height:1}.gh-nav-lbl{line-height:1}.gh-currencies{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;flex-shrink:0;align-items:center;gap:0;height:32px;padding:0 2px;display:flex}.gh-curr{border-radius:6px;align-items:center;gap:5px;height:100%;padding:0 10px;transition:background .2s;display:flex}.gh-curr:hover{background:#ffffff0a}.gh-curr-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:16px}.gh-curr-ico{font-size:13px;line-height:1}.gh-curr-val{text-align:right;letter-spacing:.3px;font-variant-numeric:tabular-nums;min-width:52px;font-size:12px;font-weight:700}.gh-curr--gold .gh-curr-val{color:var(--color-gold-light)}.gh-curr--essence .gh-curr-val{color:var(--color-purple)}.game-panel-left{border-right:1px solid var(--color-border);background:var(--color-bg-surface);flex-direction:column;grid-area:left;gap:0;display:flex;overflow-y:auto}.game-canvas-wrap{background:#040608;grid-area:canvas;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.game-panel-bottom{background:linear-gradient(#121220 0%,#0d0d18 100%);border-top:1px solid #ffffff0d;grid-area:bottom;align-items:center;gap:0;height:68px;padding:0 12px;display:flex;overflow:hidden;box-shadow:0 -2px 14px #00000059}.hb-skills{flex-shrink:0;align-items:center;gap:5px;display:flex}.hb-div{background:linear-gradient(#0000,#ffffff12,#0000);flex-shrink:0;width:1px;height:38px;margin:0 13px}.hb-group{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.hb-group-hd{font-family:var(--font-display);letter-spacing:1.5px;color:#ffffff40;text-transform:uppercase;font-size:8px;line-height:1}.hb-group-row{align-items:center;gap:7px;display:flex}.hb-stat{align-items:center;gap:4px;display:flex}.hb-ico{opacity:.7;font-size:10px}.hb-lbl{color:var(--color-text-dim);letter-spacing:.3px;font-size:9px}.hb-val{color:var(--color-text-secondary);white-space:nowrap;font-size:11px;font-weight:700}.hb-dim{color:var(--color-text-dim);opacity:.7;font-size:9px}.hb-dot{color:#ffffff21;flex-shrink:0;font-size:10px}.hb-val--gold{color:var(--color-gold-light)}.hb-val--green{color:var(--color-green)}.hb-val--red{color:#e06060}.hb-val--dim{color:var(--color-text-dim)}.panel-section{padding:10px var(--spacing-sm);border-bottom:1px solid var(--color-border)}.panel-section-title{font-family:var(--font-display);letter-spacing:2px;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:10px}.stat-block{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.stat-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label{color:var(--color-text-dim);font-size:11px}.stat-value{color:var(--color-text-primary);font-size:12px;font-weight:600}.resource-bars{flex-direction:column;gap:6px;display:flex}.resource-bar-wrap{flex-direction:column;gap:3px;display:flex}.resource-bar-label{color:var(--color-text-secondary);justify-content:space-between;font-size:11px;display:flex}.resource-bar-track{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:6px;height:12px;overflow:hidden}.resource-bar-fill{border-radius:6px;height:100%;transition:width .3s}.resource-bar-fill.hp{background:linear-gradient(90deg,#20a050,#40c870);box-shadow:0 0 6px #40c87066}.resource-bar-fill.mana{background:linear-gradient(90deg,#2050a0,#4a8af4);box-shadow:0 0 6px #4a8af466}.resource-bar-fill.hp.low{background:linear-gradient(90deg,#802020,#e84040);animation:.8s ease-in-out infinite pulse}.char-portrait{align-items:center;gap:var(--spacing-md);display:flex}.char-portrait-icon{background:var(--color-bg-panel);border:2px solid var(--color-gold-dim);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.char-portrait-info{flex-direction:column;gap:2px;min-width:0;display:flex}.char-portrait-name{font-family:var(--font-display);color:var(--color-gold);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.char-portrait-class{letter-spacing:2px;color:var(--color-text-dim);text-transform:uppercase;font-size:10px}.char-portrait-level{color:var(--color-text-secondary);font-size:13px;font-weight:700}.exp-bar-wrap{background:var(--color-bg-base);border-radius:4px;height:16px;margin-top:4px;position:relative;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg, var(--color-gold-dim), var(--color-gold));border-radius:4px;height:100%;transition:width .5s}.exp-bar-pct{color:#1a1208;pointer-events:none;letter-spacing:.4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.exp-bar-text{text-align:center;color:var(--color-text-dim);margin-top:3px;font-size:10px}.game-panel-right{border-left:1px solid var(--color-border);background:linear-gradient(180deg, #0b0f18 0%, var(--color-bg-surface) 100%);flex-direction:column;grid-area:right;display:flex;overflow:hidden}.rpanel-nav{border-bottom:2px solid #d4a0172e;flex-direction:column;flex-shrink:0;display:flex;position:relative}.rpanel-title-bar{background:linear-gradient(135deg,#d4a01712 0%,#0000 70%);border-bottom:1px solid #d4a0171f;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex;position:relative;overflow:hidden}.rpanel-title-bar:before{content:"";background:linear-gradient(180deg, var(--color-gold) 0%, var(--color-gold-dim) 100%);width:3px;position:absolute;top:0;bottom:0;left:0}.rpanel-title-ornament{color:var(--color-gold-dim);opacity:.6;letter-spacing:3px;margin-left:auto;font-size:8px}.rpanel-title-icon{filter:drop-shadow(0 0 4px #d4a01766);font-size:15px;line-height:1}.rpanel-title-text{font-family:var(--font-display);letter-spacing:3px;color:var(--color-gold);text-transform:uppercase;font-size:11px;font-weight:600}.rpanel-tab-row{align-items:stretch;display:flex}.rpanel-tab-row--primary{border-bottom:1px solid var(--color-border);height:48px}.rpanel-tab-row--secondary{background:#00000026;height:38px}.right-panel-tab{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;margin-bottom:-2px;padding:4px 2px;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.rpanel-tab-row--secondary .right-panel-tab{gap:2px}.right-panel-tab:after{content:"";background:radial-gradient(#d4a01759 0%,#0000 70%);height:0;transition:height .15s;position:absolute;bottom:0;left:10%;right:10%}.right-panel-tab.active:after{height:100%}.right-panel-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold);background:#d4a0170d}.right-panel-tab:hover:not(.active){color:var(--color-text-secondary);background:#ffffff08}.rpt-icon{z-index:1;font-size:17px;line-height:1;transition:filter .15s,transform .15s;display:block;position:relative}.rpanel-tab-row--secondary .rpt-icon{font-size:14px}.right-panel-tab.active .rpt-icon{filter:drop-shadow(0 0 5px #d4a01799);transform:scale(1.08)}.right-panel-tab:hover:not(.active) .rpt-icon{transform:scale(1.04)}.rpt-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:7.5px;line-height:1;display:block;position:relative;overflow:hidden}.rpanel-tab-row--secondary .rpt-label{letter-spacing:.5px;font-size:7px}.right-panel-tab .rpt-badge{background:var(--color-gold);color:#000;text-align:center;z-index:2;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #d4a01780}.right-panel-content{scrollbar-width:thin;scrollbar-color:var(--color-bg-panel) transparent;flex:1;padding:10px 8px;overflow:hidden auto}@keyframes rpanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rpanel-content-inner{height:100%;animation:.18s both rpanelIn}.rpanel-content-inner--overflow{height:auto}.skill-slot{background:var(--color-bg-panel);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:56px;height:56px;transition:border-color var(--transition-fast);justify-content:center;align-items:center;font-size:22px;display:flex;position:relative}.skill-slot:hover{border-color:var(--color-gold-dim)}.skill-slot-cooldown{border-radius:var(--radius-md);color:#fff;background:#0009;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.skill-slot--passive{border-color:#48e06866;box-shadow:0 0 8px #48e06826}.skill-slot--passive:hover{border-color:#48e068;box-shadow:0 0 14px #48e06847}.skill-slot-passive-badge{color:#050f07;letter-spacing:0;background:#48e068d9;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:2px;right:2px}.enemy-info-overlay{top:var(--spacing-sm);border-radius:var(--radius-md);padding:6px var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#080a10bf;border:1px solid #e840404d;flex-direction:column;align-items:center;gap:4px;min-width:200px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.enemy-info-name{font-family:var(--font-display);letter-spacing:2px;color:#e84040;font-size:13px}.enemy-hp-bar-track{background:#200808;border-radius:4px;width:180px;height:8px;overflow:hidden}.enemy-hp-bar-fill{background:linear-gradient(90deg,#802020,#e84040);border-radius:4px;height:100%;transition:width .25s}.game-back-btn{padding:5px 12px;font-size:12px}.level-up-overlay{z-index:1000;pointer-events:none;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.level-up-overlay.level-up-fade-out{animation:.5s forwards fadeOut}.level-up-card{border:2px solid var(--color-gold);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#0e1020 0%,#1a1a30 60%,#0e1020 100%);padding:32px 48px;animation:.5s cubic-bezier(.34,1.56,.64,1) levelUpBounce;position:relative;box-shadow:0 0 60px #d4a01766,0 0 120px #d4a0171a,inset 0 1px #ffffff14}.level-up-glow{border-radius:var(--radius-lg);pointer-events:none;background:radial-gradient(#d4a01726 0%,#0000 70%);position:absolute;inset:-2px}.level-up-title{font-family:var(--font-display);letter-spacing:6px;color:var(--color-gold);text-transform:uppercase;opacity:.8;margin-bottom:8px;font-size:11px}.level-up-number{font-family:var(--font-display);color:var(--color-gold);text-shadow:0 0 20px #d4a017cc,0 0 40px #d4a01766;margin-bottom:16px;font-size:72px;font-weight:900;line-height:1}.level-up-stats{flex-direction:column;gap:4px;min-width:160px;display:flex}.level-up-stat-row{justify-content:space-between;align-items:center;gap:24px;font-size:13px;display:flex}.level-up-stat-name{color:var(--color-text-secondary)}.level-up-stat-val{color:var(--color-green);font-size:14px;font-weight:700}@keyframes levelUpBounce{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}80%{transform:scale(.97)}to{transform:scale(1)}}.combat-log-entry{word-break:break-word;padding:0 2px;font-size:11px;line-height:1.5}.wave-control-section{gap:0}.wave-navigator{align-items:center;gap:4px;margin-top:8px;display:flex}.wave-nav-btn{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex}.wave-nav-btn:hover:not(:disabled){border-color:var(--color-gold-dim);color:var(--color-gold);background:var(--color-bg-elevated)}.wave-nav-btn:disabled{opacity:.3;cursor:not-allowed}.wave-nav-info{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;gap:3px;height:26px;padding:0 4px;font-size:12px;font-weight:700;display:flex}#wave-nav-cur{color:var(--color-gold)}.wave-nav-sep{color:var(--color-text-dim);font-weight:400}#wave-nav-max{color:var(--color-text-secondary)}.wave-boss-warning{border-radius:var(--radius-sm);color:#e84040;letter-spacing:.5px;background:#e8404014;border:1px solid #e8404040;align-items:center;gap:5px;margin-top:6px;padding:4px 8px;font-size:10px;animation:1.5s ease-in-out infinite pulse;display:flex}.wave-boss-icon{font-size:11px}.wave-boss-attempts{color:#e84040b3;margin-left:auto;font-size:9px;font-weight:600}.wave-auto-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.wave-auto-label{color:var(--color-text-dim);letter-spacing:.5px;font-size:11px}.wave-auto-toggle{letter-spacing:1px;border-radius:var(--radius-sm);border:1px solid var(--color-green,#40c870);color:var(--color-green,#40c870);cursor:pointer;transition:all var(--transition-fast);background:#40c87014;padding:3px 10px;font-size:10px;font-weight:700}.wave-auto-toggle:hover{background:#40c8702e}.wave-auto-toggle.wave-auto-off{border-color:var(--color-border);color:var(--color-text-dim);background:0 0}.wave-auto-toggle.wave-auto-off:hover{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.death-screen{z-index:950;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;background:#000000bf;justify-content:center;align-items:center;animation:.5s forwards death-screen-in;display:flex;position:fixed;inset:0}.death-screen--fade-out{animation:.4s forwards death-screen-out}@keyframes death-screen-in{0%{opacity:0}to{opacity:1}}@keyframes death-screen-out{0%{opacity:1}to{opacity:0}}.death-screen-content{text-align:center;flex-direction:column;align-items:center;gap:20px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards death-content-in;display:flex}@keyframes death-content-in{0%{opacity:0;transform:translateY(-16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.death-screen-title{font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;color:#e84040;text-shadow:0 0 60px #e84040b3,0 0 20px #e8404080,0 4px 24px #000000e6;font-size:72px;font-weight:700;line-height:1}.death-screen-sub{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:#fff6;font-size:13px}.death-screen-count{font-family:var(--font-display);color:#ffffffeb;text-shadow:0 0 40px #ffffff40,0 4px 20px #000c;text-align:center;min-width:1ch;font-size:96px;font-weight:700;line-height:1;animation:1s ease-in-out infinite death-count-pulse}@keyframes death-count-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.wnh{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.wnh-area-name{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:#d4af3773;white-space:nowrap;font-size:9px}.wnh-nodes{pointer-events:all;align-items:center;gap:10px;display:flex}.wnh-node{width:36px;height:36px;font-size:11px;font-family:var(--font-display);color:#ffffff47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#06080ea6;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .15s;display:flex}.wnh-node--phantom{opacity:0;pointer-events:none}.wnh-node--selectable{color:#ffffff8c;cursor:pointer;border-color:#ffffff38}.wnh-node--selectable:hover{border-color:var(--color-gold);color:var(--color-gold);background:#d4af371a;transform:scale(1.1);box-shadow:0 0 14px #d4af3759}.wnh-node--current{border-color:var(--color-gold);width:46px;height:46px;color:var(--color-gold);background:#d4af371a;font-size:13px;animation:2.8s ease-in-out infinite wnh-glow;box-shadow:0 0 18px #d4af3766,inset 0 0 10px #d4af3714}@keyframes wnh-glow{0%,to{box-shadow:0 0 18px #d4af3766,inset 0 0 10px #d4af3714}50%{box-shadow:0 0 28px #d4af37a6,inset 0 0 14px #d4af3724}}.wnh-node--boss{color:#e84040;background:#e8404014;border-color:#e840408c;font-size:16px;box-shadow:0 0 10px #e8404033}.wnh-node--boss.wnh-node--selectable:hover{background:#e8404026;border-color:#e84040;transform:scale(1.12);box-shadow:0 0 20px #e8404080}.wnh-node--boss.wnh-node--current{color:#e84040;background:#e840401f;border-color:#e84040;animation:1.6s ease-in-out infinite wnh-boss-glow;box-shadow:0 0 22px #e840408c,inset 0 0 10px #e840401a}@keyframes wnh-boss-glow{0%,to{box-shadow:0 0 22px #e840408c,inset 0 0 10px #e840401a}50%{box-shadow:0 0 36px #e84040cc,inset 0 0 18px #e840402e}}.wnh-node--boss-done{color:#48e068a6;background:#48e06812;border-color:#48e06866;font-size:15px}.wnh-node--boss-done.wnh-node--selectable:hover{color:#48e068;border-color:#48e068;transform:scale(1.1);box-shadow:0 0 14px #48e06859}.wnh-node--boss-done.wnh-node--current{color:#48e068;background:#48e0681a;border-color:#48e068;animation:3s ease-in-out infinite wnh-done-glow;box-shadow:0 0 16px #48e06859}@keyframes wnh-done-glow{0%,to{box-shadow:0 0 16px #48e06859}50%{box-shadow:0 0 26px #48e0688c}}.wnh-controls{pointer-events:all;align-items:center;gap:8px;display:flex}.wnh-auto-btn{color:#48e068d9;font-size:10px;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#06080ea6;border:1px solid #48e06861;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;transition:background .2s,border-color .2s,color .2s;display:flex}.wnh-auto-btn:hover{background:#48e0681f;border-color:#48e068a6}.wnh-auto-btn--off{color:#ffffff52;border-color:#ffffff24}.wnh-auto-btn--off:hover{color:#ffffff8c;background:#ffffff0d;border-color:#ffffff47}.wnh-auto-icon{font-size:7px;line-height:1}.wnh-auto-label{text-transform:uppercase;letter-spacing:1.5px;font-size:9px}.wnh-auto-val{font-size:10px;font-weight:700}.char-sheet{flex-direction:column;gap:2px;display:flex}.stat-points-banner{border-radius:var(--radius-sm);color:var(--color-gold);background:linear-gradient(135deg,#d4a01726,#d4a0170d);border:1px solid #d4a01766;align-items:center;gap:6px;margin:4px 0 2px;padding:6px 10px;font-size:12px;font-weight:700;animation:1.5s ease-in-out infinite pulse;display:flex}.stat-points-icon{font-size:16px}.char-sheet-section{padding:8px 0 2px}.char-sheet-section-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-dim);border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:0 4px 3px;font-size:9px}.base-stat-list{flex-direction:column;gap:2px;display:flex}.base-stat-row{border-radius:var(--radius-sm);cursor:default;transition:background var(--transition-fast);grid-template-columns:20px 1fr 32px 28px;align-items:center;gap:4px;padding:3px 4px;display:grid}.base-stat-row:hover{background:var(--color-bg-elevated)}.base-stat-icon{text-align:center;font-size:13px}.base-stat-label{color:var(--color-text-secondary);font-size:11px}.base-stat-value{text-align:right;font-size:12px;font-weight:700}.stat-spend-btn{border:1px solid var(--color-gold-dim);width:24px;height:24px;color:var(--color-gold);cursor:pointer;transition:all var(--transition-fast);background:#d4a0171a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.stat-spend-btn:hover:not(:disabled){border-color:var(--color-gold);background:#d4a01740;transform:scale(1.1)}.stat-spend-btn.disabled,.stat-spend-btn:disabled{border-color:var(--color-border);color:var(--color-text-dim);cursor:not-allowed;opacity:.4;background:0 0}.derived-stat-list{flex-direction:column;gap:1px;display:flex}.derived-stat-row{border-radius:3px;justify-content:space-between;align-items:center;padding:2px 4px;font-size:11px;display:flex}.derived-stat-row:nth-child(odd){background:#ffffff05}.derived-stat-label{color:var(--color-text-dim)}.derived-stat-value{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.talent-tree{flex-direction:column;gap:0;padding-bottom:8px;display:flex}.talent-tree-header{padding:8px var(--spacing-sm) 4px;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.talent-tree-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.talent-tree-points{color:var(--color-purple);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.talent-points-icon{font-size:14px}.talent-column-headers{padding:6px var(--spacing-sm) 2px;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.talent-col-header{letter-spacing:1.5px;text-transform:uppercase;text-align:center;opacity:.7;font-size:9px;font-weight:700}.talent-tier{padding:4px var(--spacing-sm) 0}.talent-tier-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim);text-align:center;margin-bottom:4px;font-size:9px}.talent-tier-nodes{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.talent-tier-connector{background:repeating-linear-gradient(to bottom, var(--color-border) 0px, var(--color-border) 3px, transparent 3px, transparent 6px);height:12px;margin:2px calc(var(--spacing-sm) + 30px)}.talent-node{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-base);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;min-height:70px;padding:6px 4px;display:flex;position:relative}.talent-node-icon{font-size:20px;line-height:1}.talent-node-name{text-align:center;color:var(--color-text-dim);letter-spacing:.5px;font-size:9px;font-weight:700;line-height:1.2}.talent-node-cost{margin-top:auto;font-size:9px}.node-cost-num{color:var(--color-text-dim)}.node-purchased-check{color:var(--color-green);font-size:12px;font-weight:700}.talent-node-locked-indicator{opacity:.5;font-size:10px;position:absolute;top:3px;right:3px}.talent-node.locked{opacity:.35;cursor:not-allowed}.talent-node.unaffordable{border-color:var(--color-border-bright);opacity:.6;cursor:not-allowed}.talent-node.available{border-color:var(--node-color,var(--color-gold-dim));background:color-mix(in srgb, var(--node-color,var(--color-gold)), transparent 88%);cursor:pointer}.talent-node.available .talent-node-name{color:var(--color-text-primary)}.talent-node.available .node-cost-num{color:var(--color-purple)}.talent-node.available:hover{border-color:var(--node-color,var(--color-gold));box-shadow:0 0 8px color-mix(in srgb, var(--node-color,var(--color-gold)), transparent 60%);transform:translateY(-1px)}.talent-node.purchased{border-color:var(--node-color,var(--color-gold));background:color-mix(in srgb, var(--node-color,var(--color-gold)), transparent 80%);cursor:pointer}.talent-node.purchased .talent-node-name{color:var(--color-text-primary)}.talent-node.purchased:hover{border-color:var(--color-text-dim);background:var(--color-bg-elevated)}.talent-node.purchased:hover:after{content:"Refund?";color:var(--color-text-dim);white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.inv-panel{flex-direction:column;gap:10px;height:100%;padding:4px 2px;display:flex;overflow-y:auto}.inv-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid #ffffff0f;padding-bottom:4px;font-size:10px;font-weight:700}.inv-header-row{justify-content:space-between;align-items:center;display:flex}.inv-count{color:var(--color-muted);letter-spacing:0;margin-left:4px;font-size:9px;font-weight:400}.equip-grid{flex-direction:column;gap:4px;display:flex}.equip-cell{aspect-ratio:1;cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;min-height:44px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.equip-cell--empty-slot{opacity:.4;flex-direction:column;gap:2px}.equip-cell--empty-slot:hover{opacity:.7;border-color:#fff3}.equip-placeholder-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:7px}.equip-cell--filled:hover{filter:brightness(1.15);background:#ffffff0f}.equip-item-icon{z-index:1;font-size:20px;line-height:1}.inv-slot{aspect-ratio:1;cursor:pointer;background:#00000040;border:1px solid #ffffff12;border-radius:5px;justify-content:center;align-items:center;min-height:36px;transition:border-color .15s,transform .1s,background .15s;display:flex;position:relative;overflow:hidden}.inv-slot--empty:hover{border-color:#ffffff26}.inv-slot--filled:hover{filter:brightness(1.15);z-index:2;background:#ffffff0f;transform:scale(1.06)}.inv-item-icon{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.inv-slot--filled .inv-rarity-corner{border-bottom-color:currentColor}@keyframes invSlotFlash{0%{box-shadow:0 0 #ffd700cc}50%{box-shadow:0 0 8px 4px #ffd70099}to{box-shadow:0 0 #ffd70000}}.inv-slot--new{animation:.8s 2 invSlotFlash}.inv-slot--dragging{opacity:.4;transform:scale(.95)!important}.inv-slot--drag-over,.equip-cell.inv-slot--drag-over{border-color:var(--color-gold)!important;background:#d4a0171f!important}.inv-sort-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.inv-sort-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.item-tooltip{z-index:9000;pointer-events:none;width:220px;font-family:var(--font-body,sans-serif);background:linear-gradient(160deg,#1a1a2a,#111120);border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;position:fixed;box-shadow:0 8px 32px #000000b3,0 0 0 1px #00000080}.tooltip-header{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.tooltip-icon{flex-shrink:0;font-size:22px;line-height:1}.tooltip-name{word-break:break-word;font-size:12px;font-weight:700;line-height:1.3}.tooltip-req{color:#e84040;margin-bottom:5px;font-size:10px}.tooltip-stat{justify-content:space-between;align-items:center;font-size:10px;display:flex}.tooltip-stat-value{color:#40e870;font-size:11px;font-weight:700}.tooltip-hint{color:#ffffff40;text-align:center;letter-spacing:.04em;border-top:1px solid #ffffff0f;padding-top:6px;font-size:9px}.tooltip-affix-value{color:var(--color-gold,#d4a017);padding-left:6px;font-size:11px;font-weight:700}.item-tooltip{width:250px}.inv-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid #ffffff0f;padding-bottom:4px;font-size:10px;font-weight:700}.inv-controls-wrap{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;display:flex}.inv-controls-right{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.inv-cat-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:3px;display:flex;overflow-x:auto}.inv-cat-tabs::-webkit-scrollbar{display:none}.inv-cat-tab{color:var(--color-text-dim);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;font-size:9px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:flex}.inv-cat-tab:hover{color:#fff;background:#ffffff17;border-color:#ffffff38}.inv-cat-tab--active{border-color:var(--color-gold,#d4a017);color:var(--color-gold,#d4a017);background:#d4a01726}.inv-cat-tab-label{font-size:8px}.inv-sort-wrap{position:relative}.inv-sort-select{appearance:none;color:var(--color-text-dim);cursor:pointer;letter-spacing:.04em;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath fill='%23888' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E") right 5px center no-repeat;border:1px solid #ffffff1f;border-radius:4px;min-width:90px;padding:3px 18px 3px 6px;font-size:9px;font-weight:600;transition:border-color .12s}.inv-sort-select:hover,.inv-sort-select:focus{border-color:#ffffff4d;outline:none}.inv-sort-select option{color:#ccc;background:#1a1a2a}.inv-filter-btn{color:var(--color-text-dim);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.inv-filter-btn:hover{color:#fff;background:#ffffff17;border-color:#ffffff38}.inv-filter-btn--active{color:#4a8af4;background:#4a8af426;border-color:#4a8af4}.inv-filter-panel{background:#00000059;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:8px;padding:8px 10px;animation:.15s filterPanelIn;display:flex}@keyframes filterPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inv-filter-section{flex-direction:column;gap:5px;display:flex}.inv-filter-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:9px;font-weight:700}.inv-filter-rarity-row,.inv-filter-slot-row{flex-wrap:wrap;gap:3px;display:flex}.inv-rarity-pill,.inv-slot-pill{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.inv-rarity-pill{border-color:var(--pill-color,#ffffff1a)}.inv-rarity-pill:hover{color:#fff;background:#ffffff14}.inv-rarity-pill--active{background:color-mix(in srgb, var(--pill-color,#888) 25%, transparent);color:var(--pill-color,#888);border-color:var(--pill-color,#888)}.inv-slot-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.inv-slot-pill--active{color:#4a8af4;background:#4a8af426;border-color:#4a8af4}.inv-filter-level-row{align-items:center;gap:4px;display:flex}.inv-filter-input{color:#ccc;text-align:center;background:#0000004d;border:1px solid #ffffff1f;border-radius:4px;width:46px;padding:2px 5px;font-size:10px}.inv-filter-input:focus{border-color:#ffffff4d;outline:none}.inv-filter-dash{color:var(--color-muted);font-size:10px}.inv-filter-actions{justify-content:flex-end;display:flex}.inv-filter-clear-btn{color:var(--color-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:3px;padding:2px 8px;font-size:9px;transition:background .12s,color .12s}.inv-filter-clear-btn:hover{color:#e84040;background:#e840401f;border-color:#e84040}.inv-count-row{justify-content:space-between;align-items:center;display:flex}.inv-empty-state{text-align:center;color:var(--color-muted);padding:20px 0;font-size:11px;font-style:italic}.inv-affix-dots{color:var(--color-gold,#d4a017);opacity:.8;pointer-events:none;letter-spacing:-1px;font-size:8px;line-height:1;position:absolute;top:2px;left:2px}.inv-item-level{color:#fff6;pointer-events:none;font-size:7px;font-weight:700;line-height:1;position:absolute;bottom:1px;left:2px}.tooltip-compare-label{color:var(--color-muted);text-align:center;padding:2px 0;font-size:9px;font-style:italic}.tooltip-compare-header{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;font-size:9px;display:flex}.tooltip-compare-equipped-name{font-size:9px;font-weight:700}.tooltip-verdict{border-radius:3px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.tooltip-verdict--up{color:#40c870;background:#40c87033}.tooltip-verdict--down{color:#e84040;background:#e8404026}.tooltip-verdict--neutral{color:#aaa;background:#ffffff14}.tooltip-compare-rows{flex-direction:column;gap:2px;display:flex}.tooltip-compare-row{justify-content:space-between;align-items:center;padding:1px 0;font-size:10px;display:flex}.tooltip-compare-stat{color:#ffffffa6}.tooltip-compare-diff{font-size:11px;font-weight:700}.tooltip-compare-up .tooltip-compare-diff{color:#40c870}.tooltip-compare-down .tooltip-compare-diff{color:#e84040}.equip-grid{flex-direction:column;gap:5px;padding:4px 0 8px;display:flex}.equip-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.equip-cell{aspect-ratio:1;cursor:pointer;min-height:unset;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .12s;display:flex;position:relative;overflow:hidden}.equip-cell--empty{pointer-events:none;background:0 0;border-color:#0000}.equip-cell--empty-slot{opacity:.35;background:#0003;border:1px dashed #ffffff14;border-radius:8px;flex-direction:column;gap:3px}.equip-cell--empty-slot:hover{opacity:.6;background:#ffffff08;border-color:#ffffff2e}.equip-placeholder-icon{filter:grayscale(.7);font-size:20px;line-height:1}.equip-placeholder-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted,#4a5068);font-size:7.5px;font-family:var(--font-display)}.equip-cell--filled{border-style:solid;border-width:1px}.equip-cell--filled:hover{box-shadow:0 4px 16px #00000080, 0 0 12px var(--item-color,#d4a0174d);z-index:2;filter:none;background:#ffffff12;transform:scale(1.04)}.equip-cell--filled:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff0f 0%,#0000 70%);position:absolute;inset:0}.equip-item-icon{z-index:1;filter:drop-shadow(0 2px 4px #000c);font-size:26px;line-height:1}.equip-rarity-bar{opacity:.9;height:3px;position:absolute;bottom:0;left:0;right:0}.inv-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.inv-slot{aspect-ratio:1;cursor:pointer;min-height:unset;background:#00000047;border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;transition:border-color .15s,transform .1s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.inv-slot--empty:hover{background:#ffffff08;border-color:#ffffff29}.inv-slot--filled{border-style:solid;border-width:1px}.inv-slot--filled:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff0d 0%,#0000 60%);position:absolute;inset:0}.inv-slot--filled:hover{box-shadow:0 4px 14px #0009, 0 0 0 1px var(--item-color,#d4a01766);z-index:2;filter:none;background:#ffffff12;transform:scale(1.08)}.inv-item-icon{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #000000b3);font-size:20px;line-height:1}.inv-rarity-corner{border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent var(--item-color,#9a9a9a) transparent;pointer-events:none;width:0;height:0;position:absolute;bottom:0;right:0}.inv-slot--filled.rarity-legendary:hover{box-shadow:0 4px 16px #0009,0 0 14px #f0782066}.inv-slot--filled.rarity-epic:hover{box-shadow:0 4px 16px #0009,0 0 14px #9a4af466}.inv-slot--filled.rarity-mythic:hover{box-shadow:0 4px 16px #0009,0 0 16px #e8404080}.inv-slot--filled.rarity-rare:hover{box-shadow:0 4px 16px #0009,0 0 12px #4a8af459}.item-tooltip{z-index:9000;border:1px solid #ffffff1a;border-top:2px solid var(--tooltip-rarity-color,#d4a01799);pointer-events:none;width:270px;font-family:var(--font-body,sans-serif);background:linear-gradient(160deg,#141428 0%,#0c0c1e 100%);border-radius:10px;padding:0;position:fixed;overflow:hidden;box-shadow:0 12px 40px #000000d9,0 0 0 1px #00000080,inset 0 1px #ffffff0a}.tooltip-header{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:10px;margin-bottom:0;padding:10px 12px 8px;display:flex}.tooltip-icon{filter:drop-shadow(0 2px 6px #000c);flex-shrink:0;font-size:26px;line-height:1}.tooltip-name{word-break:break-word;font-size:13px;font-weight:700;line-height:1.25;font-family:var(--font-display)}.tooltip-meta{color:var(--color-muted,#4a5068);text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-size:9.5px}.tooltip-item-level{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;margin-top:3px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.tooltip-body{flex-direction:column;gap:0;padding:8px 12px;display:flex}.tooltip-req{color:#e84040;margin-bottom:6px;font-size:10px;font-style:italic}.tooltip-desc{color:#ffffff73;border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:7px;font-size:10px;font-style:italic;line-height:1.5}.tooltip-stats{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.tooltip-stat{justify-content:space-between;align-items:center;padding:1px 0;font-size:10.5px;display:flex}.tooltip-stat-label{color:#fff9}.tooltip-stat-value{color:#4de880;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.tooltip-sell-row{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 12px;font-size:9.5px;display:flex}.tooltip-sell-label{color:var(--color-muted,#4a5068);letter-spacing:.5px}.tooltip-sell-value{color:var(--color-gold-light,#f0c040);font-variant-numeric:tabular-nums;font-weight:700}.tooltip-hint{color:#fff3;text-align:center;letter-spacing:.3px;border-top:none;padding:5px 12px 8px;font-size:9px}.tooltip-divider{background:linear-gradient(90deg,#0000,#d4a0174d,#0000);height:1px;margin:6px 0}.tooltip-affixes{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.tooltip-affix{flex-direction:column;gap:1px;display:flex}.tooltip-affix-name{text-transform:uppercase;letter-spacing:.8px;color:#d4a017a6;font-size:9px;font-weight:700}.tooltip-affix-value{color:var(--color-gold,#d4a017);font-variant-numeric:tabular-nums;padding-left:6px;font-size:11px;font-weight:700}.inv-main-tabs{align-items:center;gap:5px;display:flex}.inv-main-tab{height:30px;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;white-space:nowrap;background:#0003;border:1px solid #ffffff12;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:9px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.inv-main-tab--active{color:var(--color-gold);background:#d4a0171a;border-color:#d4a01759;box-shadow:0 0 8px #d4a01726}.inv-main-tab:hover:not(.inv-main-tab--active){color:var(--color-text-secondary);background:#ffffff0d;border-color:#ffffff21}.inv-sell-junk-btn{color:#d05050;height:30px;font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#a0282826;border:1px solid #b432324d;border-radius:5px;flex-shrink:0;padding:0 10px;font-size:8.5px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.inv-sell-junk-btn:hover{color:#ff6868;background:#b4323247;border-color:#dc464680;box-shadow:0 0 8px #b4323240}.inv-stack-count{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;font-variant-numeric:tabular-nums;z-index:2;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:4px}.inv-pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.inv-page-btn{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:#0000004d;border:1px solid #ffffff1f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:background .12s,border-color .12s,color .12s;display:flex}.inv-page-btn:disabled{opacity:.25;cursor:not-allowed}.inv-page-btn:not(:disabled):hover{color:var(--color-gold);background:#d4a0171f;border-color:#d4a01759}.inv-page-indicator{font-family:var(--font-display);letter-spacing:1px;color:var(--color-text-dim);text-align:center;-webkit-user-select:none;user-select:none;min-width:80px;font-size:9px}.inv-context-menu{z-index:10000;background:linear-gradient(160deg,#141428 0%,#0c0c1e 100%);border:1px solid #d4a01738;border-radius:8px;min-width:170px;padding:4px;animation:.1s both ctxMenuIn;position:fixed;box-shadow:0 10px 36px #000000e0,0 0 0 1px #00000080,inset 0 1px #ffffff0a}@keyframes ctxMenuIn{0%{opacity:0;transform:scale(.93)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.inv-ctx-btn{width:100%;color:var(--color-text-secondary);font-family:var(--font-body,sans-serif);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:2px;padding:7px 12px;font-size:11.5px;transition:background .1s,color .1s;display:flex}.inv-ctx-btn:hover{color:var(--color-gold-light,#f0c040);background:#d4a0171a}.inv-ctx-btn--sell:hover{color:#68e098;background:#50c8641a}.inv-ctx-separator{background:#ffffff12;height:1px;margin:3px 4px}.pet-panel{flex-direction:column;gap:10px;height:100%;padding:4px 2px;display:flex;overflow-y:auto}.pet-active{background:var(--color-bg-elevated);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.pet-active--empty{opacity:.5;border-style:dashed;align-items:center;padding:20px 12px}.pet-active--empty .pet-active-icon{margin-bottom:4px;font-size:32px}.pet-active-empty-text{color:var(--color-text-primary);font-size:13px;font-weight:700}.pet-active-hint{color:var(--color-text-dim);font-size:10px}.pet-active-header{align-items:center;gap:10px;display:flex}.pet-active-icon{flex-shrink:0;font-size:28px;line-height:1}.pet-active-info{flex:1;min-width:0}.pet-active-name{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pet-active-meta{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:1px;font-size:10px}.pet-active-level{color:var(--color-gold);margin-top:2px;font-size:11px;font-weight:700}.pet-deactivate-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:background .15s,color .15s;display:flex}.pet-deactivate-btn:hover{color:#ff6b6b;background:#ff3c3c2e;border-color:#ff3c3c59}.pet-active-xp-wrap{flex-direction:column;gap:3px;display:flex}.pet-active-xp-track{background:#ffffff12;border-radius:4px;height:5px;overflow:hidden}.pet-active-xp-fill{border-radius:4px;height:100%;transition:width .3s}.pet-active-xp-text{color:var(--color-text-dim);text-align:right;font-size:9px}.pet-bonuses{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.pet-bonus-row{justify-content:space-between;font-size:10px;display:flex}.pet-bonus-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.pet-bonus-value{color:var(--color-green);font-weight:700}.pet-ability{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.pet-ability-icon{flex-shrink:0;margin-top:1px;font-size:18px}.pet-ability-name{color:var(--color-text-primary);font-size:11px;font-weight:700}.pet-ability-desc{color:var(--color-text-dim);margin-top:1px;font-size:10px;line-height:1.4}.pet-ability-stats{color:var(--color-gold);opacity:.8;margin-top:3px;font-size:9px}.pet-desc{color:var(--color-text-dim);font-size:10px;font-style:italic;line-height:1.5}.pet-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);padding-bottom:2px;font-size:10px;font-weight:700}.pet-section-title--locked{opacity:.45}.pet-collection{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pet-collection--locked{opacity:.35}.pet-card{background:var(--color-bg-elevated);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 6px;transition:background .15s,transform .1s;display:flex;position:relative}.pet-card:hover{background:var(--color-bg-card-hover,#ffffff0f);transform:translateY(-1px)}.pet-card--active{background:#ffffff0f}.pet-card--locked{cursor:help;opacity:.5}.pet-card--locked:hover{opacity:.8;background:#ffffff0d;transform:translateY(-1px)}.pet-card-icon{font-size:22px;line-height:1}.pet-card-name{text-align:center;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:9px;font-weight:700;overflow:hidden}.pet-card-level{color:var(--color-text-dim);font-size:9px}.pet-card-active-badge{letter-spacing:.06em;background:var(--color-gold);color:#000;border-radius:4px;padding:1px 4px;font-size:7px;font-weight:700;line-height:12px;position:absolute;top:-5px;right:-5px}.pet-card-lock-icon{opacity:.5;font-size:8px;line-height:1}@keyframes pltFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pet-lock-tooltip{z-index:9200;pointer-events:none;background:#0e0e1a;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:5px;min-width:180px;max-width:240px;padding:10px 12px;animation:.14s pltFadeIn;display:flex;position:fixed;box-shadow:0 6px 28px #000000b3,0 0 0 1px #0006}.plt-header{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.plt-divider{background:#ffffff14;height:1px;margin:1px 0}.plt-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plt-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:700}.plt-value{color:var(--color-text-primary);text-align:right;font-size:11px;font-weight:600}.plt-value--locked{color:#e05050;letter-spacing:.04em;font-size:10px}.plt-value--chance{color:#f0c040;font-weight:700}.plt-value--dim{color:#ffffff59;font-size:10px;font-style:italic}.plt-source-block{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:4px;padding:5px 7px;display:flex}.plt-source-block+.plt-source-block{margin-top:2px}@keyframes petDropSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pet-drop-toast{z-index:9000;background:var(--color-bg-card,#1a1a2e);border:1px solid var(--color-gold);pointer-events:none;border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:10px 18px;animation:.25s petDropSlide;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0009,0 0 20px #f0b80026}.pet-drop-toast-icon{font-size:28px;line-height:1}.pet-drop-toast-title{color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:10px;font-weight:700}.pet-drop-toast-name{color:var(--color-text-primary);font-size:13px;font-weight:700}.pet-drop-toast-rarity{margin-top:1px;font-size:10px}.world-map-panel{flex-direction:column;gap:8px;height:100%;display:flex;overflow:hidden}.world-map-detail{background:var(--color-bg-elevated);border:1px solid #ffffff12;border-radius:10px;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.wm-detail-header{border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.wm-detail-icon{flex-shrink:0;font-size:28px;line-height:1}.wm-detail-info{flex:1;min-width:0}.wm-detail-name{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.wm-detail-lore{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:9px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.wm-detail-desc{color:var(--color-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.wm-detail-stats{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.wm-detail-stat{flex-direction:column;gap:1px;display:flex}.wm-detail-stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.wm-detail-stat-value{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.wm-enter-btn{letter-spacing:.06em;cursor:pointer;border-radius:6px;width:100%;padding:6px 0;font-size:11px;font-weight:700;transition:background .15s,transform .1s}.wm-enter-btn:not(:disabled):hover{transform:translateY(-1px)}.wm-enter-btn--locked{opacity:.45;cursor:not-allowed;background:var(--color-bg-elevated);color:var(--color-text-dim);border-color:#ffffff1a}.wm-enter-btn--soon{opacity:.55;cursor:not-allowed;background:var(--color-bg-elevated);color:var(--color-text-dim);border-color:#ffffff1a}.wm-enter-btn--current{color:var(--color-green);cursor:default;background:#40c8701f;border-color:#40c8704d}.world-map-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 0 4px;font-size:10px;font-weight:700;display:flex}.world-map-count{color:var(--color-gold);font-size:9px;font-weight:700}.world-map-list{flex-direction:column;flex:1;gap:4px;padding-right:2px;display:flex;overflow-y:auto}.wm-area-row{background:var(--color-bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s,border-color .12s,transform 80ms;display:flex}.wm-area-row:hover:not(.wm-area-row--locked){background:#ffffff0d;transform:translate(2px)}.wm-area-row--selected{border-width:1px}.wm-area-row--current{box-shadow:inset 0 0 0 1px #40c87033}.wm-area-row--locked{opacity:.35;cursor:default}.wm-area-row-icon{text-align:center;flex-shrink:0;width:22px;font-size:18px;line-height:1}.wm-area-row-body{flex:1;min-width:0}.wm-area-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.wm-area-row-level{color:var(--color-text-dim);margin-top:1px;font-size:9px}.wm-area-row-status{color:var(--color-text-dim);letter-spacing:.04em;text-align:right;white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:600}.wm-area-row-status--current{color:var(--color-green)}@keyframes bossSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.boss-spawn-toast{z-index:9000;background:var(--color-bg-card,#1a1a2e);border:1px solid var(--color-orange,#f07820);pointer-events:none;border-radius:10px;align-items:center;gap:12px;min-width:240px;padding:10px 20px;animation:.3s bossSlide;display:flex;position:fixed;top:64px;left:248px;box-shadow:0 4px 24px #000000b3,0 0 24px #f0782033}.boss-spawn-toast-icon{font-size:30px;line-height:1}.boss-spawn-toast-warning{color:var(--color-orange,#f07820);text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px;font-size:9px;font-weight:700}.boss-spawn-toast-name{color:var(--color-text-primary);font-size:14px;font-weight:700}.boss-spawn-toast-sub{color:var(--color-text-dim);margin-top:1px;font-size:10px}.quest-panel{flex-direction:column;gap:0;height:100%;display:flex}.quest-tabs{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:4px;padding:8px 8px 0;display:flex}.quest-tab{letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:1;padding:5px 4px;font-size:10px;font-weight:700;transition:color .2s,background .2s;position:relative}.quest-tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.quest-tab--active{color:var(--color-gold);background:var(--color-bg-elevated);border-color:var(--color-border-bright);border-bottom:1px solid var(--color-bg-elevated);margin-bottom:-1px}.quest-tab-badge{background:var(--color-gold);color:#000;border-radius:8px;justify-content:center;align-items:center;min-width:14px;height:14px;margin-left:3px;padding:0 3px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.quest-list{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.quest-empty{text-align:center;color:var(--color-text-dim);letter-spacing:.5px;padding:24px 12px;font-size:12px}.quest-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .2s;display:flex}.quest-card:hover{border-color:var(--color-border-bright)}.quest-card--complete{border-color:var(--color-gold);box-shadow:0 0 8px #d4af3733}.quest-card--claimed{opacity:.55;border-color:var(--color-border)}.quest-card-header{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.quest-chapter{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:9px;font-weight:700}.quest-title{color:var(--color-text-primary);flex:1;font-size:12px;font-weight:700;line-height:1.3}.quest-claimed-badge{letter-spacing:.5px;color:var(--color-green,#5fbf6e);background:#5fbf6e1a;border:1px solid #5fbf6e4d;border-radius:4px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:9px;font-weight:700}.quest-desc{color:var(--color-text-secondary,#b0a8a0);font-size:11px;line-height:1.4}.quest-lore{color:var(--color-text-dim);border-left:2px solid var(--color-border-bright);padding-left:6px;font-size:10px;font-style:italic;line-height:1.4}.quest-objective{letter-spacing:.5px;color:var(--color-gold);text-transform:uppercase;font-size:10px;font-weight:700}.quest-progress-wrap{align-items:center;gap:8px;display:flex}.quest-progress-track{background:var(--color-bg-panel);border-radius:3px;flex:1;height:5px;overflow:hidden}.quest-progress-fill{background:var(--color-gold);border-radius:3px;height:100%;transition:width .4s}.quest-progress-fill--done{background:var(--color-green,#5fbf6e)}.quest-progress-text{color:var(--color-text-dim);text-align:right;white-space:nowrap;min-width:44px;font-size:9px;font-weight:700}.quest-card-footer{justify-content:space-between;align-items:center;gap:6px;margin-top:2px;display:flex}.quest-rewards{flex-wrap:wrap;gap:4px;display:flex}.quest-reward{color:var(--color-gold);white-space:nowrap;background:#d4af3714;border:1px solid #d4af3733;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.quest-claim-btn{letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4af3733,#d4af371a);border-radius:5px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700;transition:background .2s,transform .1s}.quest-claim-btn:hover:not([disabled]){background:linear-gradient(135deg,#d4af3766,#d4af3733);transform:translateY(-1px)}.quest-claim-btn--disabled,.quest-claim-btn[disabled]{opacity:.4;cursor:default;border-color:var(--color-border);color:var(--color-text-dim);background:0 0;transform:none}.quest-complete-toast{background:var(--color-bg-elevated);border:1px solid var(--color-gold);z-index:1000;pointer-events:none;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:340px;padding:10px 18px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards questCompleteSlide;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-80px);box-shadow:0 4px 24px #00000080,0 0 16px #d4af374d}.quest-complete-toast-icon{flex-shrink:0;font-size:22px}.quest-complete-toast-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);font-size:9px;font-weight:700}.quest-complete-toast-title{color:var(--color-text-primary);margin-top:1px;font-size:12px;font-weight:700}@keyframes questCompleteSlide{to{transform:translate(-50%)translateY(0)}}.stats-panel{flex-direction:column;gap:6px;padding:8px;display:flex}.stats-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.stats-section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);border-bottom:1px solid var(--color-border);background:#d4af370d;padding:6px 10px 4px;font-size:9px;font-weight:700}.stats-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:5px 10px;transition:background .15s;display:flex}.stats-row:last-child{border-bottom:none}.stats-row:hover{background:#ffffff05}.stats-label{color:var(--color-text-dim);font-size:11px;font-weight:500}.stats-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.stats-value--gold{color:var(--color-gold)}.stats-value--boss{color:#e84040}.stats-value--ready{color:var(--color-gold);animation:1.5s ease-in-out infinite pulse}.settings-panel{flex-direction:column;gap:6px;padding:8px;display:flex}.settings-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.settings-section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);border-bottom:1px solid var(--color-border);background:#d4af370d;padding:6px 10px 4px;font-size:9px;font-weight:700}.settings-desc-text{color:var(--color-text-dim);border-bottom:1px solid var(--color-border);padding:6px 10px;font-size:10px;line-height:1.5}.settings-toggle{cursor:pointer;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.settings-toggle:last-child{border-bottom:none}.settings-toggle:hover{background:#ffffff08}.settings-toggle-label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.settings-toggle-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.settings-toggle-name{color:var(--color-text-primary);font-size:11px;font-weight:700;display:block}.settings-toggle-desc{color:var(--color-text-dim);margin-top:1px;font-size:9px;line-height:1.4;display:block}.settings-switch{background:var(--color-bg-panel);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.settings-switch--on{border-color:var(--color-gold);background:#d4af374d}.settings-switch-knob{background:var(--color-text-dim);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.settings-switch--on .settings-switch-knob{background:var(--color-gold);transform:translate(16px)}.settings-radio-group{flex-direction:column;gap:0;display:flex}.settings-radio{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:7px 10px;transition:background .15s;display:flex}.settings-radio:last-child{border-bottom:none}.settings-radio:hover{background:#ffffff08}.settings-radio input[type=radio]{display:none}.settings-radio-dot{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:border-color .2s,background .2s;position:relative}.settings-radio-dot:after{content:"";background:var(--color-gold);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .2s;position:absolute;top:2px;left:2px}.settings-radio--active .settings-radio-dot{border-color:var(--color-gold)}.settings-radio--active .settings-radio-dot:after{opacity:1}.settings-radio-label{color:var(--color-text-primary);font-size:11px;font-weight:700;display:block}.settings-radio-desc{color:var(--color-text-dim);margin-top:1px;font-size:9px;display:block}.settings-volume-row{border-bottom:1px solid #ffffff08;align-items:center;gap:8px;padding:7px 10px;display:flex}.settings-volume-label{color:var(--color-text-primary);min-width:44px;font-size:11px;font-weight:700}.settings-volume-slider{appearance:none;background:var(--color-bg-panel);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.settings-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.settings-volume-slider::-moz-range-thumb{background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.settings-volume-value{color:var(--color-gold);text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:10px;font-weight:700}.settings-section--footer{background:0 0;border:none;padding:0}.settings-reset-btn{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--color-border);width:100%;color:var(--color-text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:7px;font-size:10px;font-weight:700;transition:border-color .2s,color .2s}.settings-reset-btn:hover{color:#e84040;border-color:#e84040}.settings-lang-switcher{gap:6px;padding:7px 10px 10px;display:flex}.settings-lang-btn{background:var(--color-bg-base);border:1px solid var(--color-border);color:var(--color-text-dim);letter-spacing:.5px;cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:7px 10px;font-family:inherit;font-size:11px;transition:all .2s}.settings-lang-btn:hover{color:var(--color-text-primary);border-color:#d4a01773}.settings-lang-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#d4a01724;font-weight:700}.shop-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060ee0;justify-content:center;align-items:center;animation:.25s forwards shopOverlayIn;display:flex;position:fixed;inset:0}@keyframes shopOverlayIn{0%{opacity:0}to{opacity:1}}.shop-modal{background:var(--color-bg-surface);border:1px solid #d4a01759;border-radius:16px;flex-direction:column;width:min(1100px,96vw);height:min(720px,92vh);animation:.28s cubic-bezier(.22,1,.36,1) forwards shopModalIn;display:flex;overflow:hidden;box-shadow:0 0 0 1px #d4a0171a,0 24px 80px #000c,inset 0 1px #d4a0171f}@keyframes shopModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.shop-header{background:linear-gradient(135deg,#0d1117 0%,#131922 50%,#0d1520 100%);border-bottom:1px solid #d4a01740;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.shop-header-title{align-items:center;gap:10px;display:flex}.shop-title-ornament{color:var(--color-gold-dim);letter-spacing:3px;font-size:10px}.shop-title{font-family:var(--font-display);letter-spacing:4px;color:var(--color-gold);text-transform:uppercase;text-shadow:0 0 20px #d4a01766;font-size:18px;font-weight:700}.shop-header-right{align-items:center;gap:16px;display:flex}.shop-essence-balance{background:#9a4af41f;border:1px solid #9a4af44d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;display:flex}.shop-essence-icon{font-size:15px}.shop-essence-amount{color:#c070ff;font-size:16px;font-weight:700}.shop-essence-label{color:var(--color-text-dim);letter-spacing:1px;text-transform:uppercase;font-size:10px}.shop-close-btn{width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:#e8404014;border:1px solid #e8404040;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.shop-close-btn:hover{border-color:var(--color-red);color:var(--color-red);background:#e8404033}.shop-body{flex:1;display:flex;overflow:hidden}.shop-sidebar{background:var(--color-bg-base);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.shop-categories{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.shop-cat-btn{color:var(--color-text-secondary);letter-spacing:.3px;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex;position:relative}.shop-cat-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.shop-cat-btn.active{color:var(--color-gold);border-left:2px solid var(--color-gold);background:linear-gradient(135deg,#d4a01726,#d4a01714)}.shop-cat-btn.active:after{content:"";background:var(--color-gold);width:2px;height:60%;box-shadow:0 0 8px var(--color-gold);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.shop-cat-icon{text-align:center;width:18px;font-size:14px}.shop-active-boosts{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;min-height:0;padding:10px 8px;display:flex}.shop-boosts-title{letter-spacing:2px;color:var(--color-text-dim);text-transform:uppercase;padding:0 4px 4px;font-size:9px;font-weight:700}.shop-boost-chip{background:#4a8af41a;border:1px solid #4a8af440;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;display:flex}.shop-boost-chip-icon{font-size:13px}.shop-boost-chip-info{flex:1;min-width:0}.shop-boost-chip-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.shop-boost-chip-time{color:var(--color-blue);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.shop-no-boosts{color:var(--color-text-dim);text-align:center;padding:4px;font-size:10px}.shop-content{flex-direction:column;flex:1;gap:20px;min-width:0;padding:20px;display:flex;overflow-y:auto}.shop-featured-banner{background:linear-gradient(135deg,#0a0f20 0%,#0f1e38 40%,#162848 70%,#0a1a30 100%);border:1px solid #d4a01733;border-radius:12px;flex-shrink:0;align-items:center;gap:20px;height:120px;padding:0 28px;display:flex;position:relative;overflow:hidden}.shop-featured-banner:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 80%,#d4a01714 0%,#0000 70%),radial-gradient(40% 60% at 20% 30%,#4a8af40f 0%,#0000 60%);position:absolute;inset:0}.shop-featured-banner:after{content:"";background:linear-gradient(90deg,#0000,#d4a01766,#0000);height:1px;position:absolute;top:0;left:0;right:0}.shop-banner-icon{filter:drop-shadow(0 0 16px #d4a01780);font-size:48px;line-height:1}.shop-banner-content{flex:1}.shop-banner-eyebrow{letter-spacing:3px;color:var(--color-gold-dim);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}.shop-banner-title{font-family:var(--font-display);color:var(--color-gold-light);letter-spacing:1px;text-shadow:0 0 30px #d4a01780;margin-bottom:6px;font-size:22px;font-weight:700}.shop-banner-subtitle{color:var(--color-text-secondary);max-width:420px;font-size:12px;line-height:1.4}.shop-banner-badge{letter-spacing:1px;text-transform:uppercase;color:var(--color-gold);white-space:nowrap;background:linear-gradient(135deg,#d4a01733,#d4a0171a);border:1px solid #d4a01766;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700}.shop-section-heading{font-family:var(--font-display);letter-spacing:2px;color:var(--color-gold-dim);text-transform:uppercase;border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding-bottom:12px;font-size:13px;font-weight:600;display:flex}.shop-section-heading:before{content:"";background:var(--color-gold-dim);width:3px;height:14px;box-shadow:0 0 8px var(--color-gold-dim);border-radius:2px}.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.shop-item-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.shop-item-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 0,#d4a0170a,#0000);transition:opacity .2s;position:absolute;inset:0}.shop-item-card:hover{border-color:#d4a01759;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px #d4a0171a}.shop-item-card:hover:before{opacity:1}.shop-item-card--maxed{opacity:.65;cursor:not-allowed}.shop-item-card--maxed:hover{border-color:var(--color-border);box-shadow:none;transform:none}.shop-item-card--limited{border-color:#d4a01766;box-shadow:inset 0 0 0 1px #d4a01714}.shop-item-card--limited:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);height:2px;animation:2s ease-in-out infinite shopLimitedPulse;position:absolute;top:0;left:0;right:0}@keyframes shopLimitedPulse{0%,to{opacity:.6}50%{opacity:1}}.shop-item-card--boost{border-color:#4a8af440}.shop-item-card--boost:hover{border-color:#4a8af480;box-shadow:0 8px 24px #0006,0 0 0 1px #4a8af41a}.shop-card-header{align-items:flex-start;gap:12px;display:flex}.shop-card-icon{background:var(--color-bg-panel);border:1px solid var(--color-border-bright);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.shop-card-icon--boost{background:#4a8af41f;border-color:#4a8af44d}.shop-card-meta{flex:1;min-width:0}.shop-card-name{color:var(--color-text-primary);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.2}.shop-card-badges{flex-wrap:wrap;gap:4px;display:flex}.shop-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700}.shop-badge--new{color:var(--color-green);background:#40c87026;border:1px solid #40c8704d}.shop-badge--limited{color:var(--color-gold);background:#d4a01726;border:1px solid #d4a0174d;animation:2s ease-in-out infinite shopLimitedPulse}.shop-badge--boost{color:var(--color-blue);background:#4a8af426;border:1px solid #4a8af44d}.shop-badge--sale{color:var(--color-red);background:#e8404026;border:1px solid #e840404d}.shop-card-desc{color:var(--color-text-secondary);flex:1;font-size:11px;line-height:1.5}.shop-card-level{align-items:center;gap:8px;display:flex}.shop-level-track{background:var(--color-bg-panel);border-radius:2px;flex:1;height:4px;overflow:hidden}.shop-level-fill{background:linear-gradient(90deg, var(--color-gold-dim), var(--color-gold));border-radius:2px;height:100%;transition:width .3s}.shop-level-text{color:var(--color-text-dim);white-space:nowrap;flex-shrink:0;font-size:10px}.shop-maxed-badge{letter-spacing:1px;color:var(--color-gold);text-transform:uppercase;background:#d4a0171f;border:1px solid #d4a01740;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.shop-boost-active-indicator{color:var(--color-blue);background:#4a8af414;border:1px solid #4a8af433;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:flex}.shop-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.shop-card-cost{align-items:center;gap:4px;display:flex}.shop-cost-icon{font-size:13px}.shop-cost-amount{color:#c070ff;font-size:15px;font-weight:700}.shop-cost-amount--cant-afford{color:var(--color-red)}.shop-buy-btn{letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:7px 16px;font-size:11px;font-weight:700;transition:all .15s}.shop-buy-btn--active{color:#fff;background:linear-gradient(135deg,#9a4af4cc,#6432c8cc);box-shadow:0 2px 10px #9a4af44d}.shop-buy-btn--active:hover{background:linear-gradient(135deg,#ae5effe6,#7846dce6);transform:translateY(-1px);box-shadow:0 4px 16px #9a4af480}.shop-buy-btn--active:active{transform:translateY(0)}.shop-buy-btn--cant-afford{color:var(--color-text-dim);cursor:not-allowed;border:1px solid var(--color-border);background:#ffffff0a}.shop-buy-btn--maxed{color:var(--color-gold-dim);cursor:not-allowed;background:#d4a01714;border:1px solid #d4a01726}.shop-history-list{flex-direction:column;gap:8px;display:flex}.shop-history-empty{text-align:center;color:var(--color-text-dim);padding:40px 20px;font-size:13px}.shop-history-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.shop-history-icon{text-align:center;width:32px;font-size:20px}.shop-history-name{color:var(--color-text-primary);flex:1;font-size:12px;font-weight:500}.shop-history-date{color:var(--color-text-dim);font-size:10px}.shop-history-cost{color:#c070ff;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.shop-confirm-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060eb3;justify-content:center;align-items:center;animation:.15s forwards shopOverlayIn;display:flex;position:absolute;inset:0}.shop-confirm-dialog{background:var(--color-bg-panel);text-align:center;border:1px solid #d4a01766;border-radius:14px;width:90%;max-width:400px;padding:28px 32px;animation:.2s cubic-bezier(.22,1,.36,1) forwards shopModalIn;box-shadow:0 20px 60px #000000b3}.shop-confirm-icon{filter:drop-shadow(0 0 16px #9a4af466);margin-bottom:8px;font-size:48px;display:block}.shop-confirm-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.shop-confirm-desc{color:var(--color-text-secondary);margin-bottom:20px;font-size:12px;line-height:1.5}.shop-confirm-cost-row{background:#9a4af414;border:1px solid #9a4af433;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.shop-confirm-cost-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}.shop-confirm-cost-amount{color:#c070ff;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.shop-confirm-after{color:var(--color-text-dim);margin-bottom:20px;font-size:11px}.shop-confirm-after span{color:var(--color-text-secondary);font-weight:600}.shop-confirm-btns{gap:10px;display:flex}.shop-confirm-btn-confirm{letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(135deg,#9a4af4cc,#6432c8cc);border:none;border-radius:8px;flex:1;padding:10px;font-size:12px;font-weight:700;transition:all .15s}.shop-confirm-btn-confirm:hover{background:linear-gradient(135deg,#ae5effe6,#7846dce6);box-shadow:0 4px 16px #9a4af466}.shop-confirm-btn-cancel{border:1px solid var(--color-border-bright);letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--color-text-secondary);background:0 0;border-radius:8px;flex:1;padding:10px;font-size:12px;font-weight:700;transition:all .15s}.shop-confirm-btn-cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.game-header-nav{align-items:center;gap:8px;display:flex}.header-nav-btn{letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.header-nav-btn--shop{color:#c070ff;background:#9a4af414;border-color:#9a4af459}.header-nav-btn--shop:hover{color:#d090ff;background:#9a4af42e;border-color:#9a4af499;box-shadow:0 0 12px #9a4af433}.header-nav-btn--events{color:var(--color-gold);background:#d4a0170f;border-color:#d4a01759}.header-nav-btn--events:hover{background:#d4a01724;border-color:#d4a01799;box-shadow:0 0 12px #d4a01733}.header-nav-btn-icon{font-size:13px}.header-nav-badge{background:var(--color-red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:8px;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex}.shop-purchase-flash{pointer-events:none;background:#9a4af426;border-radius:12px;animation:.4s forwards shopPurchaseFlash;position:absolute;inset:0}@keyframes shopPurchaseFlash{0%{opacity:1}to{opacity:0}}.shop-empty-state{color:var(--color-text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.shop-empty-icon{opacity:.4;font-size:40px}.shop-empty-title{color:var(--color-text-secondary);font-size:15px;font-weight:600}.shop-empty-desc{max-width:280px;font-size:12px;line-height:1.5}@keyframes ev-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ev-modal-in{0%{opacity:0;transform:scale(.96)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ev-shimmer-slide{0%{transform:translate(-160%)}to{transform:translate(260%)}}@keyframes ev-live-glow{0%,to{box-shadow:0 0 #40c87000}50%{box-shadow:0 0 0 4px #40c8702e}}@keyframes ev-claim-pulse{0%,to{box-shadow:0 2px 14px #d4a01747}50%{box-shadow:0 4px 28px #d4a01794}}@keyframes ev-flash{0%{background-color:#d4a01714}40%{background-color:#d4a01733}to{background-color:#0000}}@keyframes ev-dot-beat{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes ev-deco-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ev-gem-pulse{0%,to{text-shadow:0 0 18px #d4a017b3}50%{text-shadow:0 0 36px #d4a017,0 0 60px #d4a01766}}.ev-overlay{z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060ee6;justify-content:center;align-items:center;animation:.22s ev-overlay-in;display:flex;position:fixed;inset:0}.ev-modal{background:#080c14;border:1px solid #d4a01733;border-radius:18px;flex-direction:column;width:min(940px,96vw);height:min(800px,94vh);animation:.29s cubic-bezier(.22,1,.36,1) ev-modal-in;display:flex;overflow:hidden;box-shadow:0 0 0 1px #d4a0170f,0 30px 90px #000000e0,inset 0 1px #d4a01714}.ev-header{background:linear-gradient(135deg,#08101c 0%,#0e1828 50%,#08101c 100%);border-bottom:1px solid #d4a01729;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex;position:relative}.ev-header:after{content:"";background:linear-gradient(90deg,#0000,#d4a01759,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.ev-hd-left{align-items:center;gap:14px;display:flex}.ev-hd-gem{color:var(--color-gold);font-size:24px;line-height:1;animation:3s ease-in-out infinite ev-gem-pulse}.ev-hd-titles{flex-direction:column;gap:3px;display:flex}.ev-hd-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:5px;color:var(--color-gold);text-transform:uppercase;text-shadow:0 0 22px #d4a01773;margin:0;font-size:20px;font-weight:700}.ev-hd-sub{color:var(--color-text-dim);letter-spacing:.4px;margin:0;font-size:11px;transition:color .2s}.ev-close-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:#e8404014;border:1px solid #e8404038;border-radius:9px;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex}.ev-close-btn:hover{border-color:var(--color-red);color:var(--color-red);background:#e8404033}.ev-tabs-row{scrollbar-width:none;background:#070a11;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:2px;padding:10px 18px 0;display:flex;overflow-x:auto}.ev-tabs-row::-webkit-scrollbar{display:none}.ev-tab{color:var(--color-text-dim);letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:9px 16px 11px;font-size:12px;font-weight:600;transition:all .15s;display:flex;position:relative}.ev-tab:hover{color:var(--color-text-secondary);background:#ffffff08}.ev-tab--on{color:var(--color-gold);border-bottom-color:var(--color-gold);background:#d4a0170f}.ev-tab-ico{font-size:13px}.ev-tab-lbl{font-size:12px}.ev-live-dot{background:var(--color-red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:1px 5px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite ev-dot-beat;display:flex}.ev-scroll{scrollbar-width:thin;scrollbar-color:#d4a0172e transparent;background:#070a11;flex:1;padding:20px;overflow-y:auto}.ev-scroll::-webkit-scrollbar{width:5px}.ev-scroll::-webkit-scrollbar-track{background:0 0}.ev-scroll::-webkit-scrollbar-thumb{background:#d4a0172e;border-radius:3px}.ev-list{flex-direction:column;gap:18px;display:flex}.ev-spinner{height:220px;color:var(--color-text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.ev-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.ev-empty-ico{opacity:.22;font-size:54px}.ev-empty-h{color:var(--color-text-secondary);font-size:17px;font-weight:600}.ev-empty-p{color:var(--color-text-dim);max-width:300px;font-size:12px;line-height:1.65}.ev-card{opacity:0;background:#0d1120;border:1px solid #ffffff12;border-radius:14px;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s;overflow:hidden;transform:translateY(10px)}.ev-card--in{opacity:1;transform:translateY(0)}.ev-card:hover{border-color:#ffffff21;box-shadow:0 8px 28px #00000061}.ev-card--active{border-color:#d4a0173d;box-shadow:inset 0 0 0 1px #d4a0170d}.ev-card--active:hover{border-color:#d4a01770;box-shadow:0 8px 32px #0006,0 0 40px #d4a01712}.ev-card--expired{opacity:.46}.ev-card--claimed{border-color:#9a4af433}.ev-card--upcoming{border-color:#4a8af426}.ev-card--flash{animation:.7s ev-flash}.ev-banner{align-items:center;gap:18px;height:114px;padding:0 22px;display:flex;position:relative;overflow:hidden}.ev-banner-bg{background:var(--banner,linear-gradient(135deg, #1a1a2e, #16213e));z-index:0;position:absolute;inset:0}.ev-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#080c163d 0%,#0000 50%,#080c1673 100%);position:absolute;inset:0}.ev-shimmer{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff17,#0000);width:38%;animation:3.8s ease-in-out infinite ev-shimmer-slide;position:absolute;inset-block:0;transform:translate(-160%)}.ev-banner-ico{z-index:3;filter:drop-shadow(0 0 14px #ffffff40);flex-shrink:0;font-size:52px;line-height:1;position:relative}.ev-banner-mid{z-index:3;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex;position:relative}.ev-banner-name{font-family:var(--font-display,"Cinzel", serif);color:#fff;letter-spacing:1px;text-shadow:0 2px 12px #000000a6;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.ev-banner-deco{z-index:2;pointer-events:none;opacity:.18;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.ev-deco-ring{border:1.5px solid var(--accent,#d4a017);border-radius:50%;width:78px;height:78px;animation:14s linear infinite ev-deco-spin}.ev-deco-ring:before{content:"";border:1px dashed var(--accent,#d4a017);border-radius:50%;position:absolute;inset:10px}.ev-badge{letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;flex-shrink:0;align-items:center;width:fit-content;padding:3px 9px;font-size:9px;font-weight:700;display:inline-flex}.ev-badge--live{color:#50e890;background:#40c8702e;border:1px solid #40c87061;animation:2.5s ease-in-out infinite ev-live-glow}.ev-badge--soon{color:#8ab4f8;background:#4a8af426;border:1px solid #4a8af447}.ev-badge--ended{color:var(--color-text-dim);background:#ffffff0d;border:1px solid #ffffff14}.ev-badge--claimed{color:#b880ff;background:#9a4af424;border:1px solid #9a4af447}.ev-timer-row{align-items:center;gap:6px;display:flex}.ev-timer-lbl{color:#ffffff7a;letter-spacing:.3px;font-size:10px}.ev-timer-val{color:#ffffffeb;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:12px;font-weight:700}.ev-timer-row--ended{color:#ffffff52;font-size:11px;font-style:italic}.ev-card-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.ev-desc{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.65}.ev-sec-lbl{letter-spacing:2px;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.ev-bonus{color:#50e890;letter-spacing:.3px;background:#40c87012;border:1px solid #40c8702e;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:9px 16px;font-size:12px;font-weight:700;display:flex}.ev-bonus-star{opacity:.65;font-size:10px}.ev-prog-wrap{flex-direction:column;gap:6px;display:flex}.ev-prog-hd{justify-content:space-between;align-items:center;display:flex}.ev-prog-pct{color:var(--color-text-secondary);font-size:12px;font-weight:700}.ev-prog-pct--done{color:#50e890}.ev-prog-track{background:#ffffff0f;border-radius:4px;height:7px;position:relative;overflow:hidden}.ev-prog-fill{background:var(--accent,#d4a017);height:100%;box-shadow:2px 0 14px var(--accent,#d4a017);border-radius:4px;transition:width .5s;position:relative}.ev-prog-fill:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff47 0%,#0000 100%);position:absolute;inset:0}.ev-prog-fill--done{background:#28b860;box-shadow:2px 0 14px #40c8708c}.ev-prog-fill--dim{box-shadow:none;background:#ffffff24}.ev-objs{flex-direction:column;gap:9px;display:flex}.ev-obj{align-items:flex-start;gap:10px;display:flex}.ev-obj-tick{color:#0000;border:1.5px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;margin-top:1px;font-size:9px;font-weight:700;transition:all .2s;display:flex}.ev-obj-tick--done{color:#50e890;background:#40c87024;border-color:#40c87073}.ev-obj-rest{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ev-obj-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ev-obj-lbl{color:var(--color-text-secondary);font-size:12px}.ev-obj--done .ev-obj-lbl{color:var(--color-text-dim);-webkit-text-decoration:line-through #fff3;text-decoration:line-through #fff3}.ev-obj-cnt{color:var(--color-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.ev-obj-cnt--done{color:#50e890}.ev-obj-bar{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.ev-obj-fill{background:var(--accent,#d4a017);border-radius:2px;height:100%;transition:width .4s}.ev-obj-fill--done{background:linear-gradient(90deg,#28b860,#50e890)}.ev-rews{flex-direction:column;gap:7px;display:flex}.ev-rews-row{flex-wrap:wrap;gap:8px;display:flex}.ev-rew{cursor:default;background:#d4a01712;border:1px solid #d4a0172e;border-radius:10px;align-items:center;gap:10px;padding:9px 14px;transition:all .15s;display:flex}.ev-rew:hover{background:#d4a01721;border-color:#d4a0174d}.ev-rew--claimed{opacity:.5;filter:grayscale(.5)}.ev-rew-ico{font-size:22px;line-height:1}.ev-rew-txt{flex-direction:column;line-height:1.35;display:flex}.ev-rew-amt{color:var(--color-gold-light,#f0d060);font-size:14px;font-weight:700}.ev-rew-lbl{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.ev-lore-wrap{flex-direction:column;gap:6px;display:flex}.ev-lore-btn{color:var(--color-text-dim);cursor:pointer;letter-spacing:.4px;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.ev-lore-btn:hover{color:var(--color-text-secondary)}.ev-lore-arrow{font-size:8px;transition:transform .2s}.ev-lore{max-height:0;transition:max-height .32s;overflow:hidden}.ev-lore--open{max-height:220px}.ev-lore-inner{color:var(--color-text-dim);background:#ffffff05;border-left:2px solid #ffffff14;border-radius:0 7px 7px 0;margin-top:2px;padding:10px 14px;font-size:11px;font-style:italic;line-height:1.72}.ev-card-foot{background:#00000024;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ev-tags{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.ev-tag{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:600}.ev-btn{letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex-shrink:0;padding:9px 22px;font-size:12px;font-weight:700;transition:all .15s}.ev-btn--claim{background:linear-gradient(135deg, #a87810, var(--color-gold,#d4a017));color:#0d0a00;animation:2s ease-in-out infinite ev-claim-pulse;box-shadow:0 2px 14px #d4a01747}.ev-btn--claim:hover{background:linear-gradient(135deg, var(--color-gold,#d4a017), #f0d060);animation:none;transform:translateY(-1px);box-shadow:0 4px 24px #d4a01794}.ev-btn--claim:active{transform:translateY(0)}.ev-btn--claimed{color:#b880ff;cursor:default;background:#9a4af41f;border:1px solid #9a4af440}.ev-btn--progress{color:var(--color-text-dim);cursor:default;background:#ffffff0d;border:1px solid #ffffff17}.ev-btn--upcoming{color:#8ab4f8;cursor:default;background:#4a8af41a;border:1px solid #4a8af438}.ev-btn--ended{color:var(--color-text-dim);cursor:not-allowed;opacity:.65;background:#ffffff08;border:1px solid #ffffff12}@keyframes lb-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lb-modal-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lb-online-pulse{0%,to{box-shadow:0 0 #48e0688c}50%{box-shadow:0 0 0 4px #48e06800}}.lb-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#04060ee0;justify-content:center;align-items:center;animation:.25s forwards lb-overlay-in;display:flex;position:fixed;inset:0}.lb-modal{background:var(--color-bg-surface,#0e1120);border:1px solid #d4af3759;border-top:3px solid #d4af37a6;border-radius:16px;flex-direction:column;width:min(920px,100vw - 32px);height:min(640px,100vh - 48px);animation:.28s cubic-bezier(.22,1,.36,1) forwards lb-modal-in;display:flex;overflow:hidden;box-shadow:0 32px 80px #000000b3,0 0 60px #d4af370f,inset 0 1px #ffffff0a}.lb-header{background:#0003;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.lb-icon{flex-shrink:0;font-size:20px;line-height:1}.lb-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:4px;text-transform:uppercase;color:var(--color-gold,#d4af37);flex-grow:1;font-size:14px;font-weight:700}.lb-btn{all:unset;cursor:pointer;transition:all var(--transition-fast,.15s) ease;justify-content:center;align-items:center;font-family:inherit;line-height:1;display:inline-flex}.lb-close-btn{width:30px;height:30px;color:var(--color-text-dim,#ffffff4d);border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;font-size:14px}.lb-close-btn:hover{color:var(--color-red,#e84040);background:#e840401a;border-color:#e8404066}.lb-refresh-btn{font-size:11px;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;text-transform:uppercase;color:#d4af37cc;border:1px solid #d4af3766;border-radius:20px;flex-shrink:0;gap:5px;padding:5px 12px}.lb-refresh-btn:hover:not(:disabled){color:var(--color-gold,#d4af37);background:#d4af371f;border-color:#d4af37b3}.lb-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.lb-tabs{scrollbar-width:none;border-bottom:1px solid #ffffff0f;flex-direction:row;flex-shrink:0;align-items:flex-end;gap:2px;padding:0 20px;display:flex;overflow-x:auto}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{all:unset;cursor:pointer;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim,#ffffff4d);transition:color var(--transition-fast,.15s) ease, border-color var(--transition-fast,.15s) ease;white-space:nowrap;border-bottom:2px solid #0000;padding:9px 14px;font-size:10px;line-height:1}.lb-tab:hover{color:var(--color-text-secondary,#fff9)}.lb-tab--active{color:var(--color-gold,#d4af37);border-bottom-color:var(--color-gold,#d4af37)}.lb-search-row{border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.lb-search{background:var(--color-bg-elevated,#ffffff0a);color:var(--color-text-primary,#ffffffeb);transition:border-color var(--transition-fast,.15s) ease;border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;padding:7px 12px;font-family:inherit;font-size:12px}.lb-search::placeholder{color:var(--color-text-dim,#ffffff40)}.lb-search:focus{border-color:#d4af3773}.lb-cache-info{color:var(--color-text-dim,#ffffff40);white-space:nowrap;letter-spacing:.5px;flex-shrink:0;font-size:10px}.lb-table-wrap{flex:1;overflow:hidden auto}.lb-table-wrap::-webkit-scrollbar{width:4px}.lb-table-wrap::-webkit-scrollbar-track{background:0 0}.lb-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lb-table-wrap::-webkit-scrollbar-thumb:hover{background:#fff3}.lb-table-wrap{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.lb-table{border-collapse:collapse;table-layout:fixed;width:100%}.lb-thead{z-index:2;background:var(--color-bg-surface,#0e1120);position:sticky;top:0}.lb-thead:after{content:"";background:#ffffff14;height:1px;position:absolute;bottom:0;left:0;right:0}.lb-th{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim,#ffffff4d);text-align:left;white-space:nowrap;padding:8px 10px;font-size:9px;font-weight:600;overflow:hidden}.lb-th--active{color:var(--color-gold,#d4af37)}.lb-tbody .lb-tr{transition:background var(--transition-fast,.15s) ease;border-bottom:1px solid #ffffff09}.lb-tbody .lb-tr:hover{background:#ffffff08}.lb-tr--even{background:#ffffff03}.lb-tr--current{border-left:3px solid #d4af3799;background:#d4af3712!important}.lb-tr--current:hover{background:#d4af371a!important}.lb-td{color:var(--color-text-secondary,#fff9);vertical-align:middle;padding:9px 10px;font-size:12px;overflow:hidden}.lb-td--rank{text-align:center;width:48px}.lb-td--name{min-width:160px}.lb-rank{font-family:var(--font-display,"Cinzel", serif);text-align:center;min-width:24px;color:var(--color-text-dim,#ffffff4d);font-size:12px;font-weight:700;display:inline-block}.lb-rank--1{filter:drop-shadow(0 0 6px #d4af3799);font-size:18px}.lb-rank--2{filter:drop-shadow(0 0 4px #b0b0b080);font-size:18px}.lb-rank--3{filter:drop-shadow(0 0 4px #cd7f3280);font-size:18px}.lb-name-cell{flex-direction:column;gap:2px;display:flex}.lb-char-name{color:var(--color-text-primary,#ffffffeb);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.lb-char-class{color:var(--color-text-dim,#ffffff4d);letter-spacing:.5px;text-transform:uppercase;font-size:10px}.lb-class-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:18px;display:inline-flex}.lb-you-badge{background:var(--color-gold,#d4af37);color:#0a0c14;letter-spacing:1px;font-size:8px;font-weight:800;font-family:var(--font-display,"Cinzel", serif);vertical-align:middle;border-radius:4px;padding:1px 5px;line-height:14px;display:inline-block}.lb-online{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:4px;display:inline-block}.lb-online--on{background:var(--color-green,#48e068);animation:2s ease-in-out infinite lb-online-pulse}.lb-online--off{background:#ffffff26}.lb-val{font-variant-numeric:tabular-nums;color:var(--color-text-secondary,#fff9);font-weight:600}.lb-val--gold{color:#d4af37d9}.lb-val--purple{color:var(--color-purple,#9a4af4)}.lb-val--highlight{color:var(--color-text-primary,#ffffffeb)}.lb-loading,.lb-empty{font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-dim,#ffffff40);text-align:center;justify-content:center;align-items:center;padding:48px 24px;font-size:12px;display:flex}.lb-table .lb-th:first-child,.lb-table .lb-td:first-child{width:48px}.lb-table .lb-th:nth-child(2),.lb-table .lb-td:nth-child(2){width:auto;min-width:160px}.lb-table .lb-th:nth-child(3),.lb-table .lb-td:nth-child(3){width:44px}.lb-table .lb-th:nth-child(4),.lb-table .lb-td:nth-child(4){width:80px}.lb-table .lb-th:nth-child(5),.lb-table .lb-td:nth-child(5){width:72px}.lb-table .lb-th:nth-child(6),.lb-table .lb-td:nth-child(6){width:80px}.lb-table .lb-th:nth-child(7),.lb-table .lb-td:nth-child(7){width:182px}.lb-table .lb-th:nth-child(8),.lb-table .lb-td:nth-child(8){width:100px}.lb-td--area{white-space:nowrap}.lb-val--area{font-size:12px}