@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&family=Noto+Serif+SC:wght@600;700;900&family=Ma+Shan+Zheng&display=swap";:root{--bg-main: #282e37;--bg-surface: #343b46;--bg-card: rgba(52, 59, 70, .85);--bg-input: rgba(255, 255, 255, .06);--accent: #7a9e8b;--accent-light: #9dbfb0;--accent-dim: rgba(122, 158, 139, .1);--accent-glow: rgba(122, 158, 139, .2);--cinnabar: #8a2e2f;--silk: #e8e4d9;--ochre: #b58f4d;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .11);--text-main: #d8dce1;--text-muted: #8a9099;--text-dark: #565c64;--font-main: "Outfit", sans-serif;--font-serif: "Noto Serif SC", serif;--font-mono: "JetBrains Mono", monospace;--card-shadow: 0 20px 40px rgba(0, 0, 0, .6);--border-accent: rgba(122, 158, 139, .12);--font-wuxia: "Ma Shan Zheng", cursive}.font-serif{font-family:var(--font-serif)}.shanshui-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none}.shanshui-sky{position:absolute;inset:0;background:radial-gradient(ellipse 40% 35% at 75% 12%,rgba(180,170,140,.07) 0%,transparent 60%),radial-gradient(ellipse 25% 20% at 75% 12%,rgba(220,210,180,.04) 0%,transparent 50%),radial-gradient(ellipse 100% 50% at 50% 0%,rgba(35,45,42,.5) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 20% 15%,rgba(50,42,35,.2) 0%,transparent 50%),linear-gradient(180deg,#0d1014,#0c0f12 20%,#0b0e11 50%,#090b0e);background-image:radial-gradient(ellipse 40% 35% at 75% 12%,rgba(180,170,140,.07) 0%,transparent 60%),radial-gradient(ellipse 25% 20% at 75% 12%,rgba(220,210,180,.04) 0%,transparent 50%),radial-gradient(ellipse 100% 50% at 50% 0%,rgba(35,45,42,.5) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 20% 15%,rgba(50,42,35,.2) 0%,transparent 50%),linear-gradient(180deg,#0d1014b3,#0c0f1299 20%,#0b0e1180 50%,#090b0e66),url(/background.png);background-size:auto,auto,auto,auto,auto,cover;background-position:75% 12%,75% 12%,50% 0%,20% 15%,0 0,center;filter:brightness(1.1) saturate(.95)}.xuan-overlay{position:fixed;inset:0;background-image:var(--paper-texture);opacity:.12;pointer-events:none;z-index:-1;mix-blend-mode:overlay}.shanshui-mist{position:absolute;width:200%;pointer-events:none;will-change:transform}.shanshui-mist-1{top:20%;left:-20%;height:18%;opacity:.8;background:radial-gradient(ellipse 40% 100% at 30% 50%,rgba(122,158,139,.07) 0%,transparent 60%),radial-gradient(ellipse 30% 100% at 70% 60%,rgba(160,155,140,.04) 0%,transparent 55%);filter:blur(8px);animation:mistDrift 60s ease-in-out infinite alternate}.shanshui-mist-2{top:45%;left:-30%;height:15%;opacity:.6;background:radial-gradient(ellipse 50% 100% at 40% 50%,rgba(180,170,150,.05) 0%,transparent 60%),radial-gradient(ellipse 35% 100% at 75% 40%,rgba(122,158,139,.04) 0%,transparent 55%);filter:blur(12px);animation:mistDrift 50s ease-in-out infinite alternate-reverse;animation-delay:-15s}.shanshui-mist-3{top:62%;left:-10%;height:20%;opacity:.7;background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(122,158,139,.06) 0%,transparent 55%);filter:blur(15px);animation:mistDrift 70s ease-in-out infinite alternate;animation-delay:-30s}@keyframes mistDrift{0%{transform:translate(0) scaleY(1)}50%{transform:translate(8%) scaleY(1.05)}to{transform:translate(15%) scaleY(.95)}}.shanshui-mountain{position:absolute;bottom:0;left:-5%;width:110%;pointer-events:none}.shanshui-mountain-far,.shanshui-mountain-mid,.shanshui-mountain-near{display:none}.shanshui-fog{position:absolute;bottom:18%;left:-10%;width:120%;height:25%;will-change:transform,opacity;background:radial-gradient(ellipse 50% 80% at 30% 60%,rgba(122,158,139,.06) 0%,transparent 55%),radial-gradient(ellipse 40% 100% at 70% 50%,rgba(160,155,140,.04) 0%,transparent 50%);filter:blur(25px);animation:fogPulse 35s ease-in-out infinite alternate}@keyframes fogPulse{0%{opacity:.5;transform:translate(-3%)}to{opacity:.8;transform:translate(3%)}}.ambient-orbs{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(122,158,139,.15) 0%,rgba(138,46,47,.08) 40%,var(--bg-main) 70%),linear-gradient(135deg,var(--bg-main) 0%,#0c0e11 25%,#0a0b0d 50%,#080a0c 75%,var(--bg-main) 100%);will-change:auto}.ambient-orbs:after{content:"";position:absolute;inset:0;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);opacity:.05;mix-blend-mode:overlay;pointer-events:none}.ink-texture{position:fixed;inset:0;background-image:url(https://www.transparenttextures.com/patterns/p6.png);opacity:.03;pointer-events:none;z-index:1000}.leaf-particle{position:fixed;width:14px;height:7px;background:var(--accent);border-radius:50% 2px;opacity:.2;filter:blur(.3px);pointer-events:none;z-index:1;animation:leafFall linear infinite}.glow-particle{position:fixed;width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:.6;filter:blur(1px);pointer-events:none;z-index:2;animation:glowFloat 25s linear infinite;box-shadow:0 0 8px var(--accent)}.ember-particle{position:fixed;width:2px;height:8px;background:linear-gradient(to top,var(--ochre),transparent);opacity:.4;pointer-events:none;z-index:1;animation:emberDrift 30s linear infinite;filter:blur(.5px)}@keyframes leafFall{0%{transform:translate(-10vw,-10vh) rotate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translate(110vw,110vh) rotate(540deg);opacity:0}}@keyframes glowFloat{0%{transform:translate(-5vw,100vh) scale(.5);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(105vw,-10vh) scale(1.2);opacity:0}}@keyframes emberDrift{0%{transform:translate(-5vw,110vh) rotate(0);opacity:0}15%{opacity:.4}85%{opacity:.4}to{transform:translate(105vw,-10vh) rotate(180deg);opacity:0}}.orb{position:absolute;filter:blur(120px);border-radius:50%;pointer-events:none;z-index:0;mix-blend-mode:screen;will-change:transform}.orb-1{top:-10%;left:-5%;width:100vw;height:100vh;background:radial-gradient(circle,rgba(94,140,113,.1) 0%,transparent 70%);animation:floatOrb 30s infinite alternate ease-in-out}.orb-2{bottom:-20%;right:-10%;width:120vw;height:120vh;background:radial-gradient(circle,rgba(166,61,64,.02) 0%,transparent 60%);animation:floatOrb 40s infinite alternate-reverse ease-in-out;animation-delay:-5s}.orb-3{top:30%;left:20%;width:80vw;height:80vh;background:radial-gradient(circle,rgba(197,160,89,.04) 0%,transparent 60%);animation:floatOrb 35s infinite alternate ease-in-out;animation-delay:-10s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,10%) scale(1.1)}66%{transform:translate(-5%,5%) scale(.9)}to{transform:translate(0) scale(1)}}.panorama-bg{position:fixed;inset:0;background-image:url(/background.png);background-size:cover;background-position:center;filter:brightness(.7) saturate(.8);transform:scale(1.05);z-index:-5}.panorama-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,var(--bg-main) 100%)}.background-overlay{position:fixed;inset:0;pointer-events:none;z-index:1}.grain-texture{position:absolute;inset:0;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);opacity:.1;mix-blend-mode:overlay}.vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 10%,rgba(0,0,0,.7) 100%)}@keyframes inkBleed{0%{transform:translate(0) scale(1) rotate(0);opacity:.08}to{transform:translate(150px,80px) scale(1.2) rotate(15deg);opacity:.15}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);background-image:radial-gradient(circle at 20% 0%,rgba(94,140,113,.05) 0%,transparent 40%),radial-gradient(circle at 80% 100%,rgba(94,140,113,.03) 0%,transparent 40%),radial-gradient(circle at 50% 0%,#0a0c10 0%,var(--bg-main) 90%);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.font-wuxia{font-family:var(--font-wuxia)}.wuxia-card-border{border:var(--jade-border);background:#12161ab3;box-shadow:var(--jade-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-jade{color:var(--accent);text-shadow:0 0 10px rgba(122,158,139,.3)}.wuxia-hover{position:relative;overflow:hidden}.wuxia-hover:before{content:"";position:absolute;top:100%;left:0;width:100%;height:3px;background:var(--accent);transition:top .3s}.wuxia-hover:hover:before{top:90%}.btn-seal{background:var(--cinnabar);color:var(--silk);font-family:var(--font-serif);font-weight:700;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #8a2e2f66;padding:10px 20px;border-radius:4px;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.btn-seal:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8a2e2f80;border-color:#ffffff4d}.wuxia-divider{display:flex;align-items:center;justify-content:center;gap:16px;opacity:.5;margin:20px 0}.wuxia-divider:before,.wuxia-divider:after{content:"";height:1px;width:50px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.landing-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.landing-hero-split{display:flex;align-items:center;justify-content:center;gap:100px;z-index:10;max-width:1400px;width:90%}.hero-left{flex:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right;position:relative}.hero-separator{width:1px;height:500px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.3}.hero-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.4em;color:var(--accent);margin-bottom:24px;opacity:.9;border-left:2px solid var(--accent);padding-left:16px;display:block}.wuxia-vertical-text{position:fixed;right:40px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--font-serif);font-size:24px;letter-spacing:1em;color:var(--text-muted);opacity:.15;pointer-events:none;font-weight:900;z-index:-1;text-shadow:0 0 10px rgba(0,0,0,.5)}.weapon-select-premium{appearance:none;background:#12161a99;border:1px solid var(--accent);color:var(--accent);padding:10px 32px 10px 16px;border-radius:4px;font-family:var(--font-wuxia);font-size:18px;cursor:pointer;transition:all .3s ease;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237a9e8b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:10px}.weapon-select-premium:hover{background-color:#7a9e8b1a;box-shadow:0 0 15px #7a9e8b33}.hero-right{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-title-main{font-family:var(--font-serif);font-size:140px;font-weight:700;letter-spacing:.1em;color:var(--text-main);line-height:.9;margin:0;position:relative;width:fit-content}.cinnabar-seal{position:absolute;top:-10px;right:-40px;width:60px;height:60px;background:var(--cinnabar);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:12px;color:var(--silk);font-weight:900;padding:4px;box-shadow:0 4px 10px #a63d404d;writing-mode:vertical-rl;border:1px solid rgba(255,255,255,.1)}.hero-subtitle-minimal{font-family:var(--font-main);font-size:20px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-light);margin-bottom:32px;font-weight:600}.hero-description-box{max-width:600px;margin-bottom:48px;border-left:2px solid var(--accent-dim);padding-left:24px}.hero-description-box:before,.hero-description-box:after{display:none}.hero-description-box:before{left:0}.hero-description-box:after{right:0}.description-text{font-family:var(--font-main);font-size:18px;line-height:1.8;color:var(--text-main);letter-spacing:.05em;font-weight:400}.description-text strong{color:var(--accent-light);font-weight:600;border-bottom:2px solid var(--accent-dim)}.hero-cta-minimal{display:flex;gap:32px;justify-content:center}.btn-minimal{background:#e8e4d908;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,228,217,.08);color:var(--silk);padding:24px 64px;font-size:14px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;border-radius:0;cursor:pointer;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-minimal:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,228,217,.05),transparent);transition:.6s}.btn-minimal:hover{background:#7a9e8b26;border-color:var(--accent);color:#fff;transform:translateY(-4px);box-shadow:0 15px 30px #0006}.btn-minimal:hover:after{left:100%}.btn-minimal.secondary{border-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.5}.btn-minimal.secondary:hover{opacity:1;background:#e8e4d90d;border-color:#e8e4d933}.scroll-hint-minimal{position:absolute;bottom:60px;font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);opacity:.3}.landing-footer-minimal{position:absolute;bottom:32px;font-size:10px;color:var(--text-dark);letter-spacing:.2em}.landing-seo-section{background:linear-gradient(180deg,#0a0c0f,#0f1114);border-top:1px solid rgba(122,158,139,.12);padding:72px 40px 80px;color:var(--text-secondary)}.landing-seo-inner{max-width:960px;margin:0 auto}.landing-seo-intro{max-width:680px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--border)}.landing-seo-intro h2{font-family:var(--font-wuxia);font-size:26px;color:var(--text-main);font-weight:400;letter-spacing:.04em;margin:0 0 14px}.landing-seo-intro p{font-size:13px;line-height:1.8;color:var(--text-muted);margin:0}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.landing-feature{background:#ffffff05;border:1px solid var(--border);border-radius:6px;padding:20px 22px}.landing-feature h3{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.landing-feature p{font-size:12px;line-height:1.7;color:var(--text-muted);margin:0}.landing-classes{margin-bottom:40px;padding:20px 22px;background:#7a9e8b08;border:1px solid rgba(122,158,139,.12);border-radius:6px}.landing-classes h3{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.landing-class-list{display:flex;flex-wrap:wrap;gap:8px}.landing-class-tag{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--accent);background:#7a9e8b14;border:1px solid rgba(122,158,139,.18);border-radius:4px;padding:4px 10px}.landing-faq{border-top:1px solid var(--border);padding-top:36px}.landing-faq>h3{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 24px}.faq-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.04)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{font-size:13px;font-weight:600;color:var(--text-main);margin:0 0 6px}.faq-item p{font-size:12px;line-height:1.7;color:var(--text-muted);margin:0}.app-layout{display:flex;min-height:100vh}.sidebar{width:64px;background:#0a0b0deb;border-right:1px solid rgba(122,158,139,.1);display:flex;flex-direction:column;padding:48px 0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow:hidden;box-shadow:20px 0 50px #0006;will-change:width}.sidebar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),url(https://www.transparenttextures.com/patterns/natural-paper.png);background-size:4px 100%,auto;opacity:.1;mix-blend-mode:overlay;pointer-events:none}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.3}.sidebar-logo{padding:0 32px 60px;font-family:var(--font-serif);font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--text-main);text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.lang-switcher{position:fixed;bottom:0;left:0;width:64px;padding:16px 12px 24px;z-index:101;border-top:1px solid rgba(122,158,139,.08);background:linear-gradient(to top,rgba(10,11,13,.85) 60%,transparent);pointer-events:none}.lang-trigger{pointer-events:all;display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:8px 12px;cursor:pointer;width:100%;transition:border-color .2s,background .2s}.lang-trigger:hover{border-color:#7a9e8b59;background:#7a9e8b0f}.lang-flag{font-size:15px;line-height:1;flex-shrink:0}.lang-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-muted);font-family:var(--font-main);flex:1;text-align:left}.lang-chevron{color:var(--text-dark);transition:transform .2s;flex-shrink:0;margin-left:auto}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{pointer-events:all;position:absolute;bottom:100%;left:32px;right:32px;margin-bottom:0;background:#0a0b0df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 -6px 20px #00000080;z-index:102}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:12px;font-family:var(--font-main);color:var(--text-muted);transition:background .15s,color .15s;text-align:left;white-space:nowrap}.lang-option:hover{background:#ffffff0a;color:var(--text-main)}.lang-option.active{color:var(--accent);background:#7a9e8b14}.nav-item{padding:14px 32px;display:flex;align-items:center;gap:16px;color:var(--text-dark);cursor:pointer;color:var(--text-muted);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{color:var(--accent-light);background:linear-gradient(90deg,rgba(122,158,139,.1),transparent);font-weight:700}.beta-badge{font-family:var(--font-serif);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--accent);opacity:.85;border:1px solid rgba(122,158,139,.5);padding:1px 4px;border-radius:2px;line-height:1.4;margin-left:auto}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--accent);box-shadow:0 0 15px var(--accent)}.main-content{flex:1;padding:40px 60px;margin-left:64px;width:calc(100% - 64px);height:100vh;overflow-y:auto;position:relative;background-color:transparent}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;max-width:1600px}.page-title{font-size:32px;font-weight:700;letter-spacing:-.04em;color:#fff}.builds-grid{display:flex;flex-direction:column;gap:24px;margin:0 auto;width:100%;max-width:1600px}@media(min-width:1024px){.builds-grid{flex-direction:row;align-items:flex-start}}.build-card{margin-bottom:0;background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.06);padding:28px 32px;border-radius:var(--card-radius);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:var(--card-shadow),0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f;width:100%;overflow:hidden;will-change:transform}.build-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);transition:all .6s}.build-card:hover{border-color:#7a9e8b33;transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f}.build-card:hover:before{background:linear-gradient(90deg,transparent 5%,var(--accent) 50%,transparent 95%);opacity:.6}.build-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.build-name{background:transparent;border:none;color:var(--text-main);font-size:14px;font-weight:600;outline:none;font-family:var(--font-main);width:100%;letter-spacing:.05em}.build-name:focus{color:#fff}.build-card.active-calc{border-color:var(--accent);box-shadow:0 0 30px #c5a05926}.loading-bar{position:absolute;top:0;left:0;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);width:0%;transition:width .3s ease;z-index:10}.build-card.active-calc .loading-bar{animation:loadingAnim 2s infinite ease-in-out}@keyframes loadingAnim{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0%;left:100%}}.dps-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0;margin-bottom:16px;background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(122,158,139,.04) 0%,transparent 70%);position:relative}.build-card.active-calc{border-color:var(--accent);box-shadow:0 0 20px #7a9e8b26}.dps-label{font-size:9px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.25em;margin-bottom:8px;opacity:.6}.dps-value{font-family:var(--font-mono);font-size:44px;font-weight:500;color:#fff;letter-spacing:-.02em;line-height:1;transition:all .4s cubic-bezier(.16,1,.3,1)}.build-card:hover .dps-value{text-shadow:0 0 40px rgba(122,158,139,.25)}.dps-value.loading{opacity:.15;filter:blur(6px)}.dps-value.dps-error{color:#ff6b6b;font-size:28px}.sync-icon{width:10px;height:10px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--accent);animation:pulseIcon 1s infinite alternate}@keyframes pulseIcon{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.8)}}.stats-container{display:flex;flex-direction:column;gap:4px}.stats-grid-internal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.stat-row{display:flex;flex-direction:column;gap:0px;padding:0;border-bottom:none}.stat-group-title{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em;margin-bottom:8px;display:flex;align-items:center;gap:8px;padding-bottom:8px;position:relative}.stat-group-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.stat-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.03);transition:opacity .3s ease}.stat-row:hover{background:transparent;padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-bottom-color:var(--accent-dim)}.stat-label{font-size:10px;color:var(--text-dark);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.input-well{display:flex;align-items:baseline;background:transparent;border:none;padding:0;border-radius:0;min-width:0;position:relative}.input-well:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:#ffffff0d;transition:all .4s ease}.input-well:focus-within:after{background:var(--accent);box-shadow:0 4px 10px var(--accent-dim)}.stat-input{background:transparent;border:none;color:var(--text-main);font-family:var(--font-mono);font-size:15px;text-align:left;width:100%;outline:none;font-weight:400;padding:0;appearance:textfield;-moz-appearance:textfield}.stat-input::-webkit-outer-spin-button,.stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-tag{font-size:11px;color:var(--accent);font-family:var(--font-main);margin-left:4px;opacity:.4;font-weight:400}.stats-container section{background:transparent;padding:0;border:none;position:relative}.stats-container section:before{display:none}.stats-container section:hover:before{height:100%}.stats-grid-internal{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 16px}.stat-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0;border-bottom:none;border-radius:4px}.stat-label{font-size:9px;color:var(--text-muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.input-well{width:100%;min-width:0;background:#ffffff05;padding:6px 10px;border-radius:6px;border:1px solid transparent;transition:all .2s}.input-well:focus-within{background:#7a9e8b0d;border-color:#7a9e8b26}.animate-spin{animation:spin 1s linear infinite}.btn-premium{background:var(--accent);color:#000;border:none;padding:10px 28px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #7a9e8b33}.btn-premium:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 24px #7a9e8b4d}.btn-premium:active{transform:translateY(0)}.btn-secondary-premium{background:#ffffff08;color:var(--text-main);border:1px solid var(--border-strong);padding:10px 24px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px}.btn-secondary-premium:hover{border-color:var(--accent);background:#7a9e8b14;color:var(--accent-light)}.btn-icon-mini{background:transparent;border:1px solid transparent;color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s}.btn-icon-mini:hover{border-color:#333;color:var(--accent);background:#ffffff05}.btn-icon-mini:disabled{opacity:.5;cursor:not-allowed}.btn-icon-mini:disabled:hover{border-color:transparent;color:var(--text-muted);background:transparent}.weapon-select-premium{background:#ffffff08;border:1px solid var(--border-strong);color:var(--text-main);padding:10px 20px;font-size:13px;font-weight:500;outline:none;cursor:pointer;font-family:var(--font-main);border-radius:8px;transition:all .2s}.weapon-select-premium:hover{border-color:var(--border-accent);background:#7a9e8b0d}.weapon-select-premium:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7a9e8b1a}.weapon-select-premium option{background:var(--bg-surface);color:var(--text-main)}.delete-icon{color:var(--text-dark);cursor:pointer;transition:color .2s}.delete-icon:hover{color:#ff4b4b}.total-cycle-label{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dark);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between}.total-cycle-value{color:#555;font-family:var(--font-mono)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.scan-modal{background:#0e1116fa;border:none;width:100%;max-width:1000px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:none;position:relative;overflow:hidden}.scan-modal::-webkit-scrollbar,.scan-content::-webkit-scrollbar{display:none}.scan-modal,.scan-content{-ms-overflow-style:none;scrollbar-width:none}.scan-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.scan-header{padding:32px 40px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.scan-content{padding:40px;overflow-y:auto}.relic-scan-zone.has-image{border:none;background:transparent;padding:0!important;min-height:auto!important;display:flex;justify-content:center}.scan-preview-img{max-height:60px;border-radius:4px;cursor:zoom-in;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center;border:1px solid var(--border);position:relative;z-index:10}.scan-preview-img:hover{transform:scale(2.5);z-index:1000;box-shadow:0 10px 40px #000c;border-color:var(--accent)}.scan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;margin-bottom:24px}.example-toggle{display:flex;align-items:center;gap:8px;background:#7a9e8b33;border:1px solid var(--accent);color:#fff;font-family:var(--font-main);font-size:13px;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:4px;transition:all .3s;letter-spacing:.05em;opacity:1;width:fit-content;box-shadow:0 2px 8px #0003}.example-toggle:hover{background:var(--accent);color:#fff;box-shadow:0 4px 12px #7a9e8b66;transform:translateY(-2px)}.example-row{display:flex;gap:16px;margin-top:12px;padding:16px;background:#0003;border-radius:8px;border:1px solid var(--border)}.example-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.example-card-img{width:100%;height:120px;object-fit:cover;border-radius:4px;border:1px solid var(--border);opacity:.7;transition:all .3s;cursor:zoom-in}.example-card-img:hover{opacity:1;border-color:var(--accent)}.example-card-label{font-size:10px;color:var(--text-muted)}.upload-zone{border:1px dashed var(--border);border-radius:4px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;background:#ffffff03;position:relative;overflow:hidden;padding:10px}.upload-zone:hover{border-color:var(--accent);background:#c5a05905}.upload-zone.paste-ready:not(.has-image):after{content:"Ctrl+V to paste";position:absolute;bottom:12px;font-size:10px;color:var(--accent);letter-spacing:.05em;opacity:.6}.upload-zone.has-image{border-style:solid}.upload-zone img{width:100%;height:100%;object-fit:contain}.upload-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-top:16px;text-align:center}.scan-footer{padding:24px 40px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:16px;background:#0003}.scan-progress-container{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff0d}.scan-progress-bar{height:100%;background:var(--accent);transition:width .3s}.scan-tip-box{background:#c5a05908;border:1px solid rgba(197,160,89,.1);padding:16px 20px;border-radius:4px;margin-bottom:24px}.scan-tip-text{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:12px}.bamboo-decoration{position:fixed;bottom:0;top:0;height:110vh;width:auto;pointer-events:none;z-index:0;opacity:.25;filter:contrast(1.3) brightness(.9) hue-rotate(5deg);mix-blend-mode:screen;transition:opacity 1s ease;object-fit:contain}.bamboo-left{left:-10%;transform:rotate(3deg) scale(1.1);animation:bambooSway 15s ease-in-out infinite alternate}.bamboo-right{right:-10%;transform:rotate(-3deg) scaleX(-1) scale(1.1);animation:bambooSway 18s ease-in-out infinite alternate-reverse}@keyframes bambooSway{0%{transform:rotate(3deg) scale(1.1)}50%{transform:rotate(1deg) scale(1.05)}to{transform:rotate(4deg) scale(1.15)}}@media(max-width:1024px){.bamboo-decoration{width:300px;height:350px;opacity:.3}}.ink-shanshui{position:fixed;bottom:0;left:0;right:0;height:50vh;background:linear-gradient(to top,rgba(8,10,12,.9) 0%,transparent 100%);pointer-events:none;z-index:0;opacity:.4}.delete-confirm-modal{background:#12161ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;width:100%;max-width:420px;padding:0;position:relative;animation:modalSlide .3s ease-out;box-shadow:var(--jade-shadow)}.delete-confirm-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#12161ae6,#191c20f2);pointer-events:none;z-index:-1}.delete-confirm-modal:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,158,139,.12),transparent)}.delete-confirm-header{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.delete-confirm-content{padding:20px 24px;text-align:center}.delete-confirm-actions{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end}.btn-danger{background:linear-gradient(135deg,#ef4444e6,#dc2626f2);color:var(--text-main);border:1px solid rgba(239,68,68,.4);padding:8px 18px;border-radius:6px;font-family:var(--font-main);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444499;box-shadow:0 4px 16px #ef444440;transform:translateY(-1px)}.delete-modal-overlay{background:#0006!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-overlay{position:fixed;inset:0;background:transparent;z-index:10010;cursor:default;pointer-events:auto!important}body.tutorial-active .modal-overlay:not(.tutorial-overlay),body.tutorial-active .scan-modal,body.tutorial-active .upload-zone:not(.tutorial-highlight),body.tutorial-active .btn-secondary-premium:not(.tutorial-controls .btn-secondary-premium),body.tutorial-active .btn-premium:not(.tutorial-controls .btn-premium),body.tutorial-active .scan-header,body.tutorial-active .scan-content,body.tutorial-active .scan-footer{pointer-events:none}body.tutorial-active .scan-header,body.tutorial-active .scan-tip-box,body.tutorial-active .scan-footer,body.tutorial-active .example-toggle,body.tutorial-active .example-row{filter:blur(3px) brightness(.5);transition:filter .3s}body.tutorial-active .upload-zone:not(.tutorial-highlight){filter:blur(3px) brightness(.5);transition:filter .3s}body.tutorial-active .upload-zone.tutorial-highlight{filter:none;position:relative;z-index:10001;box-shadow:0 0 0 3px var(--accent),0 0 20px #7a9e8b66;pointer-events:none!important}.tutorial-header-overlay,.tutorial-instructions,.tutorial-example-float,.tutorial-controls{pointer-events:auto!important}.tutorial-highlight{pointer-events:none!important}body.tutorial-active .upload-zone:hover{background:inherit!important;border-color:inherit!important;box-shadow:inherit!important;transform:inherit!important}.tutorial-header-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#12161ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(122,158,139,.3);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:24px;z-index:10011;animation:slideDown .3s ease-out;box-shadow:0 8px 32px #0003}.tutorial-header-overlay h3{color:var(--text-main);font-family:var(--font-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.05em}.tutorial-controls{display:flex;gap:12px}.tutorial-instructions{position:fixed;top:auto;bottom:100px;left:50%;transform:translate(-50%);background:#12161af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(122,158,139,.4);border-radius:12px;padding:16px 20px;max-width:300px;width:90%;z-index:10015;animation:slideUp .3s ease-out;box-shadow:0 8px 40px #0006;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorial-instructions h4{color:var(--accent);font-family:var(--font-main);font-size:16px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.tutorial-instructions p{color:var(--text-main);font-family:var(--font-main);font-size:14px;line-height:1.5;margin:0 0 12px}.tutorial-instructions small{color:var(--text-muted);font-size:12px}.tutorial-example-float{z-index:10010;transition:all .3s ease}.tutorial-pos-0,.tutorial-pos-1{position:fixed;top:50%;right:40px;transform:translateY(-50%);animation:slideLeft .3s ease-out}.tutorial-pos-2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10020;animation:slideUp .3s ease-out}@media(max-width:768px){.tutorial-example-float,.tutorial-pos-0,.tutorial-pos-1,.tutorial-pos-2{display:none}}.tutorial-example-container{background:#12161ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(122,158,139,.3);border-radius:12px;overflow:hidden;max-width:320px;box-shadow:0 8px 32px #0003}.tutorial-example-header{background:#7a9e8b1a;border-bottom:1px solid rgba(122,158,139,.2);padding:12px 16px;color:var(--accent);font-family:var(--font-main);font-size:14px;font-weight:500;text-align:center}.tutorial-example-container img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.upload-zone.tutorial-highlight{position:relative!important;z-index:10002!important;box-shadow:0 0 0 3px var(--accent),0 0 20px #7a9e8b80!important;animation:tutorialPulse 2s ease-in-out infinite!important;background:inherit!important;border:inherit!important;transform:none!important}.upload-zone.tutorial-highlight:hover{box-shadow:0 0 0 3px var(--accent),0 0 20px #7a9e8b80!important;animation:tutorialPulse 2s ease-in-out infinite!important;background:inherit!important;border:inherit!important;transform:none!important}@keyframes tutorialPulse{0%{box-shadow:0 0 0 3px var(--accent),0 0 20px #7a9e8b80}50%{box-shadow:0 0 0 5px var(--accent),0 0 30px #7a9e8bcc}to{box-shadow:0 0 0 3px var(--accent),0 0 20px #7a9e8b80}}@media(max-width:768px){.tutorial-example-float{display:none}.tutorial-instructions{bottom:40px;width:calc(100% - 32px);max-width:none}}.ink-shanshui:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 100%,rgba(94,140,113,.05) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(166,61,64,.03) 0%,transparent 50%);filter:blur(20px)}.weapon-selector-visual{display:flex;gap:8px;flex-wrap:wrap}.weapon-select-mobile{display:none;width:100%;appearance:none;background:#ffffff08;border:1px solid var(--border-strong);color:var(--text-main);padding:10px 36px 10px 14px;font-size:14px;font-family:var(--font-main);font-weight:500;border-radius:8px;outline:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237a9e8b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:10px}.weapon-select-mobile option{background:var(--bg-surface);color:var(--text-main)}.weapon-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff08;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;transition:all .3s ease;color:var(--text-muted);font-family:var(--font-main);font-size:13px;font-weight:500}.weapon-chip:hover{border-color:#7a9e8b4d;background:#7a9e8b0f;color:var(--text-main)}.weapon-chip.active{border-color:var(--accent);background:#7a9e8b1f;color:var(--accent-light);box-shadow:0 0 12px #7a9e8b26,inset 0 0 8px #7a9e8b0d}.weapon-chip-icon{display:flex;align-items:center;color:var(--text-muted);transition:color .3s}.weapon-chip.active .weapon-chip-icon{color:var(--accent-light)}.weapon-chip-label{font-size:13px;letter-spacing:.03em}.build-weapon-icon{display:flex;align-items:center;color:var(--accent);opacity:.7}.wuxia-divider-thin{height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,var(--accent) 80%,transparent 100%);opacity:.15}.build-card.wuxia-card-border{border-image:linear-gradient(135deg,#7a9e8b33,#8a2e2f1f,#b58f4d26) 1;border-width:1px;border-style:solid}.build-card.wuxia-card-border:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,158,139,.12),transparent)}.stat-group-title svg{color:var(--accent);opacity:.6}.upload-hint{font-size:9px;color:var(--text-dark);text-align:center;margin-top:8px;line-height:1.4;max-width:140px}.example-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.example-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:16px;text-align:center}.example-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.example-card{display:flex;flex-direction:column;align-items:center;gap:8px}.example-arrow{font-size:20px;color:var(--accent);opacity:.6;animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.example-card-img{width:100%;max-height:220px;object-fit:contain;border-radius:6px;border:1px solid var(--border-strong);opacity:.75;transition:opacity .2s,transform .2s}.example-card:hover .example-card-img{opacity:1;transform:scale(1.02)}.example-card-label{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.05em}.example-card-img{cursor:pointer}.lightbox-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;padding:40px}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 0 60px #000c}.lightbox-close{position:absolute;top:24px;right:24px;color:var(--text-muted);cursor:pointer;transition:color .2s}.lightbox-close:hover{color:#fff}@media(max-width:768px){.landing-hero-split{flex-direction:column;gap:32px;width:95%}.hero-separator{display:none}.hero-left,.hero-right{align-items:center;text-align:center;width:100%}.hero-left,.hero-right{align-items:center}.hero-tag{border-left:none;padding-left:0;text-align:center}.hero-title-main{font-size:38px}.hero-subtitle-minimal{font-size:14px;letter-spacing:.2em}.hero-description-box{display:none}.hero-cta-minimal{flex-direction:column;gap:16px;width:100%}.btn-minimal{width:auto;padding:14px 24px;font-size:11px;text-align:center}.bamboo-decoration{display:none}.scroll-hint-minimal{font-size:9px;bottom:40px}.landing-footer-minimal{bottom:16px}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:200;width:260px}.sidebar.open{transform:translate(0)}.lang-switcher{display:none}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.hamburger-btn{position:fixed;top:16px;left:16px;z-index:198;width:40px;height:40px;background:#0e1116d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text-main);border-radius:1px;transition:all .3s}.hamburger-btn:hover{border-color:var(--accent)}.main-content{margin-left:0;width:100%;padding:64px 16px 16px}.btn-seal{padding:6px 12px;font-size:11px}.header-row{margin-bottom:32px;flex-direction:column;align-items:flex-start;gap:16px}.header-row>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%}.page-title{font-size:22px}.weapon-selector-visual{display:none}.weapon-select-mobile{display:block}.builds-grid{flex-direction:column!important}.stats-grid-internal{grid-template-columns:repeat(2,1fr)}.btn-premium,.btn-secondary-premium{width:100%;justify-content:center}.modal-overlay{padding:8px}.scan-modal{max-height:95vh;border-radius:12px}.scan-header{padding:20px 16px}.scan-content{padding:16px}.scan-footer{padding:16px;flex-wrap:wrap}.scan-grid{grid-template-columns:1fr}.upload-zone{height:200px}.example-row{grid-template-columns:1fr}.delete-confirm-modal{max-width:90vw}.lightbox-overlay{padding:16px}.lightbox-img{max-width:95vw;max-height:80vh}.wuxia-vertical-text{display:none}.relic-grid{grid-template-columns:repeat(2,1fr)!important}.relic-detail-header{flex-direction:column;gap:12px}.relic-edit-modal{max-width:95vw}.relic-stat-row{flex-direction:column;gap:8px}.relic-select{width:100%}}.source-badge{font-size:11px;color:var(--text-muted);background:#ffffff0a;padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.08);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.btn-text-subtle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);background:transparent;padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.08);letter-spacing:.03em;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-text-subtle:hover{color:var(--accent);background:#7a9e8b14;border-color:#7a9e8b33}.btn-text-subtle svg{opacity:.6;transition:opacity .2s ease}.btn-text-subtle:hover svg{opacity:1}.relic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto 32px;max-width:1000px}.relic-comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;min-width:0;height:100%}.relic-subgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-width:0;align-items:stretch}.relic-subgrid.subgrid-weapons{grid-template-rows:3fr 2fr}.relic-slot{background:linear-gradient(180deg,#1c212699,#0e1115bf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:10px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0}.relic-slot.is-equipped{background:linear-gradient(180deg,#1c2126eb,#101418f2);border-color:#ffffff1a}.relic-slot.slot-tall,.relic-slot.slot-medium{min-height:0}.relic-slot.slot-small{min-height:80px;width:100%;padding:8px}.relic-slot.slot-small .relic-slot-header{margin-bottom:8px;font-size:9px}.relic-slot.slot-small .relic-slot-stat{font-size:11px}.relic-slot.slot-small .relic-slot-value{font-size:15px}.relic-slot:hover{border-color:#fff3;box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.relic-slot.active{border-color:var(--accent);border-bottom-color:var(--accent);box-shadow:0 0 20px #7a9e8b26,inset 0 -20px 40px #7a9e8b14;background:linear-gradient(180deg,#141418,#1c221e)}.slot-watermark{position:absolute;top:8px;left:8px;opacity:.15;color:var(--text-main);pointer-events:none;z-index:0}.slot-item-image{position:absolute;bottom:-20px;right:-20px;width:190px;height:190px;object-fit:contain;opacity:.7;transform:rotate(-5deg);pointer-events:none;z-index:1;mask-image:radial-gradient(circle at bottom right,black 40%,transparent 90%);-webkit-mask-image:radial-gradient(circle at bottom right,black 40%,transparent 90%);transition:all .3s ease}.relic-slot:hover .slot-item-image{transform:rotate(0) scale(1.05) translateY(-5px);opacity:.9}.slot-item-pendant,.slot-item-disc{width:150px;height:150px;bottom:-5px;right:-15px}.slot-item-bracer{width:220px;height:220px;right:-35px;bottom:-25px}.slot-item-weapon{width:300px;height:300px;bottom:-5px;right:-80px;-webkit-mask-image:radial-gradient(circle at bottom right,black 50%,transparent 95%);mask-image:radial-gradient(circle at bottom right,black 50%,transparent 95%)}.slot-item-weapon.slot-item-weapon-small{width:220px;height:220px;bottom:0;right:-50px}@media(max-width:1650px){.main-content{padding:24px 28px}.header-row{margin-bottom:20px}.page-title{font-size:24px!important}.source-badge{font-size:10px;padding:3px 8px}.btn-text-subtle{font-size:10px;padding:4px 8px;gap:5px}.mode-btn{font-size:10px;padding:6px 10px;gap:6px}.btn-seal-sm{font-size:10px;padding:5px 10px}.relic-main-layout{grid-template-columns:1fr 260px;gap:14px;margin-top:16px}.relic-detail-panel{width:260px;min-width:260px;max-width:260px}.equipped-section-wrapper{gap:12px}.relic-comparison-row,.relic-subgrid{gap:8px}.relic-slot{padding:8px}.relic-slot-header{font-size:9px;margin-bottom:12px;gap:4px}.relic-slot-stat{font-size:10px}.relic-slot-value{font-size:15px}.relic-slot-subs{font-size:9px}.relic-right-column{gap:10px}.analyze-panel{padding:12px;gap:10px}.analyze-panel-header{font-size:11px;gap:6px}.analyze-dps-value{font-size:18px}.analyze-dps-label{font-size:9px}.btn-analyze-main{font-size:11px;padding:8px 10px;gap:6px}#relic-tutorial-lock{padding:10px!important}.relic-inventory-section{padding:14px}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:8px}.inventory-group{margin-bottom:12px}.inventory-group-label{font-size:9px;margin-bottom:8px}.slot-item-image{width:130px;height:130px;right:-10px;bottom:-10px}.slot-item-pendant,.slot-item-disc{width:100px;height:100px;right:-8px;bottom:-5px}.slot-item-bracer{width:150px;height:150px;right:-20px;bottom:-15px}.slot-item-weapon{width:210px;height:210px;right:-50px;bottom:0}.slot-item-weapon.slot-item-weapon-small{width:160px;height:160px;right:-35px;bottom:0}}@media(max-width:1400px){.relic-slot.slot-tall{aspect-ratio:2/3}.relic-slot.slot-medium{aspect-ratio:1/1.2}.relic-slot.slot-small{aspect-ratio:10/9}.slot-item-image{width:100px;height:100px;right:0;bottom:0}.slot-item-pendant,.slot-item-disc{width:70px;height:70px;right:0;bottom:0}.slot-item-bracer{width:110px;height:110px;right:-10px;bottom:-10px}.slot-item-weapon{width:150px;height:150px;right:-30px;bottom:5px}}@media(max-width:1200px){.relic-slot.slot-tall{aspect-ratio:1/2}.relic-slot.slot-medium{aspect-ratio:1/1.5}.relic-slot.slot-small{aspect-ratio:1/1}}@media(max-width:1000px){.relic-slot.slot-tall{aspect-ratio:2/5}.relic-slot.slot-medium{aspect-ratio:1/1.75}.relic-slot.slot-small{aspect-ratio:1/1}}@media(max-width:1700px){.build-comparison-view .slot-item-image{width:100px;height:100px;right:0;bottom:0}.build-comparison-view .slot-item-pendant,.build-comparison-view .slot-item-disc{width:70px;height:70px;right:0;bottom:0}.build-comparison-view .slot-item-bracer{width:110px;height:110px;right:-10px;bottom:-10px}.build-comparison-view .slot-item-weapon{width:150px;height:150px;right:-30px;bottom:5px}}.slot-decor-diamond{position:absolute;bottom:8px;right:8px;width:8px;height:8px;background:#fff3;transform:rotate(45deg);pointer-events:none;z-index:1}.relic-slot.active .slot-decor-diamond{background:var(--accent);box-shadow:0 0 8px var(--accent)}.relic-slot-header,.relic-slot-equipped,.relic-slot-empty{z-index:2;position:relative}.relic-slot-header{display:flex;align-items:center;gap:6px;color:#8c8c8c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.relic-slot-cn{font-family:var(--font-serif);font-size:10px;opacity:.35;margin-left:auto}.relic-slot-equipped{display:flex;flex-direction:column;gap:2px}.relic-slot-stat{font-size:12px;color:#fff;font-weight:700;margin-bottom:2px}.relic-slot-value{font-family:var(--font-mono);font-size:18px;color:#ffffffe6;font-weight:300}.relic-slot-subs{font-size:10px;color:var(--text-dark);letter-spacing:.05em}.relic-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:4px;color:var(--text-dark)}.relic-slot-count{font-size:9px;color:var(--text-dark);letter-spacing:.1em;text-transform:uppercase;text-align:right}.relic-detail-panel{background:linear-gradient(180deg,#0e1216bf,#12161cb3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:0;height:fit-content;position:sticky;top:20px;overflow:hidden;width:320px;min-width:320px;max-width:320px}.detail-equipped-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(90deg,rgba(122,158,139,.15) 0%,transparent 100%);border-bottom:1px solid rgba(122,158,139,.2);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.05em}.detail-equipped-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.detail-header-section{position:relative;padding:20px;min-height:140px;background:linear-gradient(135deg,#181b1fe6,#0e1216f2);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}.detail-header-img{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:120px;height:auto;opacity:.6;filter:brightness(.8) saturate(.9);pointer-events:none}.detail-header-content{position:relative;z-index:1}.detail-relic-name{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 4px;line-height:1.3;max-width:200px}.detail-relic-type{font-size:12px;color:var(--text-muted);margin:0 0 12px}.detail-mastery{display:flex;flex-direction:column;gap:2px}.detail-mastery-label{font-size:11px;color:var(--accent);letter-spacing:.05em}.detail-mastery-value{font-size:32px;font-weight:700;color:var(--text-main);line-height:1;font-family:var(--font-mono)}.detail-main-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.detail-main-stat-name{font-size:14px;color:var(--text-muted)}.detail-main-stat-value{font-size:15px;font-weight:600;color:var(--text-main);font-family:var(--font-mono)}.detail-substats{padding:16px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid rgba(255,255,255,.04)}.detail-substat-row{display:flex;align-items:center;gap:10px}.detail-substat-bullet{color:var(--accent);font-size:16px;opacity:.8}.detail-substat-name{flex:1;font-size:14px;color:var(--text-muted)}.detail-substat-value{font-size:14px;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.detail-actions{display:flex;gap:8px;padding:16px 20px}.detail-btn-equip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#7a9e8b26;border:1px solid rgba(122,158,139,.3);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.detail-btn-equip:hover{background:#7a9e8b40;border-color:var(--accent)}.detail-btn-equip.equipped{background:#7a9e8b33;border-color:var(--accent);color:var(--accent)}.detail-btn-edit,.detail-btn-delete{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.detail-btn-edit:hover{background:#7a9e8b1a;border-color:#7a9e8b4d;color:var(--accent)}.detail-btn-delete:hover{background:#8a2e2f1a;border-color:#8a2e2f4d;color:var(--cinnabar)}.detail-btn-compare{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 40px);margin:0 20px 16px;padding:10px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.detail-btn-compare:hover{background:#7a9e8b1a;border-color:#7a9e8b33;color:var(--accent)}.detail-dps-section{padding:16px 20px;background:#7a9e8b0d;border-bottom:1px solid rgba(255,255,255,.04)}.detail-dps-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.detail-dps-header svg{color:var(--accent)}.detail-dps-content{display:flex;flex-direction:column;gap:8px}.detail-dps-row{display:flex;justify-content:space-between;align-items:center}.detail-dps-label{font-size:12px;color:var(--text-muted)}.detail-dps-value{font-size:14px;font-weight:600;color:var(--text-main);font-family:var(--font-mono)}.detail-dps-delta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;border-radius:6px;background:#ffffff08;font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-muted)}.detail-dps-delta.positive{background:#7a9e8b26;color:var(--accent)}.detail-dps-delta.negative{background:#8a2e2f26;color:var(--cinnabar)}.detail-dps-delta-label{font-size:10px;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.detail-btn-calc-dps{width:100%;margin-top:12px;padding:8px 12px;background:#7a9e8b1a;border:1px solid rgba(122,158,139,.2);border-radius:6px;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.detail-btn-calc-dps:hover:not(:disabled){background:#7a9e8b33;border-color:var(--accent)}.detail-btn-calc-dps:disabled{opacity:.5;cursor:not-allowed}.detail-empty{padding:60px 20px;text-align:center;color:var(--text-dark)}.detail-empty svg{opacity:.3;margin-bottom:16px}.detail-empty p{font-size:13px;margin-bottom:8px;color:var(--text-muted)}.detail-empty span{font-size:11px;opacity:.6}.inventory-item.selected{border-color:var(--accent);box-shadow:0 0 20px #7a9e8b4d;transform:scale(1.02)}.relic-card.relic-selected{border-color:var(--accent);background:linear-gradient(145deg,#7a9e8b1a,#0e1216b3)}.relic-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.relic-compare-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#7a9e8b0d;border:1px solid rgba(122,158,139,.1);border-radius:6px;margin-bottom:16px}.relic-list{display:flex;flex-direction:column;gap:12px}.relic-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:16px;transition:all .2s}.relic-card:hover{background:#ffffff0a;border-color:#ffffff14}.relic-card.relic-best{border-color:var(--accent);background:#7a9e8b0f;box-shadow:0 0 12px #7a9e8b1a}.relic-card.relic-equipped{border-left:3px solid var(--accent)}.relic-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.relic-badge-equipped{font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--accent);background:#7a9e8b1f;padding:2px 8px;border-radius:3px;text-transform:uppercase}.relic-card-stats{display:flex;flex-wrap:wrap;gap:8px 24px}.relic-main-stat{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--border)}.relic-sub-stat{display:flex;align-items:center;gap:6px}.relic-stat-name{font-size:11px;color:var(--text-muted);font-weight:500}.relic-stat-val{font-family:var(--font-mono);font-size:13px;color:var(--text-main);font-weight:500}.relic-compare-result{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.relic-compare-result.positive .relic-delta{color:var(--accent)}.relic-compare-result.negative .relic-delta{color:#ff6b6b}.relic-delta{font-weight:600}.relic-edit-modal{background:#0e1116fa;border:1px solid rgba(255,255,255,.06);width:100%;max-width:480px;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 0 80px #000c,0 0 0 1px #7a9e8b12;position:relative;overflow:hidden}.relic-edit-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.relic-edit-modal .scan-header{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.relic-edit-modal .scan-header h3{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text-main)}.relic-edit-body{padding:14px 18px;display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow-y:auto}.relic-edit-row,.relic-edit-section{display:flex;flex-direction:column;gap:6px}.relic-edit-section .relic-edit-row{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:7px;padding:5px 8px;margin-bottom:0!important}.relic-edit-section .relic-edit-row:focus-within{border-color:#7a9e8b59}.stat-select{appearance:none;background:transparent;border:none;color:var(--text-main);font-family:var(--font-main);font-size:12px;padding:2px 4px;cursor:pointer;outline:none;width:100%;min-width:0}.stat-select option{background:var(--bg-surface);color:var(--text-main)}.stat-val-input{background:transparent!important;border:none!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding:2px 6px!important;text-align:right;color:var(--text-main)!important;font-size:13px;font-weight:500}.stat-val-input:focus{outline:none!important}.relic-name-input{background:#ffffff0a;border:1px solid var(--border-strong);border-radius:7px;padding:7px 12px;font-size:13px;font-weight:500}.relic-name-input:focus{border-color:#7a9e8b66;outline:none}.relic-stat-row{display:flex;align-items:center;gap:10px}.relic-select{flex:1;appearance:none;background:#ffffff08;border:1px solid var(--border-strong);color:var(--text-main);padding:8px 12px;border-radius:6px;font-family:var(--font-main);font-size:13px;cursor:pointer;outline:none}.relic-select:focus{border-color:var(--accent)}.relic-select option{background:var(--bg-surface);color:var(--text-main)}.relic-value-input{width:80px;background:#ffffff08!important;border:1px solid var(--border-strong)!important;border-radius:6px!important;padding:8px 12px!important;text-align:right}.relic-scan-section{display:flex;flex-direction:column;gap:8px}.relic-scan-zone{border:1px dashed rgba(255,255,255,.12);border-radius:8px;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .2s,background .2s;background:#ffffff04;position:relative;overflow:hidden;padding:8px 14px}.relic-scan-zone:hover{border-color:var(--accent);background:#7a9e8b08}.relic-scan-zone.has-image{border-style:solid;cursor:default;padding:0}.relic-scan-preview{position:relative;width:100%}.relic-scan-preview img{width:100%;max-height:200px;object-fit:contain;border-radius:6px}.relic-scan-clear{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.relic-scan-clear:hover{background:#ff4b4b99}.relic-scan-progress{display:flex;align-items:center;gap:10px;margin-top:6px}.relic-scan-progress-bar{flex:1;height:3px;background:var(--accent);border-radius:2px;transition:width .3s}.mode-toggle{display:flex;gap:8px;background:#0006;padding:4px;border-radius:6px;border:1px solid var(--border)}.mode-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s;font-family:var(--font-main);font-weight:500}.mode-btn:hover{color:var(--text-main);background:#ffffff08}.mode-btn.active{background:#7a9e8b26;color:var(--accent);box-shadow:0 0 10px #7a9e8b1a}.build-comparison-controls{display:flex;justify-content:space-between;align-items:center;background:#12161a99;padding:12px 20px;border:1px solid var(--border-strong);border-radius:8px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.build-switcher{display:flex;gap:4px;background:#0000004d;padding:3px;border-radius:6px}.build-tab{padding:6px 16px;font-size:12px;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:all .2s}.build-tab.active{background:var(--bg-surface);color:var(--text-main);box-shadow:0 2px 4px #0003}.build-actions{display:flex;gap:12px}.btn-seal-sm{padding:6px 14px;font-size:12px}.dps-vs-display{display:flex;align-items:center;justify-content:center;gap:40px;padding:24px;background:linear-gradient(90deg,transparent,rgba(122,158,139,.05),transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px}.dps-block{display:flex;flex-direction:column;align-items:center}.dps-vs-display .dps-label{font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.dps-vs-display .dps-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text-main)}.dps-vs-arrow{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);gap:4px}.dps-delta{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted)}.dps-delta.positive{color:#4caf50}.dps-delta.negative{color:#ff6b6b}.slot-b{border-color:#8a2e2f4d;background:#8a2e2f0d}.onboarding-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;animation:fadeIn .5s ease-out}.onboarding-select{text-align:center;max-width:900px;width:100%}.onboarding-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.onboard-card{background:#12161a99;border:1px solid var(--border);border-radius:12px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-main)}.onboard-card:hover{background:#7a9e8b1a;border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.onboard-card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:.05em}.onboard-card p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.onboarding-step{background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);border:1px solid rgba(255,255,255,.06);border-radius:var(--card-radius);padding:36px;width:100%;max-width:900px;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);margin:0 auto;box-shadow:var(--card-shadow),0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f}.onboarding-step h2{margin-top:16px;margin-bottom:24px;font-size:20px;color:var(--text-main);text-align:center}.import-view-premium{width:100%;max-width:960px;margin:0 auto;background:linear-gradient(160deg,#0e1216bf,#12161c8c 40%,#0c1014b3);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 24px 64px #00000080,0 0 0 1px #7a9e8b0f,inset 0 1px #ffffff0d;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.import-header{display:flex;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.04);background:#0003}.import-header-text{flex:1}.import-header-text h2{margin:0;font-size:28px;letter-spacing:.04em;line-height:1.2}.import-header-text p{margin:4px 0 0;font-size:12px;color:var(--text-muted);letter-spacing:.03em}.import-header-badge{display:flex;align-items:center;gap:6px;background:#7a9e8b1a;border:1px solid rgba(122,158,139,.15);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--accent-light);letter-spacing:.03em}.import-weapon-tabs{display:flex;gap:4px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.04);overflow-x:auto;scrollbar-width:none}.import-weapon-tabs::-webkit-scrollbar{display:none}.import-weapon-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;background:#ffffff05;color:var(--text-muted);font-family:var(--font-main);font-size:12px;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0}.import-weapon-tab:hover{background:#ffffff0d;color:var(--text-main);border-color:#ffffff0f}.import-weapon-tab.active{background:#7a9e8b1f;border-color:#7a9e8b40;color:var(--accent-light);box-shadow:0 0 12px #7a9e8b14}.import-weapon-tab-icon{display:flex;align-items:center;color:inherit;opacity:.7;transition:opacity .2s}.import-weapon-tab.active .import-weapon-tab-icon{opacity:1;color:var(--accent)}.import-weapon-tab-label{font-weight:600}.import-builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:24px 28px 28px}.import-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.import-empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7a9e8b0f;border:1px solid rgba(122,158,139,.1);color:var(--accent);margin-bottom:20px;opacity:.7}.import-empty-title{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:8px;letter-spacing:.02em}.import-empty-desc{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:300px}.import-build-card{position:relative;background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.06);border-radius:var(--card-radius);padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:var(--card-shadow),0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f;animation:cardSlideIn .4s cubic-bezier(.16,1,.3,1) backwards}.import-build-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);transition:all .6s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.import-build-card:hover{border-color:#7a9e8b33;transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f}.import-build-card:hover:before{background:linear-gradient(90deg,transparent 5%,var(--accent) 50%,transparent 95%);opacity:.6}.import-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(122,158,139,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.import-build-card:hover .import-card-glow{opacity:1}.import-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}.import-card-name{font-size:15px;font-weight:600;color:var(--text-main);letter-spacing:.02em}.import-card-weapon-badge{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#7a9e8b14;border:1px solid rgba(122,158,139,.12);color:var(--accent);transition:all .3s ease}.import-build-card:hover .import-card-weapon-badge{background:#7a9e8b26;border-color:#7a9e8b40}.import-card-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;position:relative;z-index:1}.import-stat-row{display:flex;align-items:center;gap:10px;font-size:12px;padding:6px 10px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);transition:all .2s ease}.import-build-card:hover .import-stat-row{background:#ffffff09;border-color:#ffffff0d}.import-stat-icon{display:flex;align-items:center;color:var(--accent);opacity:.7}.import-stat-label{color:var(--text-muted);font-weight:500;flex:1;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.import-stat-value{color:var(--text-main);font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.02em}.import-card-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:8px;border:1px solid rgba(122,158,139,.2);background:#7a9e8b14;color:var(--accent-light);font-family:var(--font-main);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.import-card-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 4px 16px #7a9e8b4d}.import-btn-arrow{opacity:0;transform:translate(-6px);transition:all .3s cubic-bezier(.16,1,.3,1)}.import-build-card:hover .import-btn-arrow{opacity:1;transform:translate(0)}.build-list-select{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-top:16px}.build-select-item{background:#0003;border:1px solid var(--border);padding:12px;border-radius:6px;cursor:pointer;transition:all .2s}.build-select-item:hover{background:#7a9e8b26;border-color:var(--accent)}.scan-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.scan-slot{aspect-ratio:9/16;border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);cursor:pointer;font-size:11px;text-align:center;position:relative;overflow:hidden;background:#0003}.scan-slot.filled{border-style:solid;border-color:var(--accent)}.scan-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.scan-slot span{z-index:2;background:#000000b3;padding:2px 6px;border-radius:4px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manual-grid label{display:flex;flex-direction:column;font-size:11px;color:var(--text-muted);gap:4px}.manual-form-container{padding:32px;max-height:75vh;overflow-y:auto}.manual-form-container::-webkit-scrollbar{width:4px}.manual-form-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.manual-section-title{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;display:flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid rgba(122,158,139,.15)}.manual-input-wrapper{display:flex;flex-direction:column;gap:6px}.manual-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.manual-input{background:#00000040;border:1px solid var(--border-strong);border-radius:6px;padding:10px 12px;color:var(--text-main);font-family:var(--font-mono);font-size:14px;outline:none;transition:all .2s;width:100%}.manual-input:focus{background:#7a9e8b14;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.manual-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.manual-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.manual-toggles{display:flex;flex-wrap:wrap;gap:12px;background:#0003;padding:16px;border-radius:8px;border:1px solid var(--border)}.manual-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--text-muted);padding:6px 10px;border-radius:4px;transition:all .2s}.manual-toggle.active{color:var(--accent-light);background:#7a9e8b1a}.manual-checkbox{width:16px;height:16px;border:1px solid var(--border-strong);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s}.manual-toggle.active .manual-checkbox{border-color:var(--accent);background:var(--accent)}.manual-checkbox:after{content:"";width:4px;height:8px;border:solid #0f1114;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;margin-bottom:2px}.manual-toggle.active .manual-checkbox:after{opacity:1}.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-height:450px;overflow-y:auto;padding:8px 2px}.import-card{background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.06);border-radius:var(--card-radius);padding:28px 32px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--card-shadow),0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f;will-change:transform}.import-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);transition:all .6s}.import-card:hover:before{background:linear-gradient(90deg,transparent 5%,var(--accent) 50%,transparent 95%);opacity:.6}.import-card:hover{border-color:#7a9e8b33;transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f;box-shadow:0 12px 24px #0006,0 0 20px #7a9e8b1a}.import-card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.import-name{font-family:var(--font-main);font-weight:600;font-size:17px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color .3s;letter-spacing:.02em}.import-card:hover .import-name{color:var(--accent);text-shadow:0 0 10px rgba(122,158,139,.3)}.import-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:4px}.stat-row:last-child{border-bottom:none}.stat-row .label{color:var(--text-muted);font-weight:500}.stat-row .val{font-family:var(--font-mono);color:var(--text-main);opacity:.9}.import-card:hover .stat-row .val{color:var(--text-main);opacity:1;text-shadow:0 0 5px rgba(255,255,255,.1)}.import-action{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:10px 16px;background:#7a9e8b0f;border-radius:4px;color:var(--text-muted);transition:all .2s;border:1px solid var(--border);font-weight:600}.import-card:hover .import-action{background:var(--accent);border-color:var(--accent);color:#0f1114;box-shadow:0 0 15px #7a9e8b66}.btn-back-wuxia{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selection-card{background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);padding:28px 32px;border-radius:var(--card-radius);min-height:280px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;height:100%;box-shadow:var(--card-shadow),0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f;will-change:transform}.selection-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);transition:all .6s}.selection-card:hover{border-color:#7a9e8b33;transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 0 1px #7a9e8b14,inset 0 1px #ffffff0f}.selection-card:hover:before{background:linear-gradient(90deg,transparent 5%,var(--accent) 50%,transparent 95%);opacity:.6}.card-icon-wrapper{width:72px;height:72px;border-radius:16px;background:#7a9e8b0f;border:1px solid rgba(122,158,139,.12);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent);transition:all .3s}.selection-card:hover .card-icon-wrapper{background:#7a9e8b26;border-color:var(--accent);color:var(--accent-light);transform:scale(1.05);box-shadow:0 0 16px #7a9e8b26}.selection-card h3{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text-main);letter-spacing:.03em;transition:color .3s}.selection-card:hover h3{color:var(--accent-light)}.selection-card p{font-size:14px;line-height:1.6;color:var(--text-dark);margin-bottom:28px;flex-grow:1;max-width:260px}.card-action{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(122,158,139,.2);border-radius:6px;background:#7a9e8b0a;transition:all .3s}.selection-card:hover .card-action{background:var(--accent);color:#0f1114;border-color:var(--accent);box-shadow:0 0 12px #7a9e8b4d}.slot-b{border-color:#b58f4d40!important;background:linear-gradient(145deg,#12161ab3,#1e181266)!important}.slot-b:hover{border-color:var(--ochre)!important;box-shadow:0 8px 24px #b58f4d1a!important;transform:translateY(-2px)}.slot-b.active{border-color:var(--ochre)!important;box-shadow:0 0 20px #b58f4d33!important}.badge-a,.badge-b{position:absolute;bottom:8px;left:8px;right:auto;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:10;pointer-events:none}.badge-a{background:#7a9e8b26;color:var(--accent);border:1px solid rgba(122,158,139,.3)}.badge-b{background:#b58f4d26;color:var(--ochre);border:1px solid rgba(181,143,77,.3)}.slot-b .relic-slot-header{color:#b58f4db3}.slot-b .relic-slot-stat{color:#d4b483}.relic-main-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px;max-width:1400px;margin-left:auto;margin-right:auto;align-items:start;min-width:0}.relic-main-layout>*{min-width:0}@media(max-width:1024px){.relic-main-layout{grid-template-columns:1fr}}.relic-inventory-section{background:linear-gradient(145deg,#0e121699,#0a0c10cc);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.inventory-header{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.inventory-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.inventory-dps-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#7a9e8b1a;border:1px solid rgba(122,158,139,.2);border-radius:6px;font-size:12px;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.inventory-dps-badge svg{opacity:.7}.btn-analyze{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#7a9e8b33,#7a9e8b1a);border:1px solid rgba(122,158,139,.3);border-radius:6px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;transition:all .2s}.btn-analyze:hover:not(:disabled){background:linear-gradient(135deg,#7a9e8b4d,#7a9e8b33);border-color:var(--accent);box-shadow:0 0 20px #7a9e8b33}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.btn-analyze .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.equipped-section-wrapper{display:grid;grid-template-columns:clamp(140px,18vw,220px) 1fr clamp(160px,16vw,200px);gap:16px;max-width:100%;margin:0 auto;min-width:0}.equipped-section-wrapper .relic-comparison-row{min-width:0}.relic-right-column{display:flex;flex-direction:column;gap:16px;min-width:0}.analyze-panel{flex:0 0 auto;background:linear-gradient(145deg,#0e1216cc,#12161cb3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.analyze-panel-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.05em}.analyze-panel-header svg{opacity:.8}.analyze-panel-dps{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 12px;background:#7a9e8b14;border:1px solid rgba(122,158,139,.15);border-radius:6px}.analyze-dps-value{font-size:22px;font-weight:700;color:var(--text-main);font-family:var(--font-mono);line-height:1}.analyze-dps-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.analyze-panel-empty{padding:20px 12px;text-align:center;font-size:11px;color:var(--text-dark);line-height:1.5}.btn-analyze-main{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#7a9e8b40,#7a9e8b26);border:1px solid rgba(122,158,139,.4);border-radius:8px;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;transition:all .2s}.btn-analyze-main:hover:not(:disabled){background:linear-gradient(135deg,#7a9e8b59,#7a9e8b40);border-color:var(--accent);box-shadow:0 0 24px #7a9e8b40;transform:translateY(-1px)}.btn-analyze-main:disabled{opacity:.35;cursor:not-allowed;background:#2828284d;border-color:#5050504d;color:#96969699;filter:grayscale(.8)}.btn-analyze-main .spin{animation:spin 1s linear infinite}.analyze-panel-hint{text-align:center;font-size:10px;color:var(--text-dark)}.analyze-panel-hint.outdated{color:var(--ochre)}.btn-analyze-main.outdated{background:linear-gradient(135deg,#b58f4d33,#b58f4d1a);border-color:#b58f4d66;color:var(--ochre)}.btn-analyze-main.outdated:hover:not(:disabled){background:linear-gradient(135deg,#b58f4d4d,#b58f4d33);border-color:var(--ochre);box-shadow:0 0 24px #b58f4d33}.inventory-title{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.inventory-count{font-family:var(--font-mono);color:var(--text-main);font-size:13px}.inventory-group{margin-bottom:20px}.inventory-group-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dark);margin-bottom:10px;padding-left:4px}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.inventory-item{aspect-ratio:1;background:linear-gradient(145deg,#14181ecc,#0c0e12f2);border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08}.inventory-item:before{content:"";position:absolute;inset:0;border-radius:8px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.inventory-item:hover{border-color:#7a9e8b66;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0006,0 0 20px #7a9e8b1a,inset 0 1px #ffffff0f;z-index:10}.inventory-item.equipped{border-color:var(--accent);box-shadow:0 4px 16px #0000004d,0 0 16px #7a9e8b33,inset 0 0 20px #7a9e8b0d}.inventory-item.active-slot{border-color:var(--accent);background:linear-gradient(145deg,#7a9e8b1f,#0c0e12f2)}.inventory-item-img{width:65%;height:65%;object-fit:contain;opacity:.85;filter:brightness(.95) drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s}.inventory-item:hover .inventory-item-img{opacity:1;filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.05)}.inventory-equipped-dot{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent),0 0 12px var(--accent);z-index:5}.inventory-item-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);font-size:9px;font-weight:500;color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 7px 7px}.inventory-item-stat{position:absolute;top:4px;left:4px;padding:2px 5px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:8px;font-weight:600;color:var(--accent)}.inventory-item-delta{position:absolute;top:4px;left:4px;right:4px;padding:3px 6px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);text-align:center}.inventory-item-equipped-badge{position:absolute;top:4px;left:4px;right:4px;padding:3px 6px;background:#7a9e8b4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(122,158,139,.5);border-radius:4px;font-size:9px;font-weight:700;color:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:.05em}.inventory-item-delta.positive{background:#7a9e8b4d;color:var(--accent)}.inventory-item-delta.negative{background:#8a2e2f4d;color:var(--cinnabar)}.inventory-tooltip-dps{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.inventory-item-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0a0c0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:100;pointer-events:none;box-shadow:0 8px 24px #00000080}.inventory-item-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0a0c0ff2}.inventory-item:hover .inventory-item-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.inventory-tooltip-name{font-size:11px;font-weight:600;color:var(--text-main);margin-bottom:2px}.inventory-tooltip-stat{font-size:10px;color:var(--accent)}.inventory-mastery-badge{position:absolute;bottom:4px;right:4px;background:linear-gradient(135deg,#d4af37e6,#b48c28e6);padding:1px 4px;border-radius:3px;font-size:8px;font-weight:700;color:#0f1114}@media(max-width:1024px){.inventory-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.inventory-grid{grid-template-columns:repeat(4,1fr)}}body.relic-tutorial-active .relic-inventory-section:not(.relic-tutorial-highlight),body.relic-tutorial-active .relic-detail-panel,body.relic-tutorial-active .header-row,body.relic-tutorial-active .mode-toggle{opacity:.4;transition:opacity .3s ease;pointer-events:none}body.relic-tutorial-active .relic-main-layout>*:not(.equipped-section-wrapper):not(.relic-tutorial-highlight){opacity:.4;transition:opacity .3s ease;pointer-events:none}body.relic-tutorial-active .relic-comparison-row:not(.relic-tutorial-highlight){opacity:.5;transition:opacity .3s ease;pointer-events:none}body.relic-tutorial-active .relic-right-column>*:not(.relic-tutorial-highlight){opacity:.4;transition:opacity .3s ease;pointer-events:none}body.relic-tutorial-active #relic-tutorial-lock:not(.relic-tutorial-highlight){opacity:.4;transition:opacity .3s ease;pointer-events:none}body.relic-tutorial-active #relic-tutorial-analyze:not(.relic-tutorial-highlight){opacity:.4;transition:opacity .3s ease;pointer-events:none}.relic-tutorial-highlight{filter:none!important;position:relative;z-index:10002!important;box-shadow:0 0 0 3px var(--accent),0 0 30px #7a9e8b59!important;border-radius:8px;pointer-events:none!important;transition:box-shadow .3s ease}.stat-priority-panel{background:linear-gradient(145deg,#0e1216b3,#12161c8c,#0e1216a6);border:1px solid rgba(122,158,139,.15);border-radius:8px;padding:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.stat-priority-header{display:flex;align-items:center;gap:8px;color:var(--accent);margin-bottom:14px;flex-shrink:0}.stat-priority-header>svg{flex-shrink:0}.stat-priority-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.stat-priority-list{display:flex;flex-direction:column;gap:5px;flex:1;justify-content:space-evenly;overflow-y:auto;min-height:0}.stat-priority-row{display:flex;align-items:center;gap:6px;font-size:11px}.stat-priority-rank{font-size:10px;color:var(--text-muted);width:18px;text-align:right;flex-shrink:0;font-weight:600}.stat-priority-bar-container{flex:1;position:relative;height:20px;background:#00000059;border:1px solid rgba(122,158,139,.1);border-radius:4px;overflow:hidden}.stat-priority-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#7a9e8bcc,#7a9e8b66);box-shadow:inset 0 0 4px #ffffff1a;border-radius:4px;transition:width .4s ease}.stat-priority-name{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:10px;font-weight:500;color:var(--text-main);letter-spacing:.03em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:1}.stat-priority-value{font-size:11px;color:var(--accent);font-weight:600;width:46px;text-align:right;flex-shrink:0;letter-spacing:.02em}.stat-priority-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:10px;text-align:center;line-height:1.5;letter-spacing:.03em;opacity:.5}@media(max-width:1200px){.equipped-section-wrapper{grid-template-columns:180px 1fr 160px}.stat-priority-panel{width:auto}}@media(max-width:768px){.equipped-section-wrapper{grid-template-columns:1fr 200px}.stat-priority-panel{display:none}}.glowing-effect-border{pointer-events:none;position:absolute;inset:0;display:none;border-radius:inherit;border:1px solid transparent;opacity:0;transition:opacity .3s}.glowing-effect-border.glowing-effect-visible{opacity:1}.glowing-effect-border.glowing-effect-white{border-color:#fff}.glowing-effect-border.glowing-effect-static{display:block}.glowing-effect-container{pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:1;transition:opacity .3s}.glowing-effect-container.glowing-effect-visible{opacity:1}.glowing-effect-container.glowing-effect-blur{filter:blur(var(--blur))}.glowing-effect-container.glowing-effect-hidden{display:none}.glowing-effect-glow{border-radius:inherit;position:absolute;inset:0}.glowing-effect-glow:after{content:"";border-radius:inherit;position:absolute;inset:0;border:var(--glowingeffect-border-width) solid transparent;background:var(--gradient);background-attachment:fixed;opacity:var(--active);transition:opacity .3s;mask-clip:padding-box,border-box;-webkit-mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask-composite:source-in;mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#0000,#fff,#0000 calc(var(--spread) * 2deg));-webkit-mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#00000000 0deg,#fff,#00000000 calc(var(--spread) * 2deg))}.shimmer-btn{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border:1px solid rgba(122,158,139,.3);padding:10px 28px;color:var(--text-main);background:var(--shimmer-bg);border-radius:var(--shimmer-radius);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #7a9e8b26}.shimmer-btn:hover{box-shadow:0 8px 24px #7a9e8b40}.shimmer-btn:active{transform:translateY(1px)}.shimmer-btn:disabled{opacity:.5;cursor:not-allowed}.shimmer-spark-container{position:absolute;inset:0;z-index:-3;overflow:visible;container-type:size;filter:blur(2px)}.shimmer-spark{position:absolute;inset:0;height:100cqh;aspect-ratio:1;border-radius:0;animation:shimmer-slide var(--shimmer-speed) ease-in-out infinite alternate}.shimmer-spark-inner{position:absolute;inset:-100%;width:auto;rotate:0deg;background:conic-gradient(from calc(270deg - (var(--shimmer-spread) * .5)),transparent 0,var(--shimmer-color) var(--shimmer-spread),transparent var(--shimmer-spread));animation:shimmer-spin calc(var(--shimmer-speed) * 2) linear infinite}.shimmer-content{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.shimmer-highlight{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 -8px 10px #ffffff14;transition:box-shadow .3s ease;pointer-events:none}.shimmer-btn:hover .shimmer-highlight{box-shadow:inset 0 -6px 10px #ffffff26}.shimmer-btn:active .shimmer-highlight{box-shadow:inset 0 -10px 10px #ffffff1f}.shimmer-backdrop{position:absolute;z-index:-2;background:var(--shimmer-bg);border-radius:var(--shimmer-radius);inset:var(--shimmer-cut)}@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes shimmer-spin{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(360deg)}}