@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Bungee&display=swap";.character-info{display:flex;align-items:center;gap:1rem}.character-info .character-portrait-container{width:60px;height:60px;overflow:hidden;border-radius:50%;border:3px solid #ff8800;background:#1a1a1a;box-shadow:0 0 20px #ff88004d;transition:all .3s ease}.character-info .character-portrait-container:hover{border-color:#ffa033;box-shadow:0 0 30px #ff880080}.character-info .character-portrait-container .character-portrait{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.character-info .character-portrait-container .character-portrait.changing{animation:portraitChange 1.5s ease-in-out}.character-info .character-details .character-name{font-size:1.25rem;font-weight:700;margin:0;color:#fff;text-shadow:0 0 8px rgba(255,136,0,.3)}.character-info .character-details .character-class-id{color:#b0b0b0;font-size:.9rem;margin:0}@keyframes portraitChange{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.skill-icon-container{position:relative;width:50px;height:50px;cursor:pointer;transition:all .3s ease;z-index:2}.skill-icon-container:hover{transform:scale(1.1);z-index:10}.skill-icon-container:hover .skill-icon-wrapper{filter:drop-shadow(0 0 10px rgba(255,136,0,.3))}.skill-icon-container.active .skill-icon-wrapper{border-color:#f80;box-shadow:0 0 15px #f80c}.skill-icon-container .skill-icon-wrapper{position:relative;width:48px;height:48px;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#1a1a1a;animation:skillIconPopIn .3s ease-out;animation-fill-mode:both}.skill-icon-container .skill-icon-wrapper .skill-icon{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.skill-icon-container .skill-icon-wrapper .skill-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#141414);color:#b0b0b0;font-size:12px;font-weight:700;z-index:-1}.skill-icon-container .skill-icon-wrapper .skill-icon-fallback .skill-index{display:block}.skill-icon-container .skill-icon-wrapper .skill-icon[style*="display: none"]~.skill-icon-fallback{z-index:1}.skill-icon-container .skill-level{position:absolute;bottom:-2px;right:-2px;background:#141414;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px;border:1px solid rgba(255,255,255,.1);z-index:2}.skill-icon-container .skill-level.max-level{background:#f80;color:#0a0a0a;border-color:#f80;text-shadow:none}.skill-icon-container .skill-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;border:1px solid rgba(255,136,0,.3);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;margin-bottom:8px;z-index:100}.skill-icon-container .skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000f2}.skill-icon-container:hover .skill-tooltip{opacity:1}.skill-icon-container.skill-unavailable{opacity:.5}.skill-icon-container.skill-unavailable .skill-icon-wrapper{border-color:#f8717180;background:#1e141480}.skill-icon-container.skill-unavailable:hover{transform:scale(1.05)}.skill-icon-container.skill-available .skill-icon-wrapper{border-color:#4ade8080}.skill-icon-container.meister-top[data-first-meister-row=true]{margin-top:30px}.skill-icon-container.meister-bottom[data-first-gm-row=true]{margin-top:5px}@keyframes skillIconPopIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.skill-tree-grid{position:relative}.skill-tree-grid .skill-connection{position:absolute;background-color:#ffd600;z-index:0;opacity:1}.skill-tree-grid .skill-connection-horizontal{height:2px;width:auto;background-color:#ffd600;z-index:0;position:relative;opacity:1}.skill-tree-grid .skill-connection-vertical{width:2px;height:auto;background-color:#ffd600;z-index:0;position:relative;opacity:1}.skill-tree-grid .skill-connection-horizontal:after,.skill-tree-grid .skill-connection-vertical:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffd600;filter:blur(2px);opacity:0;transition:opacity .3s ease-out}.skill-tree-grid .skill-connection-horizontal.active:after,.skill-tree-grid .skill-connection-vertical.active:after{opacity:.6;animation:pulseLine 1.5s infinite}.skill-tree-grid .connection-drawing-head{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#ffd600;box-shadow:0 0 8px 2px #ffd600e6;z-index:10;pointer-events:none;animation:pulseHead .6s infinite alternate}.skill-tree-grid .skill-connection-horizontal,.skill-tree-grid .skill-connection-vertical{box-shadow:0 0 4px #ffd60080;transition:box-shadow .3s ease}.skill-tree-grid .skill-connection-horizontal.active,.skill-tree-grid .skill-connection-vertical.active{box-shadow:0 0 8px 2px #ffd600cc;filter:drop-shadow(0 0 2px rgba(255,214,0,.8))}.skill-tree-grid .skill-connection-horizontal,.skill-tree-grid .skill-connection-vertical{animation:connectionGlow 1s ease-in-out forwards;animation-delay:.2s;opacity:0}.skill-tree-grid.has-selected-skill .skill-connection{opacity:.3}.skill-tree-grid.has-selected-skill .skill-connection.active{opacity:1}.skill-tree-grid.has-selected-skill .skill-connection.active.skill-connection-horizontal,.skill-tree-grid.has-selected-skill .skill-connection.active.skill-connection-vertical{background:#ffde33;box-shadow:0 0 12px #ff9c00cc}@keyframes pulseLine{0%,to{opacity:.2;filter:blur(2px)}50%{opacity:.8;filter:blur(4px)}}@keyframes connectionActive{0%{box-shadow:0 0 2px #ffd600,0 0 4px #ffd600}50%{box-shadow:0 0 6px #ffd600,0 0 12px #ffd600}to{box-shadow:0 0 2px #ffd600,0 0 4px #ffd600}}@keyframes connectionGlow{0%{opacity:0;box-shadow:0 0 5px #ffd60080}to{opacity:1;box-shadow:0 0 2px #ffd60080}}@keyframes pulseHead{0%{transform:scale(1);box-shadow:0 0 4px 1px #ffd600b3}to{transform:scale(1.5);box-shadow:0 0 12px 3px #ffd600e6}}.skill-basic-info{display:flex;gap:1rem;align-items:flex-start}.skill-icon-display{flex-shrink:0;width:64px;height:64px;position:relative}.skill-icon-display .skill-icon{width:100%;height:100%;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#0000004d}.skill-icon-display .skill-icon-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.skill-icon-display .skill-icon-fallback .skill-index{font-size:1.5rem;font-weight:600;color:#ffffff80}.skill-content-wrapper{flex:1;min-width:0}.skill-content-wrapper h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#fff}.skill-content-wrapper .skill-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;margin-bottom:1rem}.skill-content-wrapper .skill-badges .weapon-badge,.skill-content-wrapper .skill-badges .target-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;position:relative;overflow:hidden}.skill-content-wrapper .skill-badges .weapon-badge:before,.skill-content-wrapper .skill-badges .target-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.skill-content-wrapper .skill-badges .weapon-badge:hover,.skill-content-wrapper .skill-badges .target-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.skill-content-wrapper .skill-badges .weapon-badge{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:1px solid rgba(59,130,246,.5);color:#93c5fd}.skill-content-wrapper .skill-badges .weapon-badge:hover{background:linear-gradient(135deg,#3b82f666,#2563eb66);border-color:#3b82f6b3;color:#bfdbfe}.skill-content-wrapper .skill-badges .target-badge{background:linear-gradient(135deg,#ef44444d,#dc26264d);border:1px solid rgba(239,68,68,.5);color:#fca5a5}.skill-content-wrapper .skill-badges .target-badge:hover{background:linear-gradient(135deg,#ef444466,#dc262666);border-color:#ef4444b3;color:#fecaca}.skill-content-wrapper .skill-description{margin:0 0 1rem;color:#b0b0b0;line-height:1.5;font-size:.875rem}.skill-content-wrapper .skill-properties{display:flex;flex-direction:column;gap:.5rem}.skill-content-wrapper .skill-properties .property-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.skill-content-wrapper .skill-properties .property-row .property-label{font-weight:600;color:#ffffff80;min-width:100px;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.skill-content-wrapper .skill-properties .property-row .property-value{color:#fff;font-weight:500}.status-effect-card{background:transparent;border:none;padding:0;transition:all .3s ease;height:100%}.status-effect-card:hover{transform:none;box-shadow:none}.status-effect-card.loading,.status-effect-card.error{display:flex;align-items:center;justify-content:center;min-height:120px;color:#ffffff80;font-size:14px}.status-container{display:flex;flex-direction:column;background:linear-gradient(135deg,#141414f2,#1e1e1ef2);border:1px solid rgba(255,136,0,.3);border-radius:12px;padding:16px;margin:8px 0;max-width:480px;width:100%;box-shadow:0 4px 12px #0006,0 0 24px #ff88001a,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.status-container:hover{border-color:#ff880080;box-shadow:0 6px 20px #00000080,0 0 32px #f803,inset 0 1px #ffffff26;transform:translateY(-2px)}.status-container.status-buff{background:linear-gradient(135deg,#141e14f2,#0f191ef2);border-color:#22c55e4d}.status-container.status-buff:hover{border-color:#22c55e80;box-shadow:0 6px 20px #00000080,0 0 32px #22c55e33,inset 0 1px #ffffff26}.status-container.status-buff .status-header-section{border-bottom-color:#22c55e33}.status-container.status-buff .status-icon-wrapper{border-color:#22c55e66}.status-container.status-debuff{background:linear-gradient(135deg,#1e1414f2,#190f19f2);border-color:#ef44444d}.status-container.status-debuff:hover{border-color:#ef444480;box-shadow:0 6px 20px #00000080,0 0 32px #ef444433,inset 0 1px #ffffff26}.status-container.status-debuff .status-header-section{border-bottom-color:#ef444433}.status-container.status-debuff .status-icon-wrapper{border-color:#ef444466}.status-header-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,136,0,.2);position:relative}.status-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon{width:40px;height:40px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border-radius:8px;border:2px solid rgba(255,136,0,.4);background:linear-gradient(135deg,#282828cc,#141414cc);padding:4px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.status-buff .status-icon{border-color:#22c55e99}.status-debuff .status-icon{border-color:#ef444499}.status-container:hover .status-icon{box-shadow:0 4px 12px #0000004d,inset 0 1px #fff3;transform:scale(1.05)}.status-buff .status-container:hover .status-icon{border-color:#22c55ecc;box-shadow:0 4px 12px #22c55e4d,0 0 20px #22c55e33,inset 0 1px #fff3}.status-debuff .status-container:hover .status-icon{border-color:#ef4444cc;box-shadow:0 4px 12px #ef44444d,0 0 20px #ef444433,inset 0 1px #fff3}.status-icon-fallback,.status-icon-default{font-size:24px;color:#f80;text-shadow:0 0 8px rgba(255,136,0,.5)}.status-buff .status-icon-fallback,.status-buff .status-icon-default{color:#4ade80;text-shadow:0 0 8px rgba(34,197,94,.5)}.status-debuff .status-icon-fallback,.status-debuff .status-icon-default{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.5)}.status-title-section{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.status-title-wrapper{flex:1}.status-title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;margin:0}.status-title.type-text-title{font-size:18px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 12px rgba(255,136,0,.4)}.status-badge-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-id-badge{display:inline-flex;align-items:center;padding:2px 6px;background:#ff880026;border:1px solid rgba(255,136,0,.25);border-radius:4px;font-size:11px;color:#f80c;font-family:monospace}.status-metadata-row{display:flex;align-items:stretch;gap:12px;margin-top:12px}.status-meta-block{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;overflow:hidden;transition:all .2s ease}.status-meta-block:hover{background:linear-gradient(135deg,#00000080,#0006);border-color:#fff3;transform:translateY(-1px)}.status-meta-icon{width:20px;height:20px;opacity:.8;flex-shrink:0}.status-meta-block:hover .status-meta-icon{opacity:1}.status-meta-content{display:flex;flex-direction:column;gap:2px;min-width:0}.status-meta-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.status-meta-value{font-size:18px;font-weight:700;color:#fff;line-height:1}.chance-block{border-left:3px solid #60a5fa}.chance-block:hover{border-left-color:#93bbfc;box-shadow:0 2px 8px #60a5fa33}.chance-block .status-meta-icon{fill:#60a5fa}.chance-block .status-meta-value{color:#93bbfc;text-shadow:0 0 8px rgba(96,165,250,.3)}.duration-block{border-left:3px solid #4ade80}.duration-block:hover{border-left-color:#86efac;box-shadow:0 2px 8px #4ade8033}.duration-block .status-meta-icon{fill:#4ade80}.duration-block .status-meta-value{color:#86efac;text-shadow:0 0 8px rgba(74,222,128,.3)}.range-block{border-left:3px solid #ff8800}.range-block:hover{border-left-color:#ffa033;box-shadow:0 2px 8px #f803}.range-block .status-meta-icon{fill:#f80}.range-block .status-meta-value{color:#ffac4d;text-shadow:0 0 8px rgba(255,136,0,.3)}.status-description-title{font-size:14px;font-weight:500;color:#f80c;margin-bottom:8px;margin-top:16px;text-transform:uppercase;letter-spacing:1px}.status-options{background:#0000004d;border:1px solid rgba(255,136,0,.2);border-radius:8px;padding:12px;margin-bottom:12px}.status-option{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-option:last-child{border-bottom:none}.status-option:only-child .status-option-name{width:100%}.status-option-name{color:#b0b0b0;font-size:14px;font-weight:500}.status-option-value{font-size:16px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);color:#fff}.status-option-value.positive{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.5)}.status-option-value.negative{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.5)}.status-option.element-poison .status-option-name{color:#10b981}.status-option.element-ice .status-option-name{color:#60a5fa}.status-option.element-lightning .status-option-name{color:#3b82f6}.status-option.element-fire .status-option-name{color:#ef4444}.status-option.element-curse .status-option-name{color:#ec4899}.status-option.element-dark .status-option-name{color:#6b7280}.status-text{color:#e0e0e0;font-size:14px;line-height:1.6;padding:8px 0}.status-loading{color:#f809;font-size:14px;animation:pulse 1.5s ease-in-out infinite}.status-unknown{color:#ffffff80;font-size:14px;font-style:italic}@media (max-width: 768px){.status-container{padding:12px;max-width:100%;margin:8px 16px}.status-header-section{gap:8px}.status-icon-wrapper{width:40px;height:40px}.status-icon{width:32px;height:32px}.status-title,.status-title.type-text-title{font-size:16px}.status-metadata-row{flex-direction:column;align-items:stretch;gap:8px}.status-meta-block{width:100%}}.totem-effect-card{width:100%}.totem-effect-card.loading,.totem-effect-card.error{padding:1rem;text-align:center;color:#ffffff80}.totem-effect-card.loading .totem-loading,.totem-effect-card.loading .totem-unknown,.totem-effect-card.error .totem-loading,.totem-effect-card.error .totem-unknown{font-style:italic}.totem-effect-card .totem-container{background:linear-gradient(135deg,#10301026,#20402014);border:1px solid rgba(64,128,64,.3);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 1px #4080401a}.totem-effect-card .totem-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(64,128,64,.6) 50%,transparent 100%)}.totem-effect-card .totem-container .totem-header-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.totem-effect-card .totem-container .totem-header-section .totem-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#40804026;border:1px solid rgba(64,128,64,.3);border-radius:8px}.totem-effect-card .totem-container .totem-header-section .totem-icon-wrapper .totem-icon-default{font-size:24px;filter:saturate(.8)}.totem-effect-card .totem-container .totem-header-section .totem-title-section{flex:1}.totem-effect-card .totem-container .totem-header-section .totem-title-section .totem-title-wrapper{display:flex;align-items:baseline;gap:.5rem}.totem-effect-card .totem-container .totem-header-section .totem-title-section .totem-title-wrapper .totem-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.totem-effect-card .totem-container .totem-header-section .totem-title-section .totem-title-wrapper .totem-title.type-text-title{background:linear-gradient(135deg,#60a060,#80c080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(64,128,64,.2)}.totem-effect-card .totem-container .totem-header-section .totem-title-section .totem-badge-container{display:flex;gap:.5rem;margin-top:.25rem}.totem-effect-card .totem-container .totem-header-section .totem-title-section .totem-badge-container .totem-id-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#4080401a;border:1px solid rgba(64,128,64,.2);border-radius:4px;font-size:.75rem;color:#80c080e6;font-weight:500}.totem-effect-card .totem-container .totem-metadata-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block{flex:1;min-width:120px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#4080400d;border:1px solid rgba(64,128,64,.15);border-radius:8px}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block.level-block .totem-meta-icon{color:#a0d0a0}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block.hp-block .totem-meta-icon{color:#60b060}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block.duration-block{border-left:3px solid #4ade80}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block.duration-block:hover{border-left-color:#86efac;box-shadow:0 2px 8px #4ade8033}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block.duration-block .totem-meta-icon{color:#80c080}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block .totem-meta-icon{width:20px;height:20px;flex-shrink:0}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block .totem-meta-content{flex:1}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block .totem-meta-content .totem-meta-label{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.025em;opacity:.8}.totem-effect-card .totem-container .totem-metadata-row .totem-meta-block .totem-meta-content .totem-meta-value{font-size:1rem;font-weight:600;color:#fff}.totem-effect-card .totem-container .totem-stats-title{font-size:.875rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-top:1rem;opacity:.8}.totem-effect-card .totem-container .totem-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem;background:#0000004d;border:1px solid rgba(64,128,64,.2);border-radius:8px;padding:.75rem}.totem-effect-card .totem-container .totem-stats-grid .totem-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px}.totem-effect-card .totem-container .totem-stats-grid .totem-stat .stat-label{font-size:.875rem;color:#b0b0b0}.totem-effect-card .totem-container .totem-stats-grid .totem-stat .stat-value{font-weight:600;color:#80c080}.totem-effect-card .totem-container .totem-parameter-section{margin-top:1rem;padding:.75rem;background:#40804014;border:1px solid rgba(64,128,64,.15);border-radius:8px}.totem-effect-card .totem-container .totem-parameter-section .totem-parameter-label{font-size:.75rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;opacity:.8}.totem-effect-card .totem-container .totem-parameter-section .totem-parameter-value{font-size:1.125rem;font-weight:600;color:#80c080}.totem-effect-card .totem-container .totem-description-title{font-size:.875rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-top:1rem;opacity:.8}.totem-effect-card .totem-container .totem-text{font-size:.875rem;line-height:1.5;color:#b0b0b0;opacity:.9}.cards-row .totem-values{flex:0 0 480px;width:480px;max-width:480px}.cards-row .totem-values.full-width{margin-left:0}.cards-row .totem-values .totem-container{max-width:100%;margin:0}.number-container{position:relative;font-family:Fredoka One,Bungee,sans-serif;font-size:var(--font-size, 60px);font-weight:700;letter-spacing:.2em;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;isolation:isolate}.number-container span{display:block;width:100%;height:100%;white-space:nowrap}.shadow-layer{position:absolute;color:#000;transform:translate(calc(var(--font-size) * .05),calc(var(--font-size) * .05));z-index:0;-webkit-font-smoothing:antialiased;pointer-events:none}.outline{position:absolute;color:#000;z-index:1;text-shadow:-1px -1px 0 black,0 -1px 0 black,-1px 0 0 black,1px 1px 0 black,2px 2px 0 black,3px 3px 0 black,1px 0 0 black,2px 0 0 black,2px 1px 0 black,0 1px 0 black,0 2px 0 black,1px 2px 0 black;pointer-events:none}.gradient{position:relative;background:linear-gradient(180deg,#f89c00,#f02800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(calc(var(--font-size) * -.02),calc(var(--font-size) * -.02));-webkit-font-smoothing:antialiased;z-index:2}.remote-effect-card{background:transparent;border:none;padding:0;transition:all .3s ease;height:100%}.remote-effect-card.loading,.remote-effect-card.error{display:flex;align-items:center;justify-content:center;min-height:120px;color:#ffffff80;font-size:14px}.remote-container{display:flex;flex-direction:column;background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border:1px solid rgba(96,165,250,.3);border-radius:12px;padding:16px;margin:8px 0;max-width:480px;width:100%;box-shadow:0 4px 12px #0006,0 0 24px #60a5fa1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.remote-container:hover{border-color:#60a5fa80;box-shadow:0 6px 20px #00000080,0 0 32px #60a5fa33,inset 0 1px #ffffff26;transform:translateY(-2px)}.remote-header-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(96,165,250,.2);position:relative}.remote-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#282832cc,#14141ecc);border-radius:8px;border:2px solid rgba(96,165,250,.4);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.remote-icon-default{font-size:24px;text-shadow:0 0 8px rgba(96,165,250,.5)}.remote-title-section{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.remote-title-wrapper{flex:1}.remote-title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;margin:0}.remote-title.type-text-title{font-size:18px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 12px rgba(96,165,250,.4)}.remote-badge-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.remote-id-badge{display:inline-flex;align-items:center;padding:2px 6px;background:#60a5fa26;border:1px solid rgba(96,165,250,.25);border-radius:4px;font-size:11px;color:#60a5facc;font-family:monospace}.remote-metadata-row{display:flex;align-items:stretch;gap:12px;margin-top:12px;flex-wrap:wrap}.remote-meta-block{flex:1;min-width:140px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;overflow:hidden;transition:all .2s ease}.remote-meta-block:hover{background:linear-gradient(135deg,#00000080,#0006);border-color:#fff3;transform:translateY(-1px)}.remote-meta-icon{width:20px;height:20px;opacity:.8;flex-shrink:0}.remote-meta-block:hover .remote-meta-icon{opacity:1}.remote-meta-content{display:flex;flex-direction:column;gap:2px;min-width:0}.remote-meta-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.remote-meta-value{font-size:18px;font-weight:700;color:#fff;line-height:1}.aoe-block{border-left:3px solid #a855f7}.aoe-block:hover{border-left-color:#c084fc;box-shadow:0 2px 8px #a855f733}.aoe-block .remote-meta-icon{fill:#a855f7}.aoe-block .remote-meta-value{color:#c084fc;text-shadow:0 0 8px rgba(168,85,247,.3)}.range-block{border-left:3px solid #60a5fa}.range-block:hover{border-left-color:#93bbfc;box-shadow:0 2px 8px #60a5fa33}.range-block .remote-meta-icon{fill:#60a5fa}.range-block .remote-meta-value{color:#93bbfc;text-shadow:0 0 8px rgba(96,165,250,.3)}.speed-block{border-left:3px solid #f59e0b}.speed-block:hover{border-left-color:#fbbf24;box-shadow:0 2px 8px #f59e0b33}.speed-block .remote-meta-icon{fill:#f59e0b}.speed-block .remote-meta-value{color:#fbbf24;text-shadow:0 0 8px rgba(245,158,11,.3)}.hits-block{border-left:3px solid #8b5cf6}.hits-block:hover{border-left-color:#a78bfa;box-shadow:0 2px 8px #8b5cf633}.hits-block .remote-meta-icon{fill:#8b5cf6}.hits-block .remote-meta-value{color:#a78bfa;text-shadow:0 0 8px rgba(139,92,246,.3)}.delay-block{border-left:3px solid #10b981}.delay-block:hover{border-left-color:#34d399;box-shadow:0 2px 8px #10b98133}.delay-block .remote-meta-icon{fill:#10b981}.delay-block .remote-meta-value{color:#34d399;text-shadow:0 0 8px rgba(16,185,129,.3)}.remote-damage-section{margin-top:16px;padding:12px;background:linear-gradient(135deg,#ff572233,#ff980033);border:1px solid rgba(255,87,34,.4);border-radius:8px;box-shadow:0 2px 8px #ff572226}.remote-damage-title{font-size:14px;font-weight:500;color:#ff9800;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.remote-damage-details{display:flex;flex-direction:column;gap:6px}.damage-instance{padding:4px 0;border-bottom:1px solid rgba(255,152,0,.1)}.damage-instance:last-of-type{border-bottom:none}.damage-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.damage-row.calculation{justify-content:center;padding:8px 0}.damage-row.calculation .damage-formula{font-size:16px;font-weight:600;color:#fca5a5;text-align:center}.damage-row.total{border-top:1px solid rgba(239,68,68,.2);margin-top:4px;padding-top:8px}.damage-label{font-size:14px;color:#b0b0b0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.damage-value{font-size:16px;font-weight:700}.damage-row.total .damage-value{font-size:32px;font-weight:800}.damage-formula{font-family:monospace;font-size:14px;color:#fca5a5}.remote-description-title{font-size:14px;font-weight:500;color:#60a5facc;margin-bottom:8px;margin-top:16px;text-transform:uppercase;letter-spacing:1px}.remote-text{color:#e0e0e0;font-size:14px;line-height:1.6;padding:8px 0}.remote-loading{color:#60a5fa99;font-size:14px;animation:pulse 1.5s ease-in-out infinite}.remote-unknown{color:#ffffff80;font-size:14px;font-style:italic}.damage-effect-card{width:100%}.damage-effect-card .damage-container{background:linear-gradient(135deg,#8b451340,#b8860b26);border:1px solid rgba(218,165,32,.3);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 1px #daa5201a}.damage-effect-card .damage-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.8) 50%,transparent 100%)}.damage-effect-card .damage-container.damage-type-poison{background:linear-gradient(135deg,#2e7d3240,#43a04726);border-color:#4caf504d}.damage-effect-card .damage-container.damage-type-poison:before{background:linear-gradient(90deg,transparent 0%,rgba(76,175,80,.8) 50%,transparent 100%)}.damage-effect-card .damage-container.damage-type-fire{background:linear-gradient(135deg,#b71c1c40,#d32f2f26);border-color:#f443364d}.damage-effect-card .damage-container.damage-type-fire:before{background:linear-gradient(90deg,transparent 0%,rgba(244,67,54,.8) 50%,transparent 100%)}.damage-effect-card .damage-container.damage-type-ice{background:linear-gradient(135deg,#01579b40,#0277bd26);border-color:#2196f34d}.damage-effect-card .damage-container.damage-type-ice:before{background:linear-gradient(90deg,transparent 0%,rgba(33,150,243,.8) 50%,transparent 100%)}.damage-effect-card .damage-container.damage-type-lightning{background:linear-gradient(135deg,#7b1fa240,#8e24aa26);border-color:#9c27b04d}.damage-effect-card .damage-container.damage-type-lightning:before{background:linear-gradient(90deg,transparent 0%,rgba(156,39,176,.8) 50%,transparent 100%)}.damage-effect-card .damage-container .damage-header-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.damage-effect-card .damage-container .damage-header-section .damage-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ff8c0026;border:1px solid rgba(255,140,0,.3);border-radius:8px}.damage-effect-card .damage-container .damage-header-section .damage-icon-wrapper .damage-icon{font-size:24px}.damage-effect-card .damage-container .damage-header-section .damage-title-section{flex:1}.damage-effect-card .damage-container .damage-header-section .damage-title-section .damage-title-wrapper .damage-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.damage-effect-card .damage-container .damage-header-section .damage-title-section .damage-badge-container{display:flex;gap:.5rem;margin-top:.25rem}.damage-effect-card .damage-container .damage-header-section .damage-title-section .damage-badge-container .damage-type-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#ff8c001a;border:1px solid rgba(255,140,0,.2);border-radius:4px;font-size:.75rem;color:#ffa500e6;font-weight:500;text-transform:capitalize}.damage-effect-card .damage-container .damage-main-display{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0}.damage-effect-card .damage-container .damage-main-display .damage-value-wrapper{display:flex;align-items:baseline;gap:.5rem}.damage-effect-card .damage-container .damage-main-display .damage-value-wrapper .damage-value{font-size:2rem;font-weight:700}.damage-effect-card .damage-container .damage-main-display .damage-value-wrapper .damage-label{font-size:1rem;color:#b0b0b0;opacity:.8}.damage-effect-card .damage-container .damage-main-display .damage-calculation{margin-top:.5rem}.damage-effect-card .damage-container .damage-main-display .damage-calculation .damage-formula{font-size:.875rem;color:#b0b0b0;opacity:.8;font-style:italic}.damage-effect-card .damage-container .damage-metadata-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block{flex:1;min-width:140px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ff8c000d;border:1px solid rgba(255,140,0,.15);border-radius:8px}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block.modifier-block .damage-meta-icon{color:#ffa726}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block.aoe-block .damage-meta-icon{color:#ff9800}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block .damage-meta-icon{width:20px;height:20px;flex-shrink:0}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block .damage-meta-content{flex:1}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block .damage-meta-content .damage-meta-label{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.025em;opacity:.8}.damage-effect-card .damage-container .damage-metadata-row .damage-meta-block .damage-meta-content .damage-meta-value{font-size:1rem;font-weight:600;color:#fff}.damage-effect-card .damage-container .damage-calculation-info{margin-top:1rem;padding:.75rem;background:#ff8c0026;border:1px solid rgba(255,140,0,.2);border-radius:8px}.damage-effect-card .damage-container .damage-calculation-info .calculation-title{font-size:.75rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;opacity:.8}.damage-effect-card .damage-container .damage-calculation-info .calculation-text{font-size:.875rem;color:#ffa500e6;font-family:Consolas,Monaco,Courier New,monospace}.cards-row .damage-values{flex:0 0 480px;width:480px;max-width:480px}.cards-row .damage-values.full-width{margin-left:0}.cards-row .damage-values .damage-container{max-width:100%;margin:0}.damage-values.full-width:not(.cards-row .damage-values){max-width:480px}.damage-values.full-width:not(.cards-row .damage-values) .damage-container{max-width:100%}.skill-effect-status-display{margin-top:16px}.status-effects-section{background:linear-gradient(135deg,#ff880008,#ff5e0008);border:1px solid rgba(255,136,0,.1);border-radius:12px;padding:12px;transition:all .3s ease}.status-effects-section:hover{background:linear-gradient(135deg,#ff88000d,#ff5e000d);border-color:#f803;box-shadow:0 2px 8px #ff88001a}.effect-value-label{color:#f80;font-weight:600;font-size:.95em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;text-shadow:0 0 8px rgba(255,136,0,.3)}.effect-count-badge{margin-left:8px;padding:2px 8px;background:#f803;border-radius:12px;font-size:.85em;color:#ffb866;font-weight:500;display:inline-flex;align-items:center;border:1px solid rgba(255,136,0,.3)}.status-effects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}@media (max-width: 768px){.status-effects-grid{grid-template-columns:1fr}}.skill-effect-status-display .status-effect-card{background:transparent;border:none;padding:0}.skill-effect-status-display .status-effect-card:hover{transform:none;box-shadow:none}.status-values.full-width{grid-column:1/-1;margin-left:-12px}.status-values.full-width .status-effect-card{margin:0}.status-values.full-width .status-effect-card .status-container{margin-left:0;margin-right:0}.remote-values.full-width{grid-column:1/-1;margin-left:-12px}.remote-values.full-width .remote-effect-card{margin:0}.remote-values.full-width .remote-effect-card .remote-container{margin-left:0;margin-right:0}.cards-row{grid-column:1/-1;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start;margin-left:-12px}.cards-row .status-values,.cards-row .remote-values{flex:0 0 480px;width:480px;max-width:480px}.cards-row .status-values.full-width,.cards-row .remote-values.full-width{margin-left:0}.cards-row .status-values .status-container,.cards-row .status-values .remote-container,.cards-row .remote-values .status-container,.cards-row .remote-values .remote-container{max-width:100%;margin:0}@media (max-width: 1024px){.cards-row .status-values,.cards-row .remote-values{max-width:100%}}.skill-effects-section .skill-effects-empty{text-align:center;padding:2rem;color:#ffffff80}.skill-effects-section .effects-details{display:flex;flex-direction:column;gap:1rem}.skill-effects-section .effects-details .effect-group{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.skill-effects-section .effects-details .effect-group .effect-group-header{background:#141414;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.skill-effects-section .effects-details .effect-group .effect-group-header .effect-group-icon{font-size:1.2rem}.skill-effects-section .effects-details .effect-group .effect-card-main{display:flex;gap:1rem;padding:1rem}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-type-icon{font-size:2rem;min-width:3rem;text-align:center}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details{flex:1}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-name{font-weight:500;margin-bottom:.75rem;color:#fff}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid{display:grid;gap:.75rem}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .cards-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .cards-row .status-values,.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .cards-row .remote-values{flex:1;min-width:300px}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item{display:flex;gap:1rem;align-items:flex-start}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item .effect-value-label{min-width:120px;font-weight:500;color:#b0b0b0}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item .effect-value-content{flex:1}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item .effect-value-content strong{color:#fff}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item .effect-value-content .effect-value-description{font-size:.875rem;color:#b0b0b0;margin-top:.25rem}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display{display:flex;flex-direction:column;gap:.5rem}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display .remote-object{padding:.5rem;background:#1a1a1a;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display .remote-object .remote-name{font-weight:500;color:#f80;margin-bottom:.25rem;text-shadow:0 0 4px rgba(255,136,0,.3)}.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display .remote-object .remote-damage,.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display .remote-object .remote-range,.skill-effects-section .effects-details .effect-group .effect-card-main .effect-details .effect-values-grid .effect-value-item.remote-objects-section .effect-value-content .remote-display .remote-object .remote-duration{font-size:.875rem;color:#b0b0b0}.status-display{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1a1a1a;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.status-display .status-icon{width:24px;height:24px}.status-display .status-info .status-name{font-weight:500;color:#fff}.status-display .status-info .status-details{display:flex;gap:.5rem;font-size:.875rem;color:#b0b0b0}.status-display .status-info .status-details .status-duration{color:#22c55e}.status-display .status-info .status-details .status-chance{color:#f80}.status-display .status-info .status-details .status-range{color:#60a5fa}.status-loading,.totem-loading{color:#ffffff80;font-style:italic}.skill-table,.combo-table,.config-table{width:100%;margin-bottom:1rem;color:#fff;background-color:transparent;border-collapse:collapse}.skill-table thead,.combo-table thead,.config-table thead{background:#141414;border-bottom:2px solid #ff8800}.skill-table thead th,.combo-table thead th,.config-table thead th{padding:.75rem;text-align:left;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;border-right:1px solid rgba(255,255,255,.1)}.skill-table thead th:last-child,.combo-table thead th:last-child,.config-table thead th:last-child{border-right:none}.skill-table tbody tr,.combo-table tbody tr,.config-table tbody tr{background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-table tbody tr:hover,.combo-table tbody tr:hover,.config-table tbody tr:hover{background:#ff88001a;box-shadow:0 2px 8px #ff88001a}.skill-table tbody tr:nth-child(2n),.combo-table tbody tr:nth-child(2n),.config-table tbody tr:nth-child(2n){background:#14141480}.skill-table tbody tr td,.combo-table tbody tr td,.config-table tbody tr td{padding:.75rem;border-right:1px solid rgba(255,255,255,.1)}.skill-table tbody tr td:last-child,.combo-table tbody tr td:last-child,.config-table tbody tr td:last-child{border-right:none}.skill-table.combo-table,.combo-table.combo-table,.config-table.combo-table{font-size:.875rem}.skill-table.combo-table td,.combo-table.combo-table td,.config-table.combo-table td{padding:.5rem}.skill-table.combo-table td.combo-index,.combo-table.combo-table td.combo-index,.config-table.combo-table td.combo-index{font-weight:600;color:#f80;text-align:center}.skill-table.combo-table td.argument-cell,.combo-table.combo-table td.argument-cell,.config-table.combo-table td.argument-cell{font-family:monospace;font-size:.8125rem;color:#b0b0b0}.skill-table.combo-table td.argument-cell.has-status,.combo-table.combo-table td.argument-cell.has-status,.config-table.combo-table td.argument-cell.has-status{color:#f80;font-weight:500}.skill-table.config-table,.combo-table.config-table,.config-table.config-table{margin-top:1rem}.skill-table.config-table thead,.combo-table.config-table thead,.config-table.config-table thead{background:#ff88001a;border-bottom-color:#ff880080}.skill-table.config-table tbody tr.highlighted,.combo-table.config-table tbody tr.highlighted,.config-table.config-table tbody tr.highlighted{background:#ff880026;border-left:3px solid #ff8800}.skill-table.config-table tbody tr.highlighted td:first-child,.combo-table.config-table tbody tr.highlighted td:first-child,.config-table.config-table tbody tr.highlighted td:first-child{padding-left:calc(.75rem - 3px)}.skill-table.config-table .config-value,.combo-table.config-table .config-value,.config-table.config-table .config-value{font-weight:500}.skill-table.config-table .config-value.non-zero,.combo-table.config-table .config-value.non-zero,.config-table.config-table .config-value.non-zero{color:#f80}.skill-table.config-table .badge,.combo-table.config-table .badge,.config-table.config-table .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;background:#f803;color:#f80;border:1px solid rgba(255,136,0,.3)}.level-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:#141414;padding:.25rem;border-radius:8px}.level-tabs .level-tab{padding:.5rem 1rem;border:none;background:transparent;color:#b0b0b0;cursor:pointer;transition:all .3s ease;border-radius:4px;font-weight:500}.level-tabs .level-tab:hover{background:#ff88001a;color:#fff}.level-tabs .level-tab.active{background:#f80;color:#fff;box-shadow:0 2px 8px #ff88004d}.level-tabs .level-tab:disabled{opacity:.5;cursor:not-allowed}.level-tabs .level-tab:disabled:hover{background:transparent;color:#b0b0b0}.table-container{overflow-x:auto;margin-bottom:1rem}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#141414;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#ff88004d;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#ff880080}.empty-table-message{text-align:center;padding:2rem;color:#ffffff80;font-style:italic}.level-tabs-container .nav-tabs .nav-item .nav-link{padding:.25rem .75rem;font-size:.875rem;border-radius:4px;margin-right:.25rem}.level-tabs-container .nav-tabs .nav-item .nav-link.active{background:#f80;color:#fff;border-color:#f80}.config-highlights{margin-bottom:1.5rem}.config-highlights .config-badges{display:flex;flex-wrap:wrap;gap:.75rem}.config-highlights .config-badges .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.config-highlights .config-badges .badge i{font-size:.875rem;opacity:.9}.config-highlights .config-badges .badge:hover{transform:translateY(-1px);background:linear-gradient(135deg,#00000080,#0006);border-color:#fff3}.config-highlights .config-badges .badge.badge-sp{border-left:3px solid #f59e0b;color:#fbbf24}.config-highlights .config-badges .badge.badge-sp i{color:#f59e0b}.config-highlights .config-badges .badge.badge-sp:hover{border-left-color:#fbbf24;box-shadow:0 2px 8px #f59e0b33}.config-highlights .config-badges .badge.badge-level{border-left:3px solid #ef4444;color:#fca5a5}.config-highlights .config-badges .badge.badge-level i{color:#ef4444}.config-highlights .config-badges .badge.badge-level:hover{border-left-color:#fca5a5;box-shadow:0 2px 8px #ef444433}.config-highlights .config-badges .badge.badge-grade{border-left:3px solid #a855f7;color:#c084fc}.config-highlights .config-badges .badge.badge-grade i{color:#a855f7}.config-highlights .config-badges .badge.badge-grade:hover{border-left-color:#c084fc;box-shadow:0 2px 8px #a855f733}.config-highlights .config-badges .badge.badge-required{border-left:3px solid #f59e0b;color:#fbbf24}.config-highlights .config-badges .badge.badge-required i{color:#f59e0b}.config-highlights .config-badges .badge.badge-required:hover{border-left-color:#fbbf24;box-shadow:0 2px 8px #f59e0b33}.config-highlights .config-badges .badge.badge-cooldown{border-left:3px solid #6b7280;color:#d1d5db}.config-highlights .config-badges .badge.badge-cooldown i{color:#6b7280}.config-highlights .config-badges .badge.badge-cooldown:hover{border-left-color:#9ca3af;box-shadow:0 2px 8px #6b728033}.config-highlights .config-badges .badge.badge-mana{border-left:3px solid #3b82f6;color:#93bbfc}.config-highlights .config-badges .badge.badge-mana i{color:#3b82f6}.config-highlights .config-badges .badge.badge-mana:hover{border-left-color:#93bbfc;box-shadow:0 2px 8px #3b82f633}.config-highlights .config-badges .badge.badge-health{border-left:3px solid #ef4444;color:#fca5a5}.config-highlights .config-badges .badge.badge-health i{color:#ef4444}.config-highlights .config-badges .badge.badge-health:hover{border-left-color:#fca5a5;box-shadow:0 2px 8px #ef444433}.config-highlights .config-badges .badge.badge-cast{border-left:3px solid #10b981;color:#34d399}.config-highlights .config-badges .badge.badge-cast i{color:#10b981}.config-highlights .config-badges .badge.badge-cast:hover{border-left-color:#34d399;box-shadow:0 2px 8px #10b98133}.config-highlights .config-badges .badge.badge-range{border-left:3px solid #22c55e;color:#4ade80}.config-highlights .config-badges .badge.badge-range i{color:#22c55e}.config-highlights .config-badges .badge.badge-range:hover{border-left-color:#4ade80;box-shadow:0 2px 8px #22c55e33}.config-highlights .config-badges .badge.badge-duration{border-left:3px solid #8b5cf6;color:#a78bfa}.config-highlights .config-badges .badge.badge-duration i{color:#8b5cf6}.config-highlights .config-badges .badge.badge-duration:hover{border-left-color:#a78bfa;box-shadow:0 2px 8px #8b5cf633}.config-highlights .config-badges .badge.badge-passive{border-left:3px solid #d97706;color:#fbbf24}.config-highlights .config-badges .badge.badge-passive i{color:#d97706}.config-highlights .config-badges .badge.badge-passive:hover{border-left-color:#fbbf24;box-shadow:0 2px 8px #d9770633}.config-highlights .level-section{margin-bottom:1.5rem}.config-highlights .level-section h4{color:#f80;margin-bottom:1rem;font-weight:600}.config-highlights .config-badges-container{display:flex;flex-wrap:wrap;gap:.75rem}.config-highlights .config-badges-container .config-badge{display:inline-block}.config-highlights .config-badges-container .config-badge .config-badge-value.badge{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(255,255,255,.1);border-left:3px solid #f59e0b;color:#fbbf24}.config-highlights .config-badges-container .config-badge .config-badge-value.badge:hover{transform:translateY(-1px);background:linear-gradient(135deg,#00000080,#0006);border-color:#fff3;border-left-color:#fbbf24;box-shadow:0 2px 8px #f59e0b33}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-poison{border-left-color:#10b981!important;color:#34d399!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-poison:hover{border-left-color:#34d399!important;box-shadow:0 2px 8px #10b98133!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-ice{border-left-color:#60a5fa!important;color:#93bbfc!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-ice:hover{border-left-color:#93bbfc!important;box-shadow:0 2px 8px #60a5fa33!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-lightning{border-left-color:#3b82f6!important;color:#93bbfc!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-lightning:hover{border-left-color:#93bbfc!important;box-shadow:0 2px 8px #3b82f633!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-fire{border-left-color:#ef4444!important;color:#fca5a5!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-fire:hover{border-left-color:#fca5a5!important;box-shadow:0 2px 8px #ef444433!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-curse{border-left-color:#ec4899!important;color:#f9a8d4!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-curse:hover{border-left-color:#f9a8d4!important;box-shadow:0 2px 8px #ec489933!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-dark{border-left-color:#4b5563!important;color:#9ca3af!important}.config-highlights .config-badges-container .config-badge .config-badge-value.badge.element-dark:hover{border-left-color:#9ca3af!important;box-shadow:0 2px 8px #4b556333!important}.skill-trees-v2{padding:1rem 0}.skill-trees-v2 .skill-icon-container{position:relative}.skill-trees-v2 .skill-icon-container .skill-icon-wrapper{position:relative;width:40px;height:40px}.skill-trees-v2 .skill-icon-container .skill-icon-wrapper .skill-icon{width:100%;height:100%;object-fit:contain}.skill-trees-v2 .skill-icon-container .skill-icon-wrapper .skill-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#141414;color:#fff;font-size:12px;font-weight:700;z-index:-1}.skill-trees-v2 .skill-icon-container .skill-icon-wrapper .skill-icon-fallback .skill-index{display:block}.skill-trees-v2 .skill-icon-container .skill-icon-wrapper .skill-icon[style*="display: none"]~.skill-icon-fallback{z-index:1}.skill-trees-v2 h1{margin-bottom:1.5rem;color:#fff;text-shadow:0 0 12px rgba(255,136,0,.3)}.skill-trees-v2 .skill-trees-header{display:flex;align-items:center;margin-bottom:2rem;gap:2rem}.skill-trees-v2 .skill-trees-container .skill-trees-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,136,0,.3)}.skill-trees-v2 .skill-trees-container .skill-trees-tabs .skill-tree-tab{padding:.5rem 1rem;border:none;background:none;color:#b0b0b0;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.skill-trees-v2 .skill-trees-container .skill-trees-tabs .skill-tree-tab:hover{color:#fff;background:#ff88001a}.skill-trees-v2 .skill-trees-container .skill-trees-tabs .skill-tree-tab.active{color:#f80;border-bottom-color:#f80;font-weight:500;text-shadow:0 0 8px rgba(255,136,0,.3)}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content{display:none}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content.active{display:block}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container{display:flex;gap:2rem;align-items:flex-start}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid{flex:0 0 auto;width:fit-content;min-width:380px;display:grid;grid-template-columns:repeat(5,60px);grid-auto-rows:60px;gap:1rem;position:relative;padding:1rem;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:inset 0 2px 4px #0003;min-height:480px;max-height:720px;overflow-y:auto;align-content:start;justify-content:center}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid.has-selected-skill{min-width:405px}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid.meister-skill-grid{grid-template-rows:auto auto 1fr auto auto 1fr}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid.meister-skill-grid.has-selected-skill{height:fit-content;max-height:720px}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .meister-divider{grid-column:1/-1;text-align:center;font-weight:700;color:#b0b0b0;padding:.5rem;background:linear-gradient(to right,transparent,rgba(255,136,0,.3),transparent);margin:1rem 0;height:fit-content}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .meister-divider span{background:#141414;padding:0 1rem;text-transform:uppercase;letter-spacing:1px}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .meister-spacer{grid-column:1/-1;flex-shrink:0}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .meister-spacer.top-spacer{height:40px!important}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .meister-spacer.bottom-spacer{height:25px!important}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .empty-message{grid-column:1/-1;text-align:center;color:#ffffff80;padding:2rem}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container{cursor:pointer;transition:transform .2s ease}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container:hover{transform:scale(1.1)}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container.active{transform:scale(1.15)}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper{position:relative;width:60px;height:60px;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#1a1a1a;transition:all .3s ease}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper:hover{border-color:#f80;box-shadow:0 0 12px #ff88004d}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper .skill-icon{width:100%;height:100%;object-fit:cover;animation:fadeIn .3s ease-out forwards;opacity:0}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper .skill-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#141414);z-index:0}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper .skill-icon-fallback .skill-index{font-size:16px;font-weight:700;color:#b0b0b0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-icon-wrapper img.skill-icon{position:relative;z-index:1}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container .skill-tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;border:1px solid rgba(255,136,0,.3);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-tree-grid .skill-icon-container:hover .skill-tooltip{opacity:1}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-info-section{flex:1 1 auto;min-width:0;background:#1a1a1a;border:1px solid rgba(255,136,0,.3);border-radius:12px;box-shadow:0 4px 12px #0006,0 0 24px #ff88001a;padding:1.5rem;overflow-x:auto}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-info-section .skill-info-placeholder{text-align:center;color:#ffffff80;padding:3rem}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .skill-tree-split-container .skill-info-section .skill-info-placeholder h4{margin-bottom:1rem}.skill-trees-v2 .skill-trees-container .skill-trees-content-wrapper .skill-tree-content .skill-content-wrapper .result-code-details-section{margin-top:2rem;padding:1.5rem;background:#1a1a1a;border:1px solid rgba(255,136,0,.3);border-radius:12px;box-shadow:0 4px 12px #0006,0 0 24px #ff88001a}.skill-trees-v2 .alert{margin:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app{min-height:100vh;background-color:#0a0a0a;color:#fff}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--accent-primary: #ff8800;--accent-secondary: #ff5e00;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: rgba(255, 255, 255, .5);--border-primary: rgba(255, 136, 0, .3);--border-secondary: rgba(255, 255, 255, .1)}body{background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-light{background-color:#141414!important}.bg-white{background-color:#1a1a1a!important}.text-dark{color:#fff!important}.border{border-color:#ffffff1a!important}.card{background:linear-gradient(135deg,#141414f2,#1e1e1ef2);border:1px solid rgba(255,136,0,.3);border-radius:12px;box-shadow:0 4px 12px #0006,0 0 24px #ff88001a;transition:all .3s ease}.card:hover{border-color:#ff880080;box-shadow:0 6px 20px #00000080,0 0 32px #f803;transform:translateY(-2px)}.btn{border-radius:8px;font-weight:600;transition:all .3s ease;border:1px solid transparent}.btn.btn-primary{background:linear-gradient(135deg,#f80,#ff5e00);border-color:#f80;color:#fff}.btn.btn-primary:hover{background:linear-gradient(135deg,#ff941a,#ff6e1a);box-shadow:0 4px 12px #ff88004d;transform:translateY(-1px)}.btn.btn-secondary{background:#141414;border-color:#ffffff1a;color:#fff}.btn.btn-secondary:hover{background:#212121;border-color:#ff88004d}.table{color:#fff;border-color:#ffffff1a}.table thead{background:#141414;border-bottom:2px solid rgba(255,136,0,.3)}.table tbody tr{background:#1a1a1a;border-color:#ffffff1a}.table tbody tr:hover{background:#ff88001a}.table.table-dark{background:#141414}.table.table-dark thead{background:#00000080}.form-control,.form-select{background:#141414;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease}.form-control:focus,.form-select:focus{background:#1a1a1a;border-color:#f80;box-shadow:0 0 0 .2rem #ff88004d;color:#fff}.form-control option,.form-select option{background:#141414;color:#fff}.badge{font-weight:600;padding:4px 8px;border-radius:4px;font-size:.75rem;letter-spacing:.5px}.nav-tabs{border-bottom:1px solid rgba(255,136,0,.3)}.nav-tabs .nav-link{color:#b0b0b0;background:transparent;border:1px solid transparent;border-radius:8px 8px 0 0;transition:all .3s ease}.nav-tabs .nav-link:hover{color:#fff;background:#ff88001a;border-color:rgba(255,136,0,.3) rgba(255,136,0,.3) transparent}.nav-tabs .nav-link.active{color:#fff;background:#1a1a1a;border-color:rgba(255,136,0,.3) rgba(255,136,0,.3) transparent;border-bottom:1px solid #1a1a1a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#141414;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff88004d;border-radius:4px;border:2px solid #141414}::-webkit-scrollbar-thumb:hover{background:#ff880080}::selection{background:#ff88004d;color:#fff}.loading{opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.glow-orange{box-shadow:0 0 20px #ff88004d}.text-orange{color:#f80!important}.bg-dark-gradient{background:linear-gradient(135deg,#141414,#1a1a1a)}*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh;background-color:#0a0a0a}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:2rem}.error-boundary{padding:2rem;margin:2rem;border:2px solid #ef4444;border-radius:12px;background:linear-gradient(135deg,#1e1414f2,#190f19f2);color:#fff;box-shadow:0 4px 12px #0006,0 0 24px #ef44441a}.error-boundary h2{margin-top:0;color:#ef4444;text-shadow:0 0 8px rgba(248,113,113,.5)}.error-boundary details{margin-top:1rem;padding:1rem;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:monospace;font-size:.875rem;color:#b0b0b0}.error-boundary summary{cursor:pointer;font-weight:700;margin-bottom:.5rem;color:#f80}