@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{body{text-rendering:optimizeSpeed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}}.texture-overlay{position:relative}.texture-overlay:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.texture-overlay>*{z-index:1;position:relative}.texture-overlay-light:after{opacity:.015}.texture-overlay-strong:after{opacity:.035}@layer components{.game-card{backface-visibility:hidden;will-change:transform;position:relative;overflow:hidden;transform:translateZ(0)}.game-panel{background:linear-gradient(#262019fa,#16120efc);border:1px solid #64553c73;border-radius:4px;box-shadow:0 4px 20px #00000073,inset 0 1px #fff0c80a}.panel-tank{border-color:#4a9eff4d;box-shadow:0 0 30px #00000080,0 0 15px #4a9eff1a}.panel-healer{border-color:#4ade804d;box-shadow:0 0 30px #00000080,0 0 15px #4ade801a}.panel-dps{border-color:#f871714d;box-shadow:0 0 30px #00000080,0 0 15px #f871711a}.panel-header-gold{background:linear-gradient(90deg,#c9a22714,#0000 50%);border-bottom:1px solid #c9a22740;position:relative}.panel-header-gold:after{content:"";background:linear-gradient(90deg,#0000,#c9a22766,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.gem-icon{background:linear-gradient(145deg,#7c5aa64d,#503c7826);border:1px solid #7c5aa699;border-radius:4px;position:relative;box-shadow:0 0 12px #7c5aa633,inset 0 1px #ffffff14}.gem-icon:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000);border-radius:3px 3px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.stat-badge{background:#0000004d;border:1px solid #64553c59;border-radius:2px;padding:.15rem .4rem;font-size:.68rem}.text-gold-glow{color:#c9a227;text-shadow:0 0 15px #c9a22766}}@layer utilities{.gpu{backface-visibility:hidden;transform:translateZ(0)}.will-change-transform{will-change:transform}.contain-paint{contain:paint}.contain-layout{contain:layout}.text-shadow-dark{text-shadow:0 1px 3px #000c}.text-shadow-glow-gold{text-shadow:0 0 15px #c9a22766}.rounded-sharp{border-radius:3px}}@keyframes castBarFill{0%{width:0%}to{width:100%}}@keyframes bossHealthBarAppear{0%{opacity:0;transform:translate(-50%)translateY(50px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes bossHealthShine{0%{left:-100%}to{left:200%}}.cast-bar-filling{will-change:width;backface-visibility:hidden;animation-name:castBarFill;animation-timing-function:linear;animation-fill-mode:forwards;transform:translateZ(0)}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shine{0%{left:-100%}to{left:200%}}@keyframes channelPulseRing{0%,to{opacity:.5}50%{opacity:.8}}@keyframes castingPulseRing{0%,to{opacity:.6}50%{opacity:.9}}@keyframes channelBarFlow{0%{opacity:.7}to{opacity:1}}@keyframes borderShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes frameShimmer{0%,to{opacity:1}}@keyframes accentGlowPulse{0%,to{opacity:.6}50%{opacity:.9}}.party-frame{transform-origin:50%;will-change:transform,box-shadow,opacity}.party-frame:hover{z-index:100!important;transform:scale(1.01)!important}.frame-accent-glow{transition:opacity .3s;animation:3s ease-in-out infinite accentGlowPulse}.party-frame:hover .frame-accent-glow{opacity:1!important}.frame-shimmer{transition:opacity .3s}.party-frame:hover .frame-shimmer{opacity:1!important;animation-duration:1.5s!important}.portrait-frame{will-change:transform,box-shadow;transition:all .3s cubic-bezier(.4,0,.2,1)}.party-frame:hover .portrait-frame{transform:scale(1.05)}.health-bar-fill{backface-visibility:hidden;will-change:width;position:relative;overflow:hidden;transform:translateZ(0);transition:width .2s cubic-bezier(.4,0,.2,1)!important}.mana-bar-fill{backface-visibility:hidden;will-change:width;transform:translateZ(0);transition:width .15s cubic-bezier(.4,0,.2,1)!important}.cast-bar-fill{backface-visibility:hidden;will-change:width;transform:translateZ(0);transition:width .1s linear!important}.energy-shield-bar{backface-visibility:hidden;will-change:width;transform:translateZ(0);transition:width .2s cubic-bezier(.4,0,.2,1)!important}.health-bar-fill:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000);height:40%;position:absolute;top:0;left:0;right:0}@keyframes lowHealthPulse{0%,to{opacity:.8}50%{opacity:1}}.buff-slot{transition:all .2s}.buff-slot:hover{z-index:10;transform:scale(1.15)}.meter-row{transition:all .2s}.meter-row:hover{transform:translate(2px);background:#ffffff0d!important}@keyframes channelPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes channelFlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes channelSparks{0%,to{opacity:.8}50%{opacity:1}}@keyframes channelRipple{0%{opacity:1}to{opacity:0}}@keyframes channelEnergy{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cast-bar-channeling{background:linear-gradient(90deg,#9b59b699,#8e44ade6,#af7ac5,#8e44ade6,#9b59b699) 0 0/200% 100%;border-radius:3px;animation:1.5s ease-in-out infinite channelFlow,2s ease-in-out infinite channelPulse,.3s ease-in-out infinite channelSparks;position:relative;overflow:visible}.cast-bar-channeling:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6 30%,#fffc,#fff6 70%,#0000);width:40%;height:100%;animation:.8s linear infinite channelEnergy;position:absolute;top:0;left:-20%}.cast-bar-channeling:after{content:"";pointer-events:none;background:0 0;border:2px solid #9b59b680;border-radius:6px;animation:1s ease-out infinite channelRipple;position:absolute;inset:-4px}.cast-bar-channeling-container{position:relative;overflow:visible}.cast-bar-channeling-container:before,.cast-bar-channeling-container:after{content:"⚡";text-shadow:0 0 8px #9b59b6cc;font-size:12px;animation:.2s ease-in-out infinite channelSparks;position:absolute;top:50%;transform:translateY(-50%)}.cast-bar-channeling-container:before{left:-16px}.cast-bar-channeling-container:after{right:-16px}.channel-ramp-indicator{gap:3px;display:flex;position:absolute;top:-20px;right:0}.channel-ramp-stack{background:#2ecc714d;border:1px solid #2ecc7180;border-radius:50%;width:8px;height:8px;transition:all .3s}.channel-ramp-stack.active{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:scale(1.2);box-shadow:0 0 10px #2ecc71cc}@keyframes blockFlash{0%{opacity:0;transform:translateY(5px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}40%{transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.9)}}:root{--bg-abyss:#0a0806;--bg-darkest:#0f0c09;--bg-dark:#1a1510;--bg-medium:#231d16;--bg-light:#2e261d;--bg-lighter:#3a3025;--bg-card:#1a1611;--bg-hover:#252016;--accent-primary:#c9a227;--accent-primary-dim:#a68419;--accent-primary-bright:#e6bc2f;--accent-primary-glow:#c9a22766;--accent-secondary:#8b2942;--accent-secondary-dim:#6d1f33;--accent-secondary-bright:#a83a55;--accent-blood:#8b1a1a;--accent-blood-glow:#b32424;--accent-blood-dim:#6d1414;--accent-fire:#c45c2a;--accent-ember:#d67d4a;--accent-success:#2d6b3a;--accent-poison:#4a8a55;--accent-gold:#c9a227;--accent-gold-dim:#8b7019;--accent-gold-bright:#e6bc2f;--accent-arcane:#7c5aa6;--accent-ice:#4a7a8c;--accent-holy:#c9b87c;--rarity-normal:#8a8070;--rarity-magic:#4a6a9c;--rarity-rare:#c9a227;--rarity-unique:#8b4513;--rarity-legendary:#9c4a6a;--rarity-set:#2d6b3a;--role-tank:#4a6a9c;--role-healer:#2d6b3a;--role-dps:#8b2942;--text-primary:#e8dcc4;--text-secondary:#b8a88c;--text-dim:#7a6c56;--text-bright:#f5edd8;--border-color:#3a3025;--border-ornate:#5a4a3a;--border-glow:#c9a2274d;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-inner:inset 0 2px 8px #00000080;--shadow-glow:0 0 20px #c9a22726;--glow-primary:0 0 20px #c9a22766;--glow-gold:0 0 15px #c9a22780;--glow-blood:0 0 15px #8b1a1a80;--glow-fire:0 0 20px #c45c2a66;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{background:var(--bg-abyss);color:var(--text-primary);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Crimson Text,Georgia,Times New Roman,serif;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:radial-gradient(#0000,#0006),radial-gradient(at 50% 0,#c9a2270f,#0000 60%),radial-gradient(at 20% 80%,#8b5a2b0a,#0000 50%),radial-gradient(at 80% 20%,#8b5a2b08,#0000 50%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:fixed;inset:0}body:after{content:"";opacity:.06;pointer-events:none;z-index:-1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.paper-edge{position:relative}.paper-edge:before{content:"";filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='rough'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3'/%3E%3C/filter%3E%3C/svg%3E#rough");pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0000,#8b5a2b1a,#0000,#8b5a2b14,#0000);position:absolute;inset:-2px}.parchment-border{background-image:linear-gradient(90deg,#8b5a2b0d,#0000 5% 95%,#8b5a2b0d),linear-gradient(#8b5a2b0d,#0000 5% 95%,#8b5a2b0d);border:2px solid #5a463299;box-shadow:inset 0 0 20px #0000004d,inset 0 0 3px #8b5a2b33,0 0 0 1px #3c2d1e66,0 4px 12px #00000080}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-bright);letter-spacing:.04em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-weight:600}h1{-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(#e6bc2f,#8b6914);-webkit-background-clip:text;background-clip:text;font-size:2rem}h2{letter-spacing:.06em;font-size:1.5rem}h3{color:var(--text-primary);letter-spacing:.03em;font-size:1.2rem}h4{color:var(--text-secondary);letter-spacing:.02em;font-size:1.05rem;font-weight:500}.mono{font-family:JetBrains Mono,monospace}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.nav-tabs{z-index:100;background:linear-gradient(#231d16fa,#14100cfc);border-bottom:2px solid #8b5a2b66;align-items:stretch;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 2px 10px #00000080}.nav-tabs-texture{opacity:.03;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-size:cover;position:absolute;inset:0}.nav-tabs .nav-ember{pointer-events:none;z-index:1;opacity:0;border-radius:50%;width:2px;height:2px;position:absolute;bottom:0}.nav-ember-1{background:radial-gradient(circle,#ff8030,#ff5010,#0000);animation:2s ease-out infinite nav-ember-rise;left:10%;box-shadow:0 0 3px 1px #ff641e40}.nav-ember-2{background:radial-gradient(circle,#ffaa50,#ff6020,#0000);animation:2.5s ease-out .6s infinite nav-ember-rise;left:25%;box-shadow:0 0 2px 1px #ff782833}.nav-ember-3{background:radial-gradient(circle,#ff7020,#dd4010,#0000);animation:1.8s ease-out .3s infinite nav-ember-rise;left:40%;box-shadow:0 0 2px 1px #ff501440}.nav-ember-4{background:radial-gradient(circle,#ffcc70,#ff8040,#0000);animation:2.2s ease-out 1s infinite nav-ember-rise;left:55%;box-shadow:0 0 4px 1px #ff8c324d}.nav-ember-5{background:radial-gradient(circle,#ff6010,#cc3000,#0000);animation:2.8s ease-out .4s infinite nav-ember-rise;left:70%;box-shadow:0 0 2px 1px #dc3c0a40}.nav-ember-6{background:radial-gradient(circle,#ff9040,#ff5020,#0000);animation:2s ease-out 1.2s infinite nav-ember-rise;left:85%;box-shadow:0 0 3px 1px #ff5a1e40}.nav-ember-7{background:radial-gradient(circle,#ffbb60,#ff7030,#0000);animation:3s ease-out .9s infinite nav-ember-rise;left:15%;box-shadow:0 0 2px 1px #ff782833}.nav-ember-8{background:radial-gradient(circle,#ff8030,#ee5010,#0000);animation:1.5s ease-out 1.5s infinite nav-ember-rise;left:60%;box-shadow:0 0 2px 1px #ff641440}@keyframes nav-ember-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.4)}10%{opacity:.5;transform:translateY(-4px)translate(1px)scale(.8)}30%{opacity:.35}60%{opacity:.2;transform:translateY(-20px)translate(-2px)scale(.6)}to{opacity:0;transform:translateY(-35px)translate(3px)scale(.2)}}.nav-tabs:after{content:"";background:linear-gradient(90deg,#0000,#8b691480,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}@keyframes nav-ember-glow{0%{opacity:.6}to{opacity:1}}.nav-tabs:before{content:"";border-top:2px solid var(--accent-primary);border-left:2px solid var(--accent-primary);z-index:10;width:10px;height:10px;position:absolute;top:0;left:0}.nav-tab{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-tab:hover{color:var(--accent-gold);text-shadow:0 0 8px #c9a22766;background:linear-gradient(#0000,#c9a22714,#ff8c3226);transform:translateY(-1px)}.nav-tab:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ff782899,#0000);height:0;transition:all .25s;position:absolute;bottom:0;left:10%;right:10%;box-shadow:0 0 #0000}.nav-tab:hover:before{opacity:1;height:2px;box-shadow:0 0 10px #ff641e80,0 -5px 20px #ff78284d}.nav-tab.active{color:var(--accent-gold);text-shadow:0 0 15px #c9a22780;background:linear-gradient(#c9a2270d,#c9a2271f,#ff8c322e);transform:translateY(0)}.nav-tab.active:hover{transform:translateY(0)}.nav-tab.active:before{content:"";opacity:1;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 15px #c9a227b3,0 -5px 25px #c9a22766}.nav-tab.active:after{content:"";border-top:2px solid var(--accent-primary);border-left:2px solid var(--accent-primary);width:6px;height:6px;position:absolute;top:0;left:0}.nav-tab .tab-icon{opacity:.6;color:var(--text-dim);align-items:center;font-size:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(1)}.nav-tab:hover .tab-icon{opacity:1;color:var(--accent-gold);filter:drop-shadow(0 0 8px #ff8c3299);transform:scale(1.15)}.nav-tab.active .tab-icon{opacity:1;color:var(--accent-gold);filter:drop-shadow(0 0 6px #c9a22780)}.nav-tab.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.nav-tab.disabled:hover{color:var(--text-secondary);text-shadow:none;background:0 0;transform:none}.nav-tab.disabled:hover:before{opacity:0;height:0}.nav-tab.disabled .tab-icon{opacity:.3;filter:none;transform:scale(1)}.nav-stats{align-items:center;gap:.5rem;margin-left:auto;padding:0 1.25rem;display:flex}.nav-stats .stat-display{background:linear-gradient(135deg,#2e261d,#1a1510);border:1px solid #8b5a2b66;border-radius:2px;align-items:center;gap:.5rem;padding:.45rem .85rem;display:flex;position:relative}.nav-stats .stat-display:before{content:"";border-top:1px solid var(--accent-primary);border-left:1px solid var(--accent-primary);width:5px;height:5px;position:absolute;top:-1px;left:-1px}.nav-stats .stat-display:after{content:"";border-bottom:1px solid var(--accent-primary);border-right:1px solid var(--accent-primary);width:5px;height:5px;position:absolute;bottom:-1px;right:-1px}.nav-stats .stat-display .icon{opacity:.7;font-size:.9rem}.nav-stats .stat-display .value{color:var(--accent-gold);text-shadow:0 0 10px #fbbf2466;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.main-content>*{flex:1;min-height:0}.panel{background:repeating-linear-gradient(90deg,#0000 0 1px,#ffffff01 1px 2px),repeating-linear-gradient(0deg,#0000 0 2px,#00000005 2px 4px),radial-gradient(at 85% 15%,#b48c500a,#0000 35%),radial-gradient(at 15% 85%,#a0784608,#0000 40%),linear-gradient(#262019fa,#16120efc);border:1px solid #64553c73;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff0c80a,inset 0 -1px #0003,0 0 0 1px #140f0a99,0 4px 20px #00000073}.panel:before{content:"";border-top:2px solid var(--accent-primary);border-left:2px solid var(--accent-primary);pointer-events:none;z-index:10;width:10px;height:10px;position:absolute;top:-1px;left:-1px}.panel:after{content:"";border-bottom:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary);pointer-events:none;z-index:10;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.panel-header{background:linear-gradient(#c9a2270f,#0000);border-bottom:1px solid #64553c73;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.panel-header:after{content:"";background:linear-gradient(90deg,#0000,#c9a22759,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.panel-header:before{content:"";background:linear-gradient(90deg,#0000,#fff0c814,#0000);height:1px;position:absolute;top:0;left:0;right:0}.panel-header h3{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem;font-weight:600}.panel-content{padding:1rem}.panel-content.has-dying-enemy{padding-right:250px;overflow:visible!important}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:1px solid #5a463280;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:Cinzel,Georgia,serif;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}.btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 50%);position:absolute;inset:0}.btn-primary{color:#f5edd8;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#8b6914,#6a4e10);border:1px solid #c9a227;font-family:Cinzel,Georgia,serif;font-size:.85rem;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(#a07a18,#8b6914);box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff26}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 4px #0000004d}.btn-secondary{color:var(--text-primary);letter-spacing:.03em;background:linear-gradient(#3a3025,#2a2218);border:1px solid #8b5a2b66;font-family:Cinzel,Georgia,serif;box-shadow:0 2px 6px #0000004d}.btn-secondary:hover{color:var(--accent-gold-bright);background:linear-gradient(#4a3d30,#3a3025);border-color:#b4824680}.btn-secondary:active{transform:translateY(1px)}.btn-danger{color:#fff;background:linear-gradient(#b44040,#8b2c2c);border:1px solid #dc505080;box-shadow:0 2px 8px #0000004d}.btn-danger:hover{background:linear-gradient(#c54848,#b44040);border-color:#dc5050b3}.btn-danger:active{transform:translateY(1px)}.btn-small{letter-spacing:.04em;border-radius:3px;padding:.45rem .85rem;font-size:.7rem}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);transform:none!important}.character-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.character-card{cursor:pointer;background:radial-gradient(at 80% 20%,#6446280d,#0000 40%),linear-gradient(#231c14f2,#16120efa);border:1px solid #5a463280;border-radius:2px;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.character-card:before{content:"";border-top:2px solid var(--accent-primary-dim);border-left:2px solid var(--accent-primary-dim);width:8px;height:8px;transition:all .25s;position:absolute;top:-1px;left:-1px}.character-card:after{content:"";border-bottom:2px solid var(--accent-primary-dim);border-right:2px solid var(--accent-primary-dim);width:8px;height:8px;transition:all .25s;position:absolute;bottom:-1px;right:-1px}.character-card.tank:before,.character-card.tank:after{border-color:var(--role-tank)}.character-card.healer:before,.character-card.healer:after{border-color:var(--role-healer)}.character-card.dps:before,.character-card.dps:after{border-color:var(--role-dps)}.character-card:hover{border-color:#8b5a2b99;transform:translateY(-2px);box-shadow:0 8px 25px #00000080,0 0 20px #8b5a2b26}.character-card:hover:before,.character-card:hover:after{border-color:var(--accent-gold);width:12px;height:12px}.character-card.selected{border-color:var(--accent-gold);box-shadow:0 0 20px #c9a22740}.character-portrait{text-align:center;filter:drop-shadow(0 4px 8px #0006);margin-bottom:.75rem;font-size:2.5rem}.character-name{color:var(--text-bright);text-align:center;margin-bottom:.25rem;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:600}.character-role{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-family:Cinzel,Georgia,serif;font-size:.7rem;font-weight:500}.character-role.tank{color:var(--role-tank)}.character-role.healer{color:var(--role-healer)}.character-role.dps{color:var(--role-dps)}.character-level{text-align:center;color:var(--text-secondary);margin-top:.5rem;font-size:.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.stat-row{background:var(--bg-dark);border-left:2px solid var(--accent-primary-dim);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.stat-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.stat-value{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.grand-panel{background-blend-mode:normal,soft-light;background:linear-gradient(#161410fa,#0e0c0afc) 50% no-repeat,url(/tilebackground.png) 50%/cover no-repeat;border:1px solid #78644666;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff08}.grand-panel:before,.grand-panel:after{content:"";pointer-events:none;z-index:10;width:24px;height:24px;position:absolute}.grand-panel:before{border-top:2px solid var(--accent-gold);border-left:2px solid var(--accent-gold);border-radius:4px 0 0;top:4px;left:4px}.grand-panel:after{border-top:2px solid var(--accent-gold);border-right:2px solid var(--accent-gold);border-radius:0 4px 0 0;top:4px;right:4px}.grand-panel-corners-bottom:before,.grand-panel-corners-bottom:after{content:"";pointer-events:none;z-index:10;width:24px;height:24px;position:absolute}.grand-panel-corners-bottom:before{border-bottom:2px solid var(--accent-gold);border-left:2px solid var(--accent-gold);border-radius:0 0 0 4px;bottom:4px;left:4px}.grand-panel-corners-bottom:after{border-bottom:2px solid var(--accent-gold);border-right:2px solid var(--accent-gold);border-radius:0 0 4px;bottom:4px;right:4px}.grand-header{background:linear-gradient(#c9a2271f,#c9a22708);border-bottom:1px solid #c9a22740;padding:1rem 1.25rem;position:relative}.grand-header:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);height:1px;position:absolute;top:0;left:0;right:0}.grand-header:after{content:"";background:linear-gradient(90deg,#0000,#c9a22780,#0000);height:1px;position:absolute;bottom:-1px;left:10%;right:10%}.grand-header h3{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 20px #c9a22766;text-align:center;margin:0;font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:700}.grand-header-icon{justify-content:center;align-items:center;gap:.75rem;display:flex}.grand-header-icon .header-gem{filter:drop-shadow(0 0 8px #c9a22799);font-size:1.25rem}.grand-divider{background:linear-gradient(90deg,#0000,#78644680,#0000);height:1px;margin:1rem 0;position:relative}.grand-divider:before{content:"";background:var(--accent-gold);border-radius:1px;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px #c9a22799}.grand-empty-state{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.grand-empty-state .empty-icon{opacity:.4;filter:grayscale(.5);margin-bottom:1rem;font-size:3rem}.grand-empty-state .empty-text{color:#b4aa96b3;font-family:Cinzel,Georgia,serif;font-size:1rem}.grand-glow-arcane{box-shadow:0 4px 20px #00000080,0 0 40px #7c5aa614,inset 0 1px #ffffff08}.grand-glow-gold{box-shadow:0 4px 20px #00000080,0 0 40px #c9a22714,inset 0 1px #ffffff08}.skill-slots{flex-direction:column;gap:.5rem;display:flex}.skill-slot{background:linear-gradient(#26221cf2,#181511fa);border:1px solid #5a4e3c73;border-radius:6px;padding:.875rem 1rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05,0 2px 6px #00000040}.skill-slot:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-slot:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#7c5aa680,#0000);height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.skill-slot:hover{border-color:#7c5aa680;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0a,0 4px 12px #00000059,0 0 20px #7c5aa614}.skill-slot:hover:before{opacity:1}.skill-slot.filled{background:linear-gradient(#7c5aa614,#181511fa);border-color:#7c5aa680;box-shadow:inset 0 1px #7c5aa61a,0 0 15px #7c5aa60f,0 2px 6px #00000040}.skill-slot.filled:after{opacity:.025}.skill-slot.filled:before{opacity:1;background:linear-gradient(90deg,#0000,#7c5aa699,#0000)}.skill-slot-empty{text-align:left;color:var(--text-dim);cursor:pointer;background:linear-gradient(#201c16e6,#16130ff2);border:1px solid #5046374d;border-radius:6px;flex-direction:row;align-items:center;gap:1rem;min-height:72px;padding:.75rem 1rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.skill-slot-empty:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .25s;position:absolute;inset:0}.skill-slot-empty:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#7c5aa666,#0000);height:1px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.skill-slot-empty:hover{background:linear-gradient(#7c5aa61a,#161410eb);border-color:#7c5aa680;box-shadow:0 4px 20px #0000004d,0 0 30px #7c5aa61a}.skill-slot-empty:hover:after{opacity:.03}.skill-slot-empty:hover:before{opacity:1}.empty-gem-socket{z-index:1;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;position:relative}.socket-inner{background:linear-gradient(145deg,#161410f2,#0c0a08fa);border:2px solid #50463766;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff05,0 2px 8px #0006}.socket-inner:before{content:"";pointer-events:none;border:1px solid #3c342a4d;border-radius:5px;position:absolute;inset:3px}.socket-inner:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000);border-radius:4px 4px 50% 50%;height:8px;position:absolute;top:2px;left:10%;right:10%}.socket-plus{color:#a0917899;z-index:1;font-size:1.25rem;font-weight:300;transition:all .25s}.socket-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#7c5aa633,#0000 60%);border-radius:14px;transition:opacity .25s;position:absolute;inset:-6px}.skill-slot-empty:hover .socket-inner{background:linear-gradient(145deg,#7c5aa61f,#1c1916f2);border-color:#7c5aa680;box-shadow:inset 0 2px 6px #0006,0 0 15px #7c5aa626,0 2px 8px #0000004d}.skill-slot-empty:hover .socket-inner:before{border-color:#7c5aa640}.skill-slot-empty:hover .socket-plus{color:#b496d2d9;text-shadow:0 0 12px #7c5aa699;transform:scale(1.1)}.skill-slot-empty:hover .socket-glow{opacity:1}.empty-slot-label{z-index:1;flex-direction:column;gap:.15rem;display:flex}.slot-number{color:#968c78b3;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:600}.slot-number:before{content:"Slot "}.slot-text{color:#b4aa96d9;letter-spacing:.02em;font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:500;transition:all .25s}.skill-slot-empty:hover .slot-number{color:#a082bebf}.skill-slot-empty:hover .slot-text{color:#c8afe6e6;text-shadow:0 0 15px #7c5aa64d}.skill-gem{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.skill-gem-icon{border-radius:6px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:1.6rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.skill-gem-icon:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000);border-radius:4px 4px 0 0;height:45%;position:absolute;top:0;left:0;right:0}.skill-gem-icon:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 50%);position:absolute;inset:0}.skill-gem-info{flex:1;min-width:0}.skill-gem-info h4{color:#e8dcc8;letter-spacing:.02em;text-shadow:0 1px 2px #0000004d;margin-bottom:.2rem;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:600}.skill-gem-info p{color:#b4afaacc;margin-bottom:.5rem;font-size:.75rem;line-height:1.45}.skill-gem-stats{color:#aaa59be6;flex-wrap:wrap;gap:.35rem;margin-top:.3rem;font-size:.65rem;display:flex}.skill-gem-stat{background:#0003;border:1px solid #5a4e374d;border-radius:3px;align-items:center;gap:.2rem;padding:.15rem .35rem;font-size:.62rem;font-weight:500;display:inline-flex}.skill-remove-btn{color:#c86464b3;cursor:pointer;background:#b43c3c26;border:none;border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;width:24px;min-width:24px;height:24px;margin-left:auto;font-size:1rem;font-weight:400;transition:all .15s;display:flex}.skill-remove-btn:hover{color:#ff7878f2;background:#dc464640;transform:scale(1.05)}.support-slots{z-index:1;border-top:1px solid #463e3066;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:.6rem;padding-top:.5rem;padding-left:.25rem;padding-right:.25rem;display:flex;position:relative}.support-slots>div:first-child{flex-wrap:wrap;flex:none;align-items:center;gap:.35rem;display:flex}.support-slots:before{content:"Supports";color:#8c877899;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(#181511,#181511f2);padding:0 .35rem;font-size:.55rem;position:absolute;top:-.4rem;left:0}.support-slot{cursor:pointer;background:linear-gradient(#201c17e6,#161410f2);border:1px dashed #5a503e73;border-radius:4px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:all .15s;display:flex;position:relative;overflow:hidden}.support-slot:before{content:"";opacity:0;background:linear-gradient(135deg,#50c8781a,#0000);transition:opacity .12s;position:absolute;inset:0}.support-slot:hover{border-style:solid;border-color:#50c878b3;box-shadow:0 0 12px #50c87833}.support-slot:hover:before{opacity:1}.support-slot.filled{background:linear-gradient(145deg,#50c87833,#3c965a1a);border-style:solid;border-color:#50c87899;box-shadow:0 0 10px #50c87833,inset 0 1px #ffffff14}.support-slot.filled:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000);height:50%;position:absolute;top:0;left:0;right:0}.support-slot.filled:before{opacity:1}.available-skill-item{cursor:pointer;background:linear-gradient(#1e1b16e6,#161410f2);border:1px solid #463c3066;border-radius:6px;margin-bottom:.4rem;padding:.6rem .75rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0003}.available-skill-item:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .2s;position:absolute;inset:0}.available-skill-item:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#7c5aa680,#0000);height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.available-skill-item.hovered{background:linear-gradient(#7c5aa61a,#161410f2);border-color:#7c5aa680;box-shadow:0 4px 15px #00000040,0 0 20px #7c5aa614}.available-skill-item.hovered:before{opacity:1}.available-skill-item.hovered:after{opacity:.03}.available-skill-item.equipped{opacity:.6;cursor:default;background:linear-gradient(#2ecc7114,#161410f2);border-color:#2ecc7166}.available-skill-item>*{z-index:1;position:relative}.available-skills-panel{background:linear-gradient(#161410fa,#0e0c0afc);border:1px solid #78644659;border-radius:8px;position:relative;overflow:hidden}.available-skills-panel:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.available-skills-panel>*{z-index:1;position:relative}.skill-slots-panel{background:linear-gradient(#161410fa,#0e0c0afc);border:1px solid #7864464d;border-radius:8px;position:relative;overflow:hidden}.skill-slots-panel:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-slots-panel>*{z-index:1;position:relative}.character-selector-panel{backdrop-filter:blur(12px);background:linear-gradient(145deg,#14120ffa,#0c0a08fc);border:1px solid #c9a22726;border-radius:14px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff08,inset 0 -1px #0000004d}.character-selector-panel:hover{border-color:#c9a22740;box-shadow:0 8px 32px #0009,0 0 40px #c9a2270d,inset 0 1px #ffffff0a,inset 0 -1px #0000004d}.character-selector-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#c9a2270a,#0000 60%);height:60%;position:absolute;top:0;left:0;right:0}.character-selector-panel:after{content:"";opacity:.015;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.character-selector-panel>*{z-index:1;position:relative}.character-selector-panel ::-webkit-scrollbar{width:6px}.character-selector-panel ::-webkit-scrollbar-track{background:#0003;border-radius:3px}.character-selector-panel ::-webkit-scrollbar-thumb{background:linear-gradient(#c9a22766,#8b701966);border:1px solid #c9a22733;border-radius:3px}.character-selector-panel ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c9a22799,#8b701999)}.skill-tag{color:#f0ebe1f2;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px #0009;border:1px solid #ffffff1f;border-radius:3px;padding:.22rem .5rem;font-size:.62rem;font-weight:600;display:inline-block;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0003}.skill-tag:after{content:"";opacity:.08;pointer-events:none;mix-blend-mode:overlay;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-tag-text{z-index:1;position:relative}.skill-picker-modal{background:linear-gradient(#191612fc,#0f0d0afc);border:1px solid #78644680;border-radius:12px;width:90%;max-width:600px;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 0 60px #000c,0 0 100px #c9a2271a}.skill-picker-modal:after{content:"";opacity:.025;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-picker-modal>*{z-index:1;position:relative}.skill-picker-item{cursor:pointer;background:linear-gradient(#23201ae6,#191612f2);border:1px solid #50463766;border-radius:6px;margin-bottom:.5rem;padding:.875rem;transition:all .2s;position:relative;overflow:hidden}.skill-picker-item:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .2s;position:absolute;inset:0}.skill-picker-item:hover{background:linear-gradient(#7c5aa626,#191612f2);border-color:#7c5aa699;box-shadow:0 4px 15px #7c5aa626}.skill-picker-item:hover:after{opacity:.035}.skill-picker-item>*{z-index:1;position:relative}.skill-gem-tooltip{position:relative;overflow:hidden}.skill-gem-tooltip:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-gem-tooltip>*{z-index:1;position:relative}.skill-config-modal{position:relative;overflow:hidden}.skill-config-modal:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.skill-config-modal>*{z-index:1;position:relative}.item-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.item-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;padding:.85rem}.item-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.item-card.normal{border-color:var(--rarity-normal)}.item-card.magic{border-color:var(--rarity-magic);box-shadow:0 0 15px #60a5fa26}.item-card.rare{border-color:var(--rarity-rare);box-shadow:0 0 15px #fbbf2426}.item-card.unique{border-color:var(--rarity-unique);box-shadow:0 0 15px #f9731633}.item-card.legendary{border-color:var(--rarity-legendary);box-shadow:0 0 20px #f472b633}.item-name{margin-bottom:.25rem;font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:600}.item-name.normal{color:var(--rarity-normal)}.item-name.magic{color:var(--rarity-magic)}.item-name.rare{color:var(--rarity-rare)}.item-name.unique{color:var(--rarity-unique)}.item-name.legendary{color:var(--rarity-legendary)}.item-type{color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem}.item-stats{font-size:.75rem}.item-stat{color:var(--accent-secondary);margin-bottom:.15rem}.item-affix{color:var(--accent-gold);margin-bottom:.15rem}.item-corrupted{color:var(--accent-blood);font-weight:500}.passive-tree-container{background:radial-gradient(ellipse at center,var(--bg-medium)0%,var(--bg-abyss)100%);border:1px solid var(--border-color);border-radius:4px;width:100%;height:700px;min-height:500px;position:relative;overflow:auto}.passive-tree{width:100%;height:100%;position:relative}.passive-node{cursor:pointer;transition:var(--transition-fast);position:absolute;transform:translate(-50%,-50%)}.passive-node-inner{border:2px solid var(--stone);background:var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.passive-node.minor .passive-node-inner{width:32px;height:32px;font-size:1rem}.passive-node.notable .passive-node-inner{border-width:3px;width:48px;height:48px;font-size:1.4rem}.passive-node.keystone .passive-node-inner{background:radial-gradient(ellipse at center,var(--bg-medium)0%,var(--bg-dark)100%);border-width:3px;width:60px;height:60px;font-size:1.8rem}.passive-node.allocated .passive-node-inner{border-color:var(--accent-gold);box-shadow:var(--glow-gold)}.passive-node.available:hover .passive-node-inner{border-color:var(--accent-gold-bright);box-shadow:var(--glow-gold);transform:scale(1.1)}.passive-node.unavailable{opacity:.35}.passive-connection{background:var(--stone);transform-origin:0;pointer-events:none;height:2px;position:absolute}.passive-connection.allocated{background:var(--accent-gold);box-shadow:var(--glow-gold)}.combat-panel-jrpg{position:relative}.combat-panel-jrpg:before{content:"";opacity:.02;pointer-events:none;background-image:url(/tilebackground.png);background-size:cover;border-radius:4px;position:absolute;inset:0}.abilities-panel-jrpg{position:relative}.abilities-panel-jrpg button{outline:none;font-family:inherit}.abilities-panel-jrpg button:focus{outline:none}.abilities-panel-jrpg button:hover:not(:disabled){border-color:#ffc864e6!important}.party-frame-jrpg{transform-origin:50%;backface-visibility:hidden;will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(0)}.party-frame-jrpg:hover{z-index:100!important;transform:scale(1.02)translateZ(0)!important}.party-frame-jrpg.low-health{border-left:3px solid #8b2942}@keyframes emberRise{0%,to{opacity:0}}.ember-container{position:relative}.ember-glow{filter:blur(30px);opacity:.7;background:radial-gradient(at bottom,#ff640026,#0000 80%);height:120px;position:absolute;bottom:0;left:0;right:0}.ember{filter:blur(.5px);width:3px;height:3px;animation:ember-float var(--duration)ease-out var(--delay)infinite;bottom:-10px;left:var(--x-start);transform:scale(var(--scale));opacity:0;background:radial-gradient(circle,#ff6b00,#ff4500,#0000);border-radius:50%;position:absolute}@keyframes ember-float{0%{transform:translateY(20px)translate(0)scale(var(--scale));opacity:0}5%{transform:translateY(10px)translate(0)scale(var(--scale));opacity:.3}15%{opacity:1}85%{opacity:1}95%{opacity:.3}to{transform:translateY(-200px)translate(var(--x-drift))scale(calc(var(--scale)*.3));opacity:0}}.enemy-container.enemy-fighting{will-change:transform;animation:.15s ease-in-out enemyShake}@keyframes enemyShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.enemy-container.enemy-dying{will-change:opacity,transform;animation:.3s ease-out forwards enemyDeath}@keyframes enemyDeath{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(.95)}}.enemy-health-bar-fill.damage-glow{transition:width .4s cubic-bezier(.4,0,.2,1),background .3s}.combat-panel-jrpg ::-webkit-scrollbar{width:5px}.abilities-panel-jrpg ::-webkit-scrollbar{width:5px}.party-frame-jrpg ::-webkit-scrollbar{width:5px}.combat-panel-jrpg ::-webkit-scrollbar-track{background:#0003;border-radius:3px}.abilities-panel-jrpg ::-webkit-scrollbar-track{background:#0003;border-radius:3px}.party-frame-jrpg ::-webkit-scrollbar-track{background:#0003;border-radius:3px}.combat-panel-jrpg ::-webkit-scrollbar-thumb{background:linear-gradient(#a0783c66,#785a2866);border-radius:3px}.abilities-panel-jrpg ::-webkit-scrollbar-thumb{background:linear-gradient(#a0783c66,#785a2866);border-radius:3px}.party-frame-jrpg ::-webkit-scrollbar-thumb{background:linear-gradient(#a0783c66,#785a2866);border-radius:3px}.combat-panel-jrpg ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a0783c99,#785a2899)}.abilities-panel-jrpg ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a0783c99,#785a2899)}.party-frame-jrpg ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a0783c99,#785a2899)}.dungeon-planner{grid-template-columns:1fr 350px;gap:1rem;height:700px;display:grid}.dungeon-map{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.dungeon-map-inner{background:radial-gradient(ellipse at center,var(--bg-medium)0%,var(--bg-dark)100%);width:100%;height:100%;position:relative}.enemy-pack{cursor:pointer;transition:var(--transition-smooth);position:absolute;transform:translate(-50%,-50%)}.pack-icon{background:var(--bg-card);border:2px solid var(--accent-blood);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;box-shadow:0 0 12px #ef44444d}.enemy-pack.selected .pack-icon{border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:scale(1.15)}.enemy-pack.in-route .pack-icon{border-color:var(--accent-success);background:#22c55e26;box-shadow:0 0 15px #22c55e66}.boss-marker{position:absolute;transform:translate(-50%,-50%)}.boss-icon{background:radial-gradient(ellipse at center,var(--accent-blood)0%,#300 100%);border:3px solid var(--accent-gold);width:56px;height:56px;box-shadow:0 0 30px #ef444480,var(--glow-gold);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.route-sidebar{flex-direction:column;gap:.75rem;display:flex}.route-info{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.forces-bar{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;height:24px;margin-top:.5rem;overflow:hidden}.forces-fill{background:linear-gradient(90deg,var(--accent-success)0%,var(--accent-primary)100%);border-radius:4px;height:100%;transition:width .3s;box-shadow:inset 0 2px #ffffff26}.pull-list{flex-direction:column;flex:1;gap:.4rem;display:flex;overflow-y:auto}.pull-item{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.pull-item:hover{background:var(--bg-hover);border-color:var(--border-ornate)}.pull-number{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-primary-dim)100%);width:26px;height:26px;color:var(--bg-abyss);border-radius:6px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.pull-enemies{color:var(--text-secondary);flex:1;font-size:.85rem}.pull-forces{color:var(--accent-success);font-family:JetBrains Mono,monospace;font-weight:600}.combat-log{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;height:300px;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-y:auto}.log-entry{border-left:2px solid #0000;border-radius:4px;margin-bottom:.2rem;padding:.25rem .6rem;transition:background .15s}.log-entry:hover{background:#ffffff08}.log-entry.damage{color:var(--accent-blood-glow);border-color:var(--accent-blood)}.log-entry.heal{color:var(--accent-success);border-color:var(--accent-success)}.log-entry.death{color:#f87171;border-color:var(--accent-blood);background:#ef44441a}.log-entry.phase{color:var(--accent-primary);border-color:var(--accent-primary);font-weight:600}.log-entry.boss{color:var(--accent-fire);border-color:var(--accent-fire);font-weight:700}.log-entry.pull{color:var(--accent-secondary);border-color:var(--accent-secondary)}.crafting-area{grid-template-columns:300px 1fr;gap:1.25rem;display:grid}.orb-inventory{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.orb-slot{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);border-radius:4px;align-items:center;gap:.5rem;padding:.7rem;display:flex}.orb-slot:hover{border-color:var(--accent-gold-dim);box-shadow:var(--glow-gold)}.orb-slot.selected{border-color:var(--accent-gold);box-shadow:var(--glow-gold)}.orb-icon{font-size:1.4rem}.orb-count{color:var(--accent-gold);margin-left:auto;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.tooltip{z-index:1000;pointer-events:none;background:radial-gradient(at 10% 90%,#64462814,#0000 50%),linear-gradient(#282018fa,#19140ffc);border:1px solid #5a463280;border-radius:2px;max-width:320px;padding:.85rem 1rem;position:fixed;box-shadow:0 0 0 1px #281e1499,0 8px 30px #0009,0 0 20px #8b5a2b1a}.tooltip:before{content:"";border-top:2px solid #8b5a2b99;border-left:2px solid #8b5a2b99;width:8px;height:8px;position:absolute;top:-1px;left:-1px}.tooltip:after{content:"";border-bottom:2px solid #8b5a2b99;border-right:2px solid #8b5a2b99;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.tooltip-title{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:600}.tooltip-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.modal-overlay{backdrop-filter:blur(12px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{z-index:10001;background:linear-gradient(135deg,#231c14fa,#16120efa);border:2px solid #c9a22740;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3c2d1ecc,0 0 0 3px #281e1499,-2px 0 4px #0006,2px 0 4px #0006,0 -2px 4px #0000004d,0 2px 6px #00000080,0 15px 40px #000000b3,0 0 60px #8b5a2b26}.modal>*{z-index:1;position:relative}.modal:before{content:"";opacity:.025;pointer-events:none;z-index:0;border-radius:inherit;background-image:url(/tilebackground.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.modal-header{background:linear-gradient(#c9a22714,#c9a22705);border-bottom:2px solid #c9a22733;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 2px 10px #0000004d}.modal-header:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#c9a22799 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:2rem;right:2rem}.modal-header h3{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px #c9a22780,0 2px 4px #00000080;margin:0;font-family:Cinzel,Georgia,serif;font-size:1.2rem;font-weight:700}.modal-body{background:radial-gradient(at 30% 70%,#503c280a,#0000 50%);flex:1;min-height:0;padding:1.5rem;overflow:hidden auto}.modal-footer{background:linear-gradient(#0003,#0000004d);border-top:2px solid #c9a22733;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 -2px 10px #0000004d}.modal-footer:before{content:"";background:linear-gradient(90deg,#0000,#8b5a2b66,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.close-btn{color:#c9a227cc;cursor:pointer;background:#0000004d;border:1px solid #c9a2274d;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:300;line-height:1;transition:all .2s;display:flex}.close-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#c9a22733;transform:scale(1.05);box-shadow:0 0 20px #c9a22766}@keyframes character-entrance{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes character-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.team-character-card{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.team-character-card{transition-duration:.01ms!important;animation-duration:.01ms!important}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-family:Cinzel,Georgia,serif;font-size:.75rem;font-weight:500;display:block}.form-input{width:100%;color:var(--text-primary);background:linear-gradient(135deg,#231c14e6,#19140ff2);border:1px solid #5a463280;border-radius:2px;padding:.75rem 1rem;font-family:Crimson Text,Georgia,serif;font-size:1rem;transition:all .2s;box-shadow:inset 0 2px 4px #0000004d}.form-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 15px #c9a22733,inset 0 2px 4px #0000004d}.form-input::-moz-placeholder{color:var(--text-dim);font-style:italic}.form-input::placeholder{color:var(--text-dim);font-style:italic}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23c9a227"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.modal .form-input,.modal .form-select{background:#19140fcc;border:1px solid #5a463266;border-radius:2px;min-width:60px;height:34px;padding:.5rem .75rem;font-size:.85rem}.modal .form-input{text-align:center;width:70px}.modal .form-select{background-position:right .5rem center;background-size:1rem;min-width:70px;padding-right:2rem}.modal .form-input:focus,.modal .form-select:focus{border-color:var(--accent-gold);box-shadow:0 0 8px #c9a2274d}.modal .form-input:disabled,.modal .form-select:disabled{opacity:.4;cursor:not-allowed}.modal input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-gold);cursor:pointer;border-radius:2px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}40%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes combatPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes travelBounce{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-4px)}}@keyframes damageFlash{0%{background:#8b00004d}to{background:0 0}}@keyframes healthDrain{0%{width:var(--from-width)}to{width:var(--to-width)}}@keyframes victoryGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes castBar{0%{width:0%}to{width:100%}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes floatUp{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-25px)}}@keyframes floatCombatText{0%{opacity:0;transform:translate(-50%)scale(.6)}10%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}25%{opacity:1;transform:translate(-50%,-20px)scale(1)}to{opacity:0;transform:translate(-50%,-60px)scale(.9)}}@keyframes floatCombatTextCrit{0%{opacity:0;transform:translate(-50%)scale(.4)}6%{opacity:1;transform:translate(-50%,-15px)scale(1.6)}15%{opacity:1;transform:translate(-50%,-30px)scale(1.3)}to{opacity:0;transform:translate(-50%,-80px)scale(.95)}}@keyframes floatHealText{0%{opacity:0;transform:translate(-50%,5px)scale(.6)}12%{opacity:1;transform:translate(-50%,-8px)scale(1.1)}25%{opacity:1;transform:translate(-50%,-18px)scale(1)}to{opacity:0;transform:translate(-50%,-55px)scale(.9)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:.98}}.floating-combat-text{pointer-events:none;text-shadow:0 0 4px #000000e6,0 2px 4px #000c,1px 1px 2px #000000b3;z-index:100;white-space:nowrap;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;font-family:Cinzel,Georgia,serif;font-weight:700;position:absolute;transform:translateZ(0)}.floating-combat-text.damage{color:#c9a227;text-shadow:0 1px 2px #000c;font-size:.9rem;animation:1s ease-out forwards floatCombatText}.floating-combat-text.enemy-damage{color:#8b2942;text-shadow:0 1px 2px #000c;font-size:.85rem;animation:1s ease-out forwards floatCombatText}.floating-combat-text.blocked{color:#4a6a8c;text-shadow:0 1px 2px #000c;font-size:.8rem;animation:1s ease-out forwards floatCombatText}.floating-combat-text.crit{color:#a02020;text-shadow:0 1px 3px #000c;font-size:1.1rem;font-weight:700;animation:1.2s ease-out forwards floatCombatText}.floating-combat-text.heal{color:#2d6b3a;text-shadow:0 1px 2px #000c;font-size:.9rem;animation:1s ease-out forwards floatHealText}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s infinite glow}.animate-combat{animation:.5s infinite combatPulse}.animate-travel{animation:.6s infinite travelBounce}.animate-victory{animation:1s infinite victoryGlow}.animate-shake{animation:.3s ease-in-out shake}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.w-full{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border:2px solid var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-dim)}::-moz-selection{background:var(--accent-primary-dim);color:var(--bg-abyss)}::selection{background:var(--accent-primary-dim);color:var(--bg-abyss)}:focus-visible{outline:2px solid var(--accent-primary-dim);outline-offset:2px}.bloodlusted{border-left:3px solid #8b6914!important;position:relative!important}.low-health{border-left:3px solid #8b2942!important}@keyframes resurrectGlow{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes resurrectFlash{0%{opacity:0}20%{opacity:.2}to{opacity:0}}@keyframes resurrectBorder{0%{border-color:#8b6914}to{border-color:inherit}}.resurrecting{animation:1s ease-out forwards resurrectBorder!important}.resurrect-flash{pointer-events:none;z-index:10;background:#8b69141a;border-radius:2px;animation:1s ease-out forwards resurrectFlash;position:absolute;inset:0}.resurrect-icon{color:#8b6914;pointer-events:none;z-index:20;font-size:1.5rem;animation:1s ease-out forwards resurrectGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes screenShake{0%,to{opacity:1}20%{transform:translate(1px,1px)rotate(.5deg)}30%{transform:translate(-1px)rotate(-.3deg)}40%{transform:translate(1px,-1px)rotate(.3deg)}50%{transform:translate(-1px,1px)rotate(-.2deg)}60%{transform:translate(1px)rotate(.2deg)}70%{transform:translate(-.5px,-.5px)rotate(-.1deg)}80%{transform:translate(.5px,.5px)rotate(.1deg)}90%{transform:translate(-.3px)rotate(-.05deg)}}.screen-shake{animation:.3s ease-out screenShake}@keyframes itemBreakJiggle{0%{transform:translate(0)rotate(0)scale(1)}5%{transform:translate(-2px,1px)rotate(-2deg)scale(1)}10%{transform:translate(2px,-1px)rotate(2deg)scale(1)}15%{transform:translate(-3px,2px)rotate(-3deg)scale(1)}20%{transform:translate(3px,-2px)rotate(3deg)scale(1)}25%{transform:translate(-2px,1px)rotate(-2deg)scale(1)}30%{transform:translate(2px,-1px)rotate(2deg)scale(1)}35%{transform:translate(-1px,.5px)rotate(-1deg)scale(.95)}40%{transform:translate(1px,-.5px)rotate(1deg)scale(.9)}50%{transform:translate(0)rotate(0)scale(.8)}60%{transform:translate(0)rotate(45deg)scale(.6)}80%{transform:translate(0)rotate(90deg)scale(.3)}to{transform:translate(0)rotate(180deg)scale(0)}}@keyframes healthDamageGlow{0%,to{opacity:1}50%{opacity:.8}}@keyframes healthHealGlow{0%,to{opacity:1}50%{opacity:.9}}.health-bar-fill.heal-glow{animation:.8s ease-out healthHealGlow}.health-bar-fill.damage-glow,.enemy-health-bar-fill.damage-glow{animation:.8s ease-out healthDamageGlow}@keyframes enemyFadeOut{0%{opacity:1}to{opacity:0}}.enemy-dying{will-change:opacity;z-index:100;left:0;right:0;pointer-events:none!important;margin-bottom:0!important;animation:.5s ease-out forwards enemyFadeOut!important;position:absolute!important}.enemy-container{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s,box-shadow .3s}.enemy-container:hover{transform:translate(2px);box-shadow:0 0 15px #ef44444d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes iconPulseGlow{0%,to{filter:drop-shadow(0 0 4px);transform:scale(1)}50%{filter:drop-shadow(0 0 12px);transform:scale(1.05)}}@keyframes combatIconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes bossGlowPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes eliteGlowPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes healthDamageFlash{0%{filter:brightness(1.5)saturate(1.2)}to{filter:brightness()saturate()}}@keyframes castBarShine{0%{left:-50%}to{left:150%}}@keyframes teamFight{0%,to{transform:translate(-50%,-50%)rotate(0)}25%{transform:translate(calc(-50% - 2px),-50%)rotate(-3deg)}50%{transform:translate(-50%,-50%)rotate(0)}75%{transform:translate(calc(2px - 50%),-50%)rotate(3deg)}}@keyframes enemyFight{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-2deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(3px)rotate(2deg)}}.team-fighting{will-change:transform;backface-visibility:hidden;animation:.3s ease-out teamFight;transform:translateZ(0)}.enemy-fighting{will-change:transform;backface-visibility:hidden;animation:.25s ease-out enemyFight;transform:translateZ(0)}.floating-number{will-change:transform,opacity;pointer-events:none;backface-visibility:hidden;transform:translateZ(0)}.combat-glow{will-change:box-shadow;transform:translateZ(0)}.screen-shake{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.party-frame,.enemy-container{backface-visibility:hidden;contain:layout style paint;transform:translateZ(0)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent-gold)0%,var(--accent-gold-dim)100%);cursor:pointer;width:16px;height:16px;-webkit-transition:var(--transition-fast);transition:var(--transition-fast);border:1px solid #5a463299;border-radius:50%;box-shadow:0 2px 4px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 10px #c9a22766}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,var(--accent-gold)0%,var(--accent-gold-dim)100%);cursor:pointer;width:16px;height:16px;-moz-transition:var(--transition-fast);transition:var(--transition-fast);border:1px solid #5a463299;border-radius:50%;box-shadow:0 2px 4px #0006}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 10px #c9a22766}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-lighter);border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:var(--bg-lighter);border-radius:4px;height:4px}.stats-member-item{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s,box-shadow .3s!important}.top-dps{border-left:2px solid #8b6914;position:relative}.top-dps-crown{color:#8b6914}.route-line-active{animation:1.5s ease-in-out infinite routeLinePulse}@keyframes routeLinePulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px #c9a22799)}50%{opacity:.9;filter:drop-shadow(0 0 15px #c9a227cc)}}.combat-glow:before{content:"";pointer-events:none;z-index:100;border:2px solid #0000;-o-border-image:linear-gradient(90deg,#8b1a1a1f 0%,#0000 8% 92%,#8b1a1a1f 100%) 1;border-image:linear-gradient(90deg,#8b1a1a1f,#0000 8% 92%,#8b1a1a1f) 1;position:absolute;inset:0;box-shadow:inset 0 0 40px #8b1a1a1a,inset 0 0 80px #8b1a1a0d,inset 0 0 120px #6446280a}.combat-glow:after{content:"";pointer-events:none;z-index:100;border:2px solid #0000;-o-border-image:linear-gradient(#8b1a1a1f 0%,#0000 8% 92%,#8b1a1a1f 100%) 1;border-image:linear-gradient(#8b1a1a1f,#0000 8% 92%,#8b1a1a1f) 1;position:absolute;inset:0}@keyframes frameFloatHeal{0%{opacity:0;transform:translateY(5px)scale(.7)}15%{opacity:1;transform:translateY(-2px)scale(1.1)}30%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.85)}}@keyframes frameFloatExternal{0%{opacity:0;transform:translateY(3px)scale(.6)}20%{opacity:1;transform:translateY(-4px)scale(1.15)}40%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-22px)scale(.9)}}@keyframes frameFloatHealCrit{0%{opacity:0;transform:translateY(5px)scale(.5)}12%{opacity:1;transform:translateY(-3px)scale(1.3)}30%{opacity:1;transform:translateY(-8px)scale(1.1)}to{opacity:0;transform:translateY(-25px)scale(.9)}}.frame-float-text{pointer-events:none;z-index:15;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.frame-float-text.heal{color:#2d6b3a;text-shadow:0 1px 2px #000c;font-size:.65rem;animation:.7s ease-out forwards frameFloatHeal}.frame-float-text.heal.crit{color:#8b6914;text-shadow:0 1px 3px #000000e6;font-size:.8rem;font-weight:700;animation:.8s ease-out forwards frameFloatHealCrit}.frame-float-text.external{color:#7a6c56;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px #000000e6;font-size:.55rem;animation:1s ease-out forwards frameFloatExternal}.patch-notes-content::-webkit-scrollbar{width:8px}.patch-notes-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.patch-notes-content::-webkit-scrollbar-thumb{background:#a855f766;border-radius:4px}.patch-notes-content::-webkit-scrollbar-thumb:hover{background:#a855f799}.patch-notes-content ul{margin:.75rem 0;padding-left:1.5rem;list-style-type:disc}.patch-notes-content li{margin:.5rem 0;line-height:1.7}.patch-notes-content li::marker{color:#a855f799}.patch-notes-content p{margin:.75rem 0;line-height:1.8}.patch-notes-content p:first-child{margin-top:0}.patch-notes-content p+ul{margin-top:.5rem}.patch-notes-content ul+p{margin-top:1rem}.patch-notes-content code{color:#c4b5fd;background:#a855f726;border:1px solid #a855f733;border-radius:4px;padding:.2rem .5rem;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.85em;font-weight:500}.patch-notes-content strong{color:#e9d5fff2;font-weight:600}.patch-notes-content>div{margin-bottom:2rem}.route-planner-scroll{scrollbar-width:thin;scrollbar-color:#c9a2274d transparent}.route-planner-scroll::-webkit-scrollbar{height:6px}.route-planner-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.route-planner-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c9a22766,#8b701966);border:1px solid #c9a22733;border-radius:3px}.route-planner-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#c9a22799,#8b701999)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.poe-tree-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-abyss);border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(90,70,50,.4)}.poe-tree-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:linear-gradient(180deg,#231c14f2,#14100cfa);border-bottom:1px solid rgba(90,70,50,.5);z-index:10;flex-shrink:0}.poe-tree-title{display:flex;align-items:center;gap:.75rem}.tree-class-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px currentColor)}.tree-class-name{font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 10px currentColor}.poe-tree-stats{display:flex;align-items:center;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.tree-stat{color:var(--text-secondary)}.tree-stat-label{color:var(--text-dim)}.tree-stat-divider{color:#5a463280}.poe-tree-controls{position:absolute;top:70px;right:15px;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:100;background:#14100ce6;border:1px solid rgba(90,70,50,.5);border-radius:4px;padding:.5rem;backdrop-filter:blur(8px)}.poe-zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#322d28e6,#1e1914e6);border:1px solid rgba(90,70,50,.5);border-radius:4px;color:var(--accent-gold);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease}.poe-zoom-btn:hover{background:linear-gradient(180deg,#463c32e6,#322d28e6);border-color:var(--accent-gold);box-shadow:0 0 10px #c9a2274d}.poe-zoom-level{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim);padding:.25rem 0}.poe-reset-btn{font-size:1rem;margin-top:.25rem}.poe-tree-container{flex:1;min-height:0;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.poe-tree-bg-pattern{position:absolute;inset:0;pointer-events:none;opacity:.5}.poe-tree-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;transition:none}.poe-connections line{pointer-events:none}.poe-nodes .poe-node{transition:opacity .2s ease}.poe-nodes .poe-node:hover{opacity:1!important}.poe-node polygon,.poe-node circle{transition:all .2s ease}.poe-node-glow{pointer-events:none;animation:nodeGlowPulse 2s ease-in-out infinite}@keyframes nodeGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.poe-tooltip{position:absolute;background:linear-gradient(180deg,#282018fa,#19140ffc);border:2px solid rgba(90,70,50,.8);border-radius:4px;padding:0;max-width:320px;min-width:200px;z-index:1000;box-shadow:0 0 0 1px #281e1499,0 8px 30px #0009,0 0 20px #8b5a2b33;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.poe-tooltip-header{padding:.75rem 1rem;border-bottom:1px solid rgba(90,70,50,.4);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.poe-tooltip-name{font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:600;letter-spacing:.03em}.poe-tooltip-tag{font-size:.6rem;font-family:Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:2px;font-weight:500}.poe-tooltip-tag.keystone{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.4)}.poe-tooltip-tag.notable{background:#64b4ff33;color:#64b4ff;border:1px solid rgba(100,180,255,.4)}.poe-tooltip-tag.mastery{background:#b464ff33;color:#b464ff;border:1px solid rgba(180,100,255,.4)}.poe-tooltip-stats{padding:.75rem 1rem}.poe-tooltip-stat{font-size:.85rem;color:#7fb3d5;line-height:1.5;margin-bottom:.25rem}.poe-tooltip-stat:last-child{margin-bottom:0}.poe-tooltip-footer{padding:.5rem 1rem;border-top:1px solid rgba(90,70,50,.3);background:#0003}.poe-tooltip-hint{font-size:.7rem;font-style:italic}.poe-tooltip-hint.allocated{color:var(--accent-gold)}.poe-tooltip-hint.available{color:#7fb3d5}.poe-tooltip-hint.locked{color:var(--text-dim)}.poe-tree-legend{display:flex;justify-content:center;gap:1.5rem;padding:.6rem 1rem;background:linear-gradient(0deg,#14100cfa,#19140ff2);border-top:1px solid rgba(90,70,50,.4);flex-shrink:0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-dim)}.legend-shape{width:14px;height:14px;border:2px solid rgba(80,70,60,.8);background:#1e1914e6}.legend-shape.circle{border-radius:50%}.legend-shape.circle.allocated{box-shadow:0 0 8px currentColor}.legend-shape.circle.available{border-color:#c8b48cb3}.legend-shape.diamond{transform:rotate(45deg);width:12px;height:12px}.legend-shape.notable{border-color:#64b4ff99}.legend-shape.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-radius:0;border:none;background:#3c2323e6;box-shadow:inset 0 0 0 2px #ff6b6b99}.legend-shape.keystone{border-color:#ff6b6b99}.poe-tooltip-tag.start{background:#c8b46433;color:#d4af37;border:1px solid rgba(200,180,100,.4)}.passives-fullscreen{display:flex;flex-direction:column;height:100%;gap:0}.passives-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;height:100%;min-height:0}.passives-sidebar{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden}.passives-sidebar .panel{display:flex;flex-direction:column;min-height:0}.passives-sidebar .panel-content{flex:1;overflow-y:auto;padding:.75rem}.class-selector-passives{display:flex;flex-direction:column;gap:.6rem}.class-selector-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#0f0c0afa,#191612f2,#0f0c0afa);border:1px solid rgba(80,65,50,.5);border-radius:6px;cursor:pointer;transition:all .25s ease;overflow:hidden;min-height:85px}.class-selector-bg{position:absolute;inset:0;background-size:cover;background-position:top center;opacity:.35;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:0;filter:saturate(.6) brightness(.9)}.class-selector-item:hover .class-selector-bg{opacity:.5;transform:scale(1.02);filter:saturate(.8) brightness(1)}.class-selector-item.selected .class-selector-bg{opacity:.55;filter:saturate(.9) brightness(1.1)}.class-selector-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--class-color, rgba(139, 90, 43, .6));opacity:.7;transition:all .25s ease;z-index:2}.class-selector-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.95) 0%,rgba(15,12,10,.7) 40%,rgba(15,12,10,.3) 70%,transparent 100%);pointer-events:none;z-index:1;transition:opacity .25s ease}.class-selector-item:hover{background:linear-gradient(135deg,#191612fa,#231e19f2,#191612fa);border-color:var(--class-color, rgba(139, 90, 43, .7));transform:translate(2px)}.class-selector-item:hover:before{width:5px;opacity:1}.class-selector-item.selected{background:linear-gradient(135deg,#1e1914fa,#28231cf2,#1e1914fa);border-color:var(--class-color, var(--accent-gold));box-shadow:0 0 25px var(--class-glow, rgba(201, 162, 39, .3)),inset 0 0 40px var(--class-glow, rgba(201, 162, 39, .1))}.class-selector-item.selected:before{width:6px;opacity:1;box-shadow:0 0 15px var(--class-glow, rgba(201, 162, 39, .6))}.class-selector-icon{display:none}.class-selector-info{flex:1;min-width:0;z-index:3}.class-selector-name{font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.5);margin-bottom:.2rem}.class-selector-item.selected .class-selector-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.6)}.class-selector-class{font-family:Cinzel,Georgia,serif;font-size:.8rem;font-weight:600;color:#e0d6c8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.6)}.class-selector-role{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:600;color:#c8beb0;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;background:#0009;border-radius:3px;border:1px solid rgba(100,85,70,.4);text-shadow:0 1px 2px rgba(0,0,0,.8)}.class-selector-role-icon{opacity:.9}.class-selector-points{position:relative;z-index:3;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:gold;padding:.5rem .75rem;background:#000000bf;border:1px solid rgba(139,90,43,.6);border-radius:4px;text-align:center;min-width:60px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.class-selector-points-label{display:block;font-size:.55rem;font-family:Cinzel,Georgia,serif;color:#b8a88a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem}.class-selector-points-value{display:block;font-size:.85rem}.passives-bonuses{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;max-height:100%;padding-right:.25rem}.bonus-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .5rem;background:#1e191480;border-radius:3px;font-size:.75rem;border-left:2px solid transparent;transition:background .15s ease}.bonus-item:hover{background:#28231e99}.bonus-item-name{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bonus-item-value{color:#7fb3d5;font-family:JetBrains Mono,monospace;font-size:.7rem;flex-shrink:0;text-align:right;min-width:70px}.bonus-item-value.positive{color:#4ade80}.bonus-item-value.negative{color:#f87171}.bonus-item:has(.bonus-item-value:not(:empty)){border-left-color:#64b48c4d}.passives-tree-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.passives-tree-panel .panel-content{flex:1;padding:0;overflow:hidden}.passives-reset-btn{display:flex;align-items:center;gap:.4rem}@media (max-width: 1000px){.passives-layout{grid-template-columns:260px 1fr}.class-selector-icon{width:44px;height:44px;font-size:1.6rem}.class-selector-name{font-size:.85rem}}@media (max-width: 900px){.passives-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.passives-sidebar{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.passives-sidebar .panel{flex-shrink:0;min-width:280px}.poe-tree-legend{flex-wrap:wrap;gap:.75rem}}.passives-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-dim)}.passives-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.passives-empty h3{font-size:1.2rem;color:var(--text-secondary);margin-bottom:.5rem}.passives-empty p{font-size:.9rem;max-width:300px}