.equipment-picker-overlay{position:fixed;inset:0;z-index:2400;background:#100b0780;display:flex;align-items:center;justify-content:center;padding:20px}.equipment-picker.spot-window{width:600px;max-width:100%;--game-frame-side:26px;--game-frame-top:67px;--game-frame-bottom:60px;--game-window-padding:34px 34px 38px}.equipment-picker h2{font:800 29px/1.2 Alegreya SC,Georgia,serif;text-align:center;margin:0 0 18px;color:#54351d}.equipment-picker-items{max-height:calc(100dvh - 240px);overflow-y:auto;display:grid;gap:9px}.equipment-picker-items>button{display:flex;align-items:center;gap:12px;border:1px solid #aa80494d;border-radius:9px;background:#ae793917;padding:10px;color:#4d321c;font:inherit;text-align:left;cursor:pointer}.equipment-picker-items>button:hover{background:#c28b3029;border-color:#9c7137}.equipment-picker-items>button:disabled{opacity:.6;cursor:default}.equipment-picker-items>button>img{width:65px;height:65px;object-fit:contain;flex-shrink:0}.equipment-picker-items>button>span{display:grid;gap:5px;flex:1;min-width:0}.equipment-picker-items strong{font-size:18px}.equipment-picker-items small{font-size:14px;color:#7b6043}.equipment-picker-items>button>b{font-size:15px;color:#54782d}.equipment-picker-empty{font-size:18px;text-align:center;color:#7b6043;padding:28px 0}@media(max-width:500px){.equipment-picker-overlay{padding:10px}.equipment-picker.spot-window{--game-window-padding:34px 24px 34px}.equipment-picker-items>button{gap:8px;padding:8px}.equipment-picker-items>button>img{width:48px;height:48px}.equipment-picker-items strong{font-size:15px}.equipment-picker-items small{font-size:12px}.equipment-picker-items>button>b{font-size:13px}}@keyframes inv-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.inventory-screen{position:relative;z-index:100;width:100vw;height:100dvh;overflow:hidden;background:#100c08;color:#eee8dc;font-family:Nunito,Arial,sans-serif}.inventory-screen--overlay{position:absolute;inset:0;width:auto;height:auto;background:transparent}.inventory-background{position:absolute;inset:0;background-size:cover;background-position:center}.inventory-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.inventory-stage{position:relative;width:1920px;height:1080px;flex:0 0 auto}.inventory-layout{position:absolute;width:1672px;height:941px;zoom:1.14832536;animation:inventory-reveal .25s ease-out}@keyframes inventory-reveal{0%{opacity:0}to{opacity:1}}.inventory-error{position:absolute;top:12px;left:50%;z-index:10;transform:translate(-50%);padding:8px 20px;background:#24140fee;border:1px solid #bc7657;border-radius:8px;color:#ffb6a0}.inventory-hero{position:absolute;left:92px;top:80px;width:615px;height:811px}.inventory-plaque{border:solid transparent;border-width:13px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 13px 16px / 0 stretch;box-sizing:border-box}.inventory-power{position:absolute;top:0;left:104px;height:52px;width:456px;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 23px;white-space:nowrap;font-weight:800;font-size:16px}.inventory-power>img{width:31px;height:31px;object-fit:contain}.inventory-power>b{font-size:27px;color:#ffd76c}.inventory-class{display:flex;align-items:center;gap:10px;margin-left:9px;padding-left:20px;border-left:1px solid #8b7146;color:#ffd365;font-size:18px}.inventory-class svg{width:27px;height:27px}.inventory-doll{position:absolute;left:28px;right:28px;top:80px;height:596px}.inventory-silhouette{position:absolute;left:94px;top:17px;width:310px;height:586px;object-fit:contain;filter:drop-shadow(1px 0 #b57943) drop-shadow(-1px 0 #b57943) drop-shadow(0 1px #b57943) drop-shadow(0 -1px #b57943) drop-shadow(0 9px 12px #0006)}.inventory-equipment{position:absolute;top:0;bottom:50px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.inventory-equipment--left{left:0}.inventory-equipment--right{right:0}.inventory-equipment>div{width:100px!important;height:100px!important;box-sizing:border-box;border:2px solid #cdb481!important;border-radius:12px!important;background:#17130f!important;box-shadow:0 0 0 2px #15120d,inset 0 0 0 2px #786346,0 3px 5px #0009!important}.inventory-equipment>div>div{border-radius:9px!important}.inventory-attributes{position:absolute;bottom:0;left:0;right:0;min-height:128px;display:grid;grid-template-columns:1fr 1fr;padding:9px 19px;column-gap:25px}.inventory-attribute{display:flex;align-items:center;gap:13px;min-width:0;font-size:16px;border-bottom:1px solid #9f7c3b55}.inventory-attribute:nth-last-child(-n+2){border-bottom:0}.inventory-attribute strong{flex:1;white-space:nowrap;font-weight:700}.inventory-attribute>b{font-size:22px;color:#ffda79}.inventory-attribute small{font-size:12px;color:#aca38e;white-space:nowrap}.inventory-attribute small span{color:#a4db73}.inventory-stat-icon{display:grid;place-items:center;flex:none;width:44px;height:43px;box-sizing:border-box;border:1px solid #9b7a43;border-radius:9px;background:radial-gradient(ellipse at top,#342d20,#17140f);box-shadow:inset 0 0 0 2px #0b0907;color:#f2d794}.inventory-stat-icon svg{width:34px;height:34px}.spot-window.inventory-backpack{position:absolute;left:752px;top:80px;width:860px;height:811px;box-sizing:border-box;display:flex;flex-direction:column;padding:54px 44px 40px!important;color:#eee8dc}.inventory-title{position:absolute;z-index:4;top:-43px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:332px;height:80px;margin:0;box-sizing:border-box;border:solid transparent;border-width:13px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 13px 16px / 0 stretch;background:none;color:#fff0c8;font:900 39px/1 Alegreya SC,Georgia,serif;text-shadow:0 3px 2px #0b0703}.inventory-tabs{display:flex;align-items:stretch;gap:3px;height:60px;flex:none;margin:0 0 9px}.inventory-tabs>button{display:flex;align-items:center;justify-content:center;gap:11px;flex:1;min-width:0;padding:9px 12px;border:2px solid #625340;border-bottom:1px solid #17120b;border-radius:11px 11px 0 0;background:linear-gradient(#342e27,#191612);box-shadow:inset 0 1px 2px #ffffff1f,0 -2px 3px #0004;color:#dbd7cf;font:800 16px Nunito,Arial,sans-serif;cursor:pointer;white-space:nowrap}.inventory-tabs>button:first-child{flex:.65}.inventory-tabs>button[aria-selected=true]{background:radial-gradient(ellipse at top,#f9d278,#e5ac32 72%,#ad771d);border-color:#efd69a;color:#17120b;text-shadow:0 1px #ffe0a177;box-shadow:inset 0 0 0 2px #a77427,inset 0 2px 4px #fff6}.inventory-tabs>button:hover{filter:brightness(1.13)}.inventory-tabs>button img{width:27px;height:27px;object-fit:contain;flex:none}.inventory-tabs>button:focus-visible{outline:2px solid #ffe0a1;outline-offset:2px}.inventory-capacity{align-self:center;flex:none;min-width:101px;margin-left:25px;padding:7px 6px;text-align:center;box-sizing:border-box;border:1px solid #91713f;border-radius:9px;background:#120f0be6;box-shadow:inset 0 2px 4px #000;color:#ddd8cb;font-size:20px;font-weight:800}.inventory-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c09544 #21190e;border:1px solid #ba9753;border-radius:16px;padding:12px;box-shadow:inset 0 0 0 2px #1c150d,inset 0 5px 14px #0008;background:#0e0d0a80}.inventory-grid{display:grid;height:100%;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;align-content:start}.inventory-grid>div{box-sizing:border-box;min-width:0;border-radius:11px!important;aspect-ratio:auto!important;min-height:0}.inventory-grid>div[data-empty=true]{border:2px solid #6e6250!important;background:radial-gradient(ellipse at top,#2a251c99,#110f0ce6)!important;box-shadow:inset 0 0 0 2px #100d08,0 2px 3px #0009}.inventory-grid>div:hover:not([data-empty=true]){filter:brightness(1.15)}.inventory-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;flex:none;padding:7px 9px 0;box-sizing:border-box;color:#4b3015}.inventory-rarities{display:flex;gap:17px;flex-wrap:wrap}.inventory-rarities>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}.inventory-rarities i{display:block;width:17px;height:17px;border-radius:5px;box-shadow:inset 0 0 0 1px #000a,0 1px 2px #000}.inventory-currencies{display:flex;gap:24px;flex:none}.inventory-currencies>span{display:flex;align-items:center;gap:9px;font-size:19px;color:#ffdc78;white-space:nowrap}.inventory-currencies>span+span{border-left:1px solid #8e7447;padding-left:24px;color:#e7dcfb}.inventory-currencies img{width:26px;height:26px;object-fit:contain}.inventory-crystal{display:block;width:25px;height:27px;background:conic-gradient(from 25deg,#d8baff,#8e45d3,#ca9cf8,#7035b3,#d8baff);clip-path:polygon(50% 0,98% 38%,74% 100%,26% 100%,2% 38%)}.inventory-materials{display:flex;flex-direction:column;min-height:100%;gap:25px}.inventory-resource-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex:1;align-content:start}.inventory-resource{position:relative;aspect-ratio:1;border:2px solid #97805a;border-radius:10px;background:#302619}.inventory-resource img{width:100%;height:100%;object-fit:contain}.inventory-resource b{position:absolute;bottom:5px;right:6px;padding:2px 8px;border-radius:5px;background:#100b05e6;color:#ffdb8c}.inventory-unload{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px;font-weight:700}.inventory-empty{grid-column:1/-1;text-align:center;margin:60px 10px;color:#baaf97}.inventory-currencies b{color:#503413}@media(prefers-reduced-motion:reduce){.inventory-layout{animation:none}}@media(max-width:779px){.inventory-center{display:block;overflow:auto;padding:20px 12px;box-sizing:border-box}.inventory-stage{width:100%;height:auto;zoom:1!important}.inventory-layout{position:relative;zoom:1;width:100%;height:auto;display:flex;flex-direction:column;gap:52px;padding-top:15px}.inventory-hero{position:relative;left:auto;top:auto;width:100%;height:570px}.inventory-power{left:0;top:0;width:100%;height:48px;padding:0 10px;font-size:12px;gap:9px}.inventory-power>b{font-size:23px}.inventory-power>img{width:24px;height:24px}.inventory-class{gap:7px;padding-left:10px;margin-left:0;font-size:14px}.inventory-class svg{width:21px;height:21px}.inventory-doll{left:4px;right:4px;top:66px;height:365px}.inventory-silhouette{left:22%;top:8px;width:56%;height:365px}.inventory-equipment{bottom:0}.inventory-equipment>div{width:62px!important;height:62px!important}.inventory-attributes{padding:7px 10px;column-gap:12px;min-height:116px}.inventory-attribute{gap:6px;font-size:11px}.inventory-attribute>b{font-size:18px}.inventory-attribute small{font-size:9px}.inventory-stat-icon{width:30px;height:34px}.inventory-stat-icon svg{width:21px;height:21px}.spot-window.inventory-backpack{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:570px;padding:42px 25px 28px!important}.inventory-title{width:248px;height:65px;top:-36px;font-size:31px}.inventory-tabs{height:auto;flex-wrap:wrap;gap:4px}.inventory-tabs>button,.inventory-tabs>button:first-child{flex:1 1 40%;font-size:12px;padding:8px 5px;border-radius:7px;gap:5px}.inventory-tabs>button img{width:20px;height:20px}.inventory-capacity{margin:0 0 0 auto;min-width:72px;padding:3px;font-size:13px}.inventory-content{overflow:visible;flex:none;min-height:340px;padding:8px}.inventory-grid{height:auto;grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-grid>div{aspect-ratio:1!important}.inventory-grid>div>div:last-child span{font-size:9px!important}.inventory-footer{flex-wrap:wrap;gap:14px;padding:12px 0 0}.inventory-rarities{gap:10px}.inventory-rarities>span{font-size:10px;gap:4px}.inventory-rarities i{width:12px;height:12px}.inventory-currencies{margin-left:auto}.inventory-currencies>span{font-size:17px}.inventory-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-unload{font-size:12px;flex-wrap:wrap}.inventory-mobile-tooltip{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:12px;background:#130d09aa}.inventory-mobile-tooltip>[data-testid=item-tooltip]{position:relative!important;left:auto!important;top:auto!important;max-height:calc(100dvh - 24px);overflow-y:auto}.inventory-mobile-tooltip>[data-testid=item-tooltip]>div{width:min(280px,calc(100vw - 66px))!important}}.spot-window.inventory-backpack:before{background-size:100% 100%;background-repeat:no-repeat}.inventory-tabs>button{transform:none!important;transition:filter .15s ease}.inventory-content{scrollbar-gutter:stable}.inventory-title:before{content:"";position:absolute;left:-16px;top:-1px;bottom:-1px;width:16px;box-sizing:border-box;border:solid transparent;border-width:0 0 0 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 0 26 32 / 0 0 0 16px / 0 stretch;pointer-events:none}@media(max-width:779px){.inventory-center{overflow-x:hidden}.spot-window.inventory-backpack:before{inset:10px 14px 12px}}.inventory-hero{isolation:isolate;contain:layout style}.spot-window.inventory-backpack{filter:none}.inventory-backpack:after,.inventory-equipment{isolation:isolate}.inventory-stack-quantity{position:absolute;right:7px;bottom:6px;padding:1px 7px;border:1px solid #b18d46;border-radius:7px;background:#130d08eb;color:#ffe08b;font-size:15px;font-weight:900;text-shadow:0 1px 2px #000}.inventory-tabs>.inventory-capacity--full{color:#ffe1a0;background:#8f251c;border-color:#ecab61}.inventory-full-warning{position:relative;flex:none;margin:0 9px 8px;padding:7px 11px;border:1px solid #b84c2a;border-radius:6px;background:#77281c;color:#ffe4b2;font-size:13px;font-weight:800}.inventory-attributes{box-sizing:border-box;bottom:0;min-height:0;height:145px;padding:8px 14px;color:#44260f;border:solid transparent;border-width:13px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 / 13px 16px / 0 stretch;background:url(/img/warshards/party/paper.webp) center / 100% 100% no-repeat;filter:none}.inventory-grid{height:auto;grid-template-rows:none;grid-auto-rows:auto}.inventory-grid>div{aspect-ratio:1!important;height:auto}.inventory-content{container-type:size}.inventory-grid{width:min(100%,calc((100cqh - 44px)*1.2 + 55px));margin-inline:auto}@media(max-width:779px){.inventory-content{container-type:normal}.inventory-grid{width:100%}.inventory-attributes{height:125px}.inventory-delete-dialog p{font-size:15px}}.inventory-trash{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:4px;border:1px solid #98703c;border-radius:7px;background:#f6dda04d;color:#69421f;cursor:default}.inventory-footer{gap:12px}.inventory-rarities{gap:10px}.inventory-currencies{gap:12px}.inventory-currencies>span+span{padding-left:12px}.inventory-delete-shade{position:absolute;inset:0;z-index:150;display:grid;place-items:center;background:#120b0880}.inventory-delete-dialog{position:relative;width:500px;max-width:94%;text-align:center}.inventory-delete-dialog p{font-size:19px;margin:0 0 20px}.inventory-attributes .inventory-attribute{color:#44260f;border-bottom-color:#ae81514d}.inventory-attributes .inventory-attribute>b{color:#633716}.inventory-attributes .inventory-attribute small{color:#877354}.inventory-attributes .inventory-attribute small span{color:#53852e}@media(max-width:779px){.spot-window.inventory-attributes{padding:16px 18px!important}}.inventory-attributes{border:1px solid #a77a395e;border-image:none;border-radius:12px;background:url(/img/warshards/party/paper.webp) center/100% 100% no-repeat;box-shadow:0 4px 12px #190d0440;padding:14px 20px;height:145px;column-gap:24px}.inventory-stat-icon{background:none;border:0;box-shadow:none;width:42px;height:42px}.inventory-stat-icon svg{width:38px;height:38px;filter:drop-shadow(0 1px 1px #57391b50)}.inventory-attributes .inventory-attribute{font-size:18px;gap:10px;border-bottom-color:#a77a392d}.inventory-attributes .inventory-attribute>b{font-size:27px;color:#513019}.inventory-attributes .inventory-attribute small{font-size:12px}@media(max-width:779px){.inventory-attributes{height:128px;padding:12px;column-gap:12px}.inventory-attributes .inventory-attribute{font-size:12px;gap:5px}.inventory-attributes .inventory-attribute>b{font-size:20px}.inventory-stat-icon,.inventory-stat-icon svg{width:30px;height:30px}}.inventory-shard-cell{position:relative;min-width:0;aspect-ratio:1;z-index:1}.inventory-shard-cell>button{width:100%;height:100%;cursor:pointer}.inventory-shard-cell>button>b{position:absolute;left:5px;top:4px;color:#ffe4a4}.inventory-shard-cell>button>span:last-child{position:absolute;right:5px;bottom:3px;color:#c0ed78}.inventory-shard-action{position:absolute;top:90%;left:0;z-index:10;display:grid;gap:8px;width:200px;padding:12px;background:#f2d9a7;border:2px solid #976d33;border-radius:8px;color:#49321b;box-shadow:0 4px 12px #0008}.inventory-shard-action>button:last-child{color:#68451f}.inventory-shard-cell>button{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden;padding:8%;box-sizing:border-box}.inventory-shard-cell .shard-art{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}