.char-banner{background:linear-gradient(135deg,#1e1f22,#292b2f 60%,#1e1f22);border:1px solid rgba(78,80,88,.35);border-radius:8px;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.char-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e85a3c,transparent)}.level-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c44a30,#e85a3c,#ff7a5c);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;box-shadow:0 0 16px #e85a3c59,inset 0 1px #ffffff26;flex-shrink:0}.xp-track{height:6px;background:#1e1f22;border-radius:3px;overflow:hidden;border:1px solid rgba(78,80,88,.3)}.xp-fill{height:100%;background:linear-gradient(90deg,#c44a30,#e85a3c,#ff7a5c);border-radius:2px;transition:width .4s ease;box-shadow:0 0 6px #e85a3c66}.panel{background:#2f3136;border:1px solid rgba(78,80,88,.3);border-radius:6px}.panel-head{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#292b2f;border-bottom:1px solid rgba(78,80,88,.3);border-radius:6px 6px 0 0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#b9bbbe}.paper-doll{display:grid;grid-template-columns:repeat(3,105px);grid-template-rows:repeat(4,105px);gap:6px;justify-content:center;grid-template-areas:".      head   ." "hands  chest  neck" "mh     waist  oh" ".      feet   ."}.slot{width:90px;height:90px;border:1px solid rgba(78,80,88,.4);border-radius:4px;background:#1e1f2299;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .15s}.slot img.slot-icon{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;opacity:.25;filter:grayscale(.5);transition:all .15s}.slot .slot-label{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#4f545c;margin-top:2px}.slot:hover{background:#2f3136cc;border-color:#4e505899}.slot.filled img.slot-icon{width:72px;height:72px;opacity:.9}.slot.filled{cursor:pointer}.slot.filled .slot-label{color:#b9bbbe;font-weight:500}.slot.filled:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.slot.filled:hover img.slot-icon{opacity:1}.slot-tip{background:#0e0e10f7;border:1px solid rgba(78,80,88,.5);padding:8px 12px;border-radius:4px;pointer-events:none;box-shadow:0 4px 16px #0009;min-width:180px;max-width:260px;white-space:normal}.slot .slot-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .12s;z-index:20}.slot:hover .slot-tip{opacity:1}.slot-tip-name{font-size:12px;font-weight:600;line-height:1.3}.slot-tip-meta{font-size:10px;color:#72767d;margin-top:2px}.slot-tip-stat{font-size:11px;color:#dcddde;margin-top:3px}.slot-tip-divider{height:1px;background:#4e505866;margin:5px 0}.slot-tip-affix{font-size:11px;color:#4ade80;line-height:1.4}.slot-tip-affix-name{font-size:10px;color:#5387f9;margin-top:4px;font-weight:500}.slot-tip-flavor{font-size:10px;color:#a78bfa;font-style:italic;margin-top:6px;line-height:1.4;max-width:240px}.slot-tip-type{font-size:10px;color:#72767d;margin-top:1px}.slot-tip-img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;float:right;margin:0 0 4px 8px;border-radius:4px}.slot-tip-sockets{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.slot-tip-socket{display:flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;border-radius:10px;background:#1e1f22cc;border:1px solid rgba(78,80,88,.4)}.slot-tip-socket-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.slot-tip-bookmark{position:absolute;top:4px;right:4px;width:14px;height:14px}.dye-chips{display:flex;gap:3px;margin-top:3px;align-items:center}.dye-chip{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.dye-label{font-size:10px;color:#a78bfa;margin-left:4px}.attr-tooltip{position:absolute;z-index:100;background:#1a1b1e;border:1px solid rgba(78,80,88,.6);border-radius:6px;padding:6px 10px;font-size:11px;color:#b9bbbe;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000080}.attr-tooltip-row{display:flex;justify-content:space-between;gap:12px;line-height:1.6}.attr-tooltip-val{font-weight:600}.tattoo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.tattoo-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#1e1f2299;border:1px solid rgba(78,80,88,.3);font-size:12px}.tattoo-pill--filled{border-color:#fbbf2466}.tattoo-pill--empty{opacity:.4}.tattoo-rune-icon{width:20px;height:20px;border-radius:3px;background:#1e1f22cc}.tattoo-slot-name{color:#72767d;font-size:10px}.tattoo-rune-name{color:#fbbf24;font-weight:500}.tattoo-rune-element{color:#a78bfa;font-size:10px}.leg-cat-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(78,80,88,.2);transition:background .1s}.leg-cat-row:hover{background:#4e505826}.leg-cat-name{color:#e85a3c;font-weight:600;font-size:13px;flex:1}.leg-cat-slot{color:#72767d;font-size:11px;min-width:60px}.leg-cat-flavor{color:#a78bfa;font-size:10px;font-style:italic;margin-top:2px}.tome-badge{display:inline-block;font-size:9px;padding:1px 5px;border-radius:3px;margin-left:6px;font-weight:600}.tome-used{background:#22c55e33;color:#4ade80}.tome-unused{background:#ef444433;color:#ef4444}.slot-tip-wiki{display:block;font-size:10px;color:#60a5fa;margin-top:6px;text-decoration:none;opacity:.8;transition:opacity .15s}.slot-tip-wiki:hover{opacity:1;text-decoration:underline}.skill-tooltip{position:fixed;z-index:9999;background:#1a1b1e;border:1px solid rgba(78,80,88,.6);border-radius:6px;padding:8px 10px;max-width:280px;pointer-events:auto;box-shadow:0 4px 12px #00000080}.skill-tip-name{font-size:13px;font-weight:600;color:#dcddde;margin-bottom:4px}.skill-tip-desc{font-size:11px;color:#b9bbbe;line-height:1.4;margin-bottom:4px}.skill-tip-stats{font-size:10px;color:#e5a54b;margin-bottom:2px}.skill-tip-mechanics{font-size:10px;color:#8b949e;text-transform:capitalize}.slot.filled .item-name{position:absolute;bottom:3px;left:2px;right:2px;text-align:center;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;background:#000000bf;padding:2px 3px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .15s}.slot.filled:hover .item-name{opacity:1}.slot.rarity-normal{border-color:#b9bbbe40}.slot.rarity-magic{border-color:#5387f980;box-shadow:inset 0 0 12px #5387f914}.slot.rarity-rare{border-color:#fbbf2480;box-shadow:inset 0 0 12px #fbbf2414}.slot.rarity-legendary{border-color:#e85a3c8c;box-shadow:inset 0 0 12px #e85a3c1a}.slot.rarity-extraordinary{border-color:#a855f78c;box-shadow:inset 0 0 12px #a855f71a}.slot-sm{width:66px;height:66px}.slot-sm img.slot-icon{width:36px;height:36px}.paper-doll .slot[data-area=head]{grid-area:head}.paper-doll .slot[data-area=mh]{grid-area:mh}.paper-doll .slot[data-area=chest]{grid-area:chest}.paper-doll .slot[data-area=oh]{grid-area:oh}.paper-doll .slot[data-area=hands]{grid-area:hands}.paper-doll .slot[data-area=waist]{grid-area:waist}.paper-doll .slot[data-area=neck]{grid-area:neck}.paper-doll .slot[data-area=feet]{grid-area:feet}.attr-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:4px;transition:background .1s}.attr-row:hover{background:#4e50581a}.attr-row img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.attr-row .attr-name{flex:1;font-size:13px;color:#b9bbbe}.attr-row .attr-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.attr-row .attr-bar{width:60px;height:4px;background:#1e1f2299;border-radius:2px;overflow:hidden;flex-shrink:0}.attr-row .attr-bar-fill{height:100%;border-radius:2px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:3px}.stat-row:hover{background:#4e50581a}.stat-row .stat-label{font-size:13px;color:#b9bbbe}.stat-row .stat-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#dcddde}.stat-row .stat-value.zero{color:#4e5058}.dmg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.dmg-cell{display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:3px;background:#1e1f224d}.dmg-cell:hover{background:#2f313680}.dmg-cell img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;opacity:.8}.dmg-cell .dmg-val{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#dcddde}.dmg-cell .dmg-val.zero{color:#4e5058}.res-row{display:flex;align-items:center;gap:.75rem}.res-row img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.res-track{flex:1;height:20px;background:#1e1f22;border:1px solid rgba(78,80,88,.35);border-radius:4px;overflow:hidden;position:relative}.res-fill{height:100%;border-radius:3px;transition:width .3s ease}.res-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.02em}.qstat{background:#2f3136;border:1px solid rgba(78,80,88,.3);border-radius:5px;padding:.5rem .6rem;display:flex;align-items:center;gap:.5rem}.qstat img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.qstat .qstat-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.qstat .qstat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#72767d}.skills-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(78,80,88,.25)}.skills-header-left{display:flex;align-items:center;gap:.5rem}.skills-header-title{font-size:11px;font-weight:700;color:#b9bbbe;text-transform:uppercase;letter-spacing:.08em}.skills-header-count{font-size:11px;color:#72767d}.skills-header-bonus{font-size:11px;color:#e5a54b}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.skill-branch-col{display:flex;flex-direction:column;gap:.5rem}.branch-col-header{display:flex;align-items:center;gap:.4rem;padding-bottom:.4rem;border-bottom:1px solid rgba(78,80,88,.2);margin-bottom:.25rem}.branch-col-header img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.branch-col-header span{font-size:11px;font-weight:700;color:#e5a54b;text-transform:uppercase;letter-spacing:.06em}.skill-card{background:#2b2d31;border:1px solid rgba(78,80,88,.3);border-radius:8px;padding:.625rem;transition:border-color .15s}.skill-card:hover{border-color:#c44a3080}.skill-card.skill-card--locked{opacity:.5}.skill-card.skill-card--locked:hover{border-color:#4e505880}.skill-card-top{display:flex;align-items:flex-start;gap:.625rem}.skill-card-icon{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;border-radius:6px;border:1px solid rgba(78,80,88,.4);background:#1e1f22;flex-shrink:0}.skill-card.skill-card--active .skill-card-icon{border-color:#c44a3099;box-shadow:0 0 8px #c44a3026}.skill-card-info{flex:1;min-width:0}.skill-card-row1{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.skill-card-name{font-size:13px;font-weight:600;color:#dcddde;text-decoration:none;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.skill-card-name:hover{color:#60a5fa}.skill-card-badge{font-size:11px;font-weight:700;color:#ff7a5c;white-space:nowrap;flex-shrink:0}.skill-card-badge--locked{color:#4f545c;font-weight:500}.skill-card-meta{font-size:10px;color:#72767d;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card-meta .meta-type{color:#b9bbbe}.skill-card-meta .meta-sep{margin:0 3px}.skill-card-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:.5rem}.skill-opt-pill{display:inline-flex;align-items:center;gap:4px;background:#1e1f22;border:1px solid rgba(78,80,88,.3);border-radius:4px;padding:2px 6px;font-size:10px;color:#8b949e;transition:border-color .15s}.skill-opt-pill img{width:14px;height:14px;-o-object-fit:contain;object-fit:contain;border-radius:2px}.skill-opt-pill--active{border-color:#3b82f666;color:#b9bbbe}.skill-opt-pill--active .opt-lvl{color:#5387f9;font-weight:700}.sk-wiki-link{text-decoration:none;color:inherit;transition:color .15s}.sk-wiki-link:hover{color:#60a5fa!important;text-decoration:underline}.inv-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.inv-grid{display:grid;grid-template-columns:repeat(15,46px);grid-template-rows:repeat(6,46px);min-width:-moz-max-content;min-width:max-content;gap:2px;justify-content:center;background:#14151880;border:1px solid rgba(78,80,88,.2);border-radius:4px;padding:4px}.inv-cell{border:1px solid rgba(78,80,88,.2);border-radius:2px;background:#1e1f2259;position:relative;min-width:0;min-height:0}.inv-cell.has-item{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .15s;background:#24262b99}.inv-cell.has-item:hover{background:#32343ad9;border-color:#64666e80;box-shadow:0 2px 8px #0006;z-index:5}.inv-cell.has-item img.inv-icon{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;opacity:.9}.inv-cell.has-item.span-tall img.inv-icon{width:36px;height:auto;max-height:90%}.inv-cell.has-item.span-wide img.inv-icon{width:auto;height:36px;max-width:90%}.inv-cell.has-item:hover img.inv-icon{opacity:1}.inv-cell .inv-name{position:absolute;bottom:1px;left:1px;right:1px;font-size:7px;font-weight:600;text-transform:uppercase;text-align:center;line-height:1.1;padding:1px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd;background:#000000bf;border-radius:1px;opacity:0;transition:opacity .12s}.inv-cell.has-item:hover .inv-name{opacity:1}.inv-cell .inv-qty{position:absolute;top:2px;right:3px;font-size:9px;font-weight:700;color:#dcddde;text-shadow:0 1px 2px rgba(0,0,0,.8)}.inv-cell.rarity-magic{border-color:#5387f966}.inv-cell.rarity-rare{border-color:#fbbf2466}.inv-cell.rarity-legendary{border-color:#e85a3c73}.inv-cell.rarity-extraordinary{border-color:#a855f773}.inv-cell .slot-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .12s;z-index:30}.inv-cell:hover .slot-tip{opacity:1}.inv-cell .inv-dye-tag{font-size:6px;color:#a78bfa;text-align:center;line-height:1;margin-top:1px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.item-card{background:#1e1f22;border:1px solid rgba(78,80,88,.3);border-radius:4px;overflow:hidden;transition:all .15s}.item-card:hover{border-color:#4e505899;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.item-card-head{padding:8px 12px;border-bottom:1px solid rgba(78,80,88,.2)}.item-card-body{padding:8px 12px;font-size:12px}.item-card.rarity-normal .item-card-head{border-top:2px solid rgba(185,187,190,.35)}.item-card.rarity-magic .item-card-head{border-top:2px solid rgba(83,135,249,.7);background:#5387f90a}.item-card.rarity-rare .item-card-head{border-top:2px solid rgba(251,191,36,.7);background:#fbbf240a}.item-card.rarity-legendary .item-card-head{border-top:2px solid rgba(232,90,60,.7);background:#e85a3c0a}.item-card.rarity-extraordinary .item-card-head{border-top:2px solid rgba(168,85,247,.7);background:#a855f70a}.cur-badge{display:flex;align-items:center;gap:.375rem;background:#1e1f2280;border:1px solid rgba(78,80,88,.25);border-radius:4px;padding:4px 10px}.cur-badge img{width:14px;height:14px;-o-object-fit:contain;object-fit:contain}.cur-badge span{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.share-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s}.share-btn:hover:not([disabled]){opacity:.9;transform:translateY(-1px)}.share-btn:active:not([disabled]){transform:translateY(0)}.share-btn[disabled]{opacity:.5;cursor:wait}.online-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;box-shadow:0 0 8px #3b82f64d}.char-list-tabs{display:flex;border-bottom:1px solid rgba(78,80,88,.3)}.char-list-tab{flex:1;padding:.6rem 1rem;background:transparent;border:none;color:#72767d;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .15s,background .15s;position:relative}.char-list-tab:hover{color:#b9bbbe;background:#4e505826}.char-list-tab.active{color:#e85a3c}.char-list-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#e85a3c}.char-list-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.char-list-table th.sortable:hover{color:#e85a3c}.char-list-table th .sort-arrow{display:inline-block;width:14px;text-align:center;opacity:.3;font-size:10px}.char-list-table th.sort-active .sort-arrow{opacity:1;color:#e85a3c}.char-list-table td a{color:#dcddde;text-decoration:none;font-weight:600;transition:color .15s}.char-list-table td a:hover{color:#e85a3c}.char-list-level{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c44a30,#e85a3c);font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#27ae60;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 20px #0006;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9999}.share-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}