.storage-tabs{display:flex;gap:5px;margin:12px 0 9px}
.storage-tabs button{padding:5px 8px;background:#203d63;font-size:12px}
.storage-tabs button.active{background:#1f6fe5}
.metin-inventory{position:relative;width:min(337px,100%);aspect-ratio:337/1140;background:#100e0b url('/static/inventory-background.svg') center/100% 100% no-repeat;isolation:isolate}
.equipment-layer,.inventory-layer{position:absolute;inset:0;pointer-events:none}
.equip-slot,.inv-slot{pointer-events:auto}
.equipment-layer:has(.equip-slot:hover),.inventory-layer:has(.inv-slot:hover){z-index:4}
.equip-slot:hover,.inv-slot:hover,.safebox-slot:hover{z-index:5}
.equip-slot,.inv-slot,.safebox-slot{position:absolute;display:grid;place-items:center;min-width:0;border:0;background:transparent;box-sizing:border-box}
.equip-slot{width:18.99%;height:5.96%}
/* Coordinates are proportional to the original inventory background. */
.equip-slot.weapon{left:6.23%;top:6.05%;width:18.99%;height:17.89%}
.equip-slot.body{left:28.19%;top:11.93%;width:20.48%;height:12.02%}
.equip-slot.head{left:28.19%;top:6.05%;width:20.18%;height:5.61%}
.equip-slot.foots{left:28.19%;top:31.23%;width:20.77%;height:6.58%}
.equip-slot.wrist{left:50.15%;top:17.63%;width:21.66%;height:6.32%}
.equip-slot.neck{left:75.07%;top:17.63%;width:21.07%;height:6.32%}
.equip-slot.ear{left:75.07%;top:11.93%;width:19.88%;height:5.53%}
.equip-slot.unique1{left:5.93%;top:31.23%;width:21.66%;height:6.58%}
.equip-slot.unique2{left:50.15%;top:31.23%;width:21.66%;height:6.58%}
.equip-slot.arrow{left:75.07%;top:6.05%;width:19.88%;height:5.61%}
.equip-slot.shield{left:50.15%;top:11.93%;width:21.66%;height:5.53%}
.equip-slot.belt{left:28.19%;top:24.74%;width:20.48%;height:5.96%}
.equip-slot img,.inv-slot img,.safebox-slot img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}
.inv-tabs{position:absolute;left:1.63%;top:38.95%;display:flex;width:96.74%;height:4.82%;z-index:3;margin:0;padding:0;gap:0;align-items:flex-start}
.inv-tabs button{flex:1;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}
.inv-tabs button img{display:block;width:100%;height:100%;image-rendering:auto}
.inv-tabs button:focus-visible{outline:1px solid #fff0ba;outline-offset:-3px}
.inventory-layer{left:4.15%;top:44.47%;right:.89%;bottom:4.04%;z-index:2}
.inv-slot,.safebox-slot{left:calc(var(--col) * 20%);top:calc(var(--row) * 11.111%);width:20%;height:calc(var(--size) * 11.111%)}
.inv-slot>b,.safebox-slot>b{position:absolute;right:4%;bottom:1%;font-size:11px;color:#fff;text-shadow:0 1px 2px #000;z-index:2}
.metin-inventory .inv-slot[hidden]{display:none!important}
.item-tip{display:none;position:absolute;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(100% + 4px);width:190px;background:#06101d;border:1px solid #5d86ba;border-radius:5px;padding:8px;color:#dcecff;font-size:12px;pointer-events:none}
.item-tip b,.item-tip span{display:block}.item-tip b{color:#fff0a7;margin-bottom:3px}.item-tip .tip-vnum{color:#91a8c5;font-size:10px;margin-bottom:5px}.item-tip .tip-base{color:#9fd1ff}.item-tip .tip-bonus{color:#73e7ae}
.equip-slot:hover .item-tip,.inv-slot:hover .item-tip,.safebox-slot:hover .item-tip{display:block}
.inventory-yang{position:absolute;left:14%;right:7%;bottom:1.50%;height:2.2%;display:flex;justify-content:flex-end;align-items:center;color:#f2df9a;font:bold 12px Georgia,serif;text-shadow:1px 1px #000;z-index:3;pointer-events:none}
/* Magazyn: sama pozycjonowanie co .inv-slot (--col/--row/--size) tak samo
   uwzglednia przedmioty na 2+ slotach wysokosci i osobne strony -- bez
   sylwetki ekwipunku z tla ekwipunku, ktora tu nie ma sensu. */
.safebox-inventory{position:relative;width:100%;max-width:337px;aspect-ratio:5/9;background:#08111c;border:1px solid #294562}
.safebox-layer{position:absolute;inset:0}
.safebox-inventory .safebox-slot[hidden]{display:none!important}
.safebox-tabs{display:flex;gap:4px;margin:0 0 8px}
.safebox-tabs button{padding:5px 14px;background:#203d63;border:0;border-radius:4px;color:#dcecff;font-size:12px;cursor:pointer}
.safebox-tabs button.active{background:#1f6fe5}
/* Umiejetnosci: ikona + ranga nalozona jak licznik sztuk w ekwipunku,
   zamiast osobnego tekstu nazwy/rangi obok -- pelna nazwa i ranga w tooltipie. */
.skill-icons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.skill-slot{position:relative;width:44px;height:44px;border:1px solid #294562;background:#0a1421;border-radius:4px;display:grid;place-items:center}
.skill-slot img{max-width:88%;max-height:88%;object-fit:contain}
.skill-slot>b{position:absolute;right:2px;bottom:1px;font-size:11px;z-index:2}
.skill-slot:hover{z-index:5}
.skill-slot:hover .item-tip{display:block}
.skill-passive{grid-template-columns:1fr auto!important}
@media(max-width:1050px){.inventory-panel{max-width:337px}}
@media(max-width:650px){.inventory-panel{padding:12px}.metin-inventory{margin:auto}.item-tip{width:170px;font-size:11px}}
.bot-profile-head,.bot-profile-head *{font-family:Tahoma,Arial,sans-serif}.profile-tags span,.stat-cells div,.bot-live-details dd,.inventory-yang,.inv-slot>b,.safebox-slot>b,.skill-slot>b{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.skill-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b99854;border-radius:4px;background:linear-gradient(135deg,#355d94,#111a35);color:#ffe6a3;font:700 10px Tahoma,Arial;text-shadow:1px 1px #000;box-shadow:inset 0 0 0 1px #07101e}.skill:nth-child(3n) .skill-icon{background:linear-gradient(135deg,#913f3f,#251119)}.skill:nth-child(3n+2) .skill-icon{background:linear-gradient(135deg,#4d7f46,#132415)}
.skill{grid-template-columns:34px minmax(0,1fr) auto!important;gap:7px}.skill-icon{width:28px!important;height:28px!important;object-fit:contain;display:block!important}.honor.knightly{color:#00ffff}.honor.noble{color:#000099}.honor.good{color:#0000ff}.honor.friendly{color:#9999ff}.honor.neutral{color:#ffff00}.honor.aggressive,.honor.dishonest{color:#ff6600}.honor.malicious,.honor.cruel{color:#ff0000}
.item-tip{text-align:center!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.item-tip span,.item-tip b{text-align:center}.item-tip .negative{color:#d3a9a0!important}.item-tip .tip-stone{color:#f2df9a;margin-top:5px;padding-top:4px;border-top:1px solid #594e3c}.item-tip .tip-stone:first-of-type{margin-top:7px}

/* v1.40: player-specific assets load after enhancements, so keep their theme overrides here. */
.storage-tabs button{background:color-mix(in srgb,var(--blue2) 38%,var(--panel))!important;border:1px solid var(--edge)!important;color:var(--text)!important}.storage-tabs button.active{background:var(--blue2)!important;color:#fff!important}.bot-live-details div,.skill{border-color:var(--edge)!important}
.safebox-tabs button{background:color-mix(in srgb,var(--blue2) 38%,var(--panel))!important;border:1px solid var(--edge)!important;color:var(--text)!important}.safebox-tabs button.active{background:var(--blue2)!important;color:#fff!important}.safebox-inventory{background:var(--panel)!important;border-color:var(--edge)!important}
/* v1.41: teleport-me button + offline-shop link, and gear-history event coloring. */
.profile-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.log-lines .gear-refine-ok b,.log-lines .gear-bought b{color:#79e3af}
.log-lines .gear-refine-fail b,.log-lines .gear-burned b{color:#ef4444}
.log-lines .gear-vendor b,.log-lines .gear-stall-sold b{color:#f2c34d}
.log-lines .gear-equip b,.log-lines .gear-gift-in b,.log-lines .gear-gift-out b,.log-lines .gear-safebox b,.log-lines .gear-bonus b{color:#82b6ff}
.log-lines span small{color:var(--muted);margin-left:4px}
/* Ascension: custom EQ (talizmany/blask/pomocnicy/kostium/pierscienie) - auto-flow: wiecej slotow = wiecej kolumn */
.custom-eq{margin-top:6px;border-top:1px solid #2a2118;padding-top:6px}
.custom-eq h3{margin:0 0 6px;font:700 12px Tahoma,Arial;color:#ffe6a3;text-shadow:1px 1px #000}
.custom-eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px 6px;padding-bottom:16px}
.custom-eq-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #b99854;border-radius:5px;background:linear-gradient(135deg,#26201a,#120f0b);box-sizing:border-box;padding:3px}
.custom-eq-slot img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}
.custom-eq-slot>b{position:absolute;right:3px;bottom:1px;font-size:11px;color:#fff;text-shadow:0 1px 2px #000;z-index:2}
.custom-eq-slot>span:not(.custom-eq-label){font:10px Tahoma,Arial;color:#8a7f6a}
.custom-eq-label{position:absolute;left:0;right:0;bottom:-14px;text-align:center;font:9px Tahoma,Arial;color:#9a8f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.custom-eq-slot:hover{z-index:6}
.custom-eq-slot:hover .item-tip{display:block}
/* tekstowe zakladki 8 stron inventory (brak artu page-3..8) */
.inv-tabs-text{gap:2px}
.inv-tabs-text button{font:700 9px Tahoma,Arial;color:#d8c9a0;background:linear-gradient(#3a3126,#221c14);border:1px solid #6e5c3c;border-radius:2px;line-height:1;padding:1px 0;min-width:0}
.inv-tabs-text button.active{color:#111;background:linear-gradient(#ffe6a3,#d3ad57);border-color:#ffe6a3}

.custom-eq-slot.empty{opacity:.4;border-style:dashed}
.custom-eq-slot.empty .custom-eq-label{color:#6b6154}

.custom-eq-cap{font:600 10px Tahoma,Arial;color:#9a8f7a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}