.inventory-shard-frame{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;position:relative;box-sizing:border-box;border:2px solid #bd9b59;border-radius:12px;background:radial-gradient(ellipse,#35271f,#130e0b 80%)}.inventory-shard-frame .shard-art{width:85%;height:85%;min-width:0;min-height:0;object-fit:contain}.hero-shards{position:absolute;left:151px;top:197px;width:324px;height:202px;pointer-events:none}.hero-shard-slots{position:relative;width:100%;height:100%}.hero-shard-slot{position:absolute;width:77px;height:78px;padding:0;border:2px solid #c59d56;border-radius:11px;background:radial-gradient(ellipse,#392c20,#100e0b 80%);box-shadow:0 0 0 2px #36291b,inset 0 0 0 2px #8b663d66,0 3px 4px #100b08bb;cursor:pointer;pointer-events:auto}.hero-shard-slot:nth-child(1){left:0;top:0}.hero-shard-slot:nth-child(2){left:0;bottom:0}.hero-shard-slot:nth-child(3){right:0;top:0}.hero-shard-slot:nth-child(4){right:0;bottom:0}.hero-shard-slot:before,.hero-shard-slot:after{content:"◆";position:absolute;top:27px;font-size:17px;color:#9d7b40;text-shadow:0 1px #291e10;z-index:-1}.hero-shard-slot:before{left:-10px}.hero-shard-slot:after{right:-10px}.hero-shard-stone{display:grid;place-items:center;width:100%;height:100%}.hero-shard-stone img{width:43px;height:59px;object-fit:contain}.hero-shard-empty{color:#77603d;font-size:40px;opacity:.6}.hero-shard-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.character-equipment{position:absolute;inset:0;isolation:isolate}.character-equipment-art{position:absolute;left:20.3%;top:4.85%;width:59.35%;height:85.46%;pointer-events:none}.character-equipment-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 0 #b87539) drop-shadow(-1px 0 #b87539) drop-shadow(0 1px #b87539) drop-shadow(0 -1px #b87539)}.character-equipment-shadow{position:absolute;left:24.5%;top:81%;width:56.45%;height:8.3%;background:radial-gradient(ellipse,#0c0908a6,transparent 68%);filter:blur(8px);pointer-events:none}.character-equipment-column{position:absolute;top:0;bottom:19.4%;width:17.1%;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.character-equipment-column--left{left:3.55%}.character-equipment-column--right{right:3.55%}.character-equipment-column>[data-equip-slot]{width:100%!important;height:auto!important;aspect-ratio:1;box-sizing:border-box;border-radius:13px!important;border:2px solid #dab778!important;background:radial-gradient(ellipse,#35271f,#130e0b 80%)!important;box-shadow:0 0 0 2px #30251b,0 4px 6px #08070699,inset 0 0 0 2px #8d68394a!important}.character-equipment-column>[data-equip-slot]>div{border-radius:10px!important}.character-equipment>.hero-shards{left:24.35%;top:26.5%;width:52.25%;height:27.2%}.character-equipment .hero-shard-slot{width:24%;height:auto;aspect-ratio:1}.character-equipment .hero-shard-stone img{width:56%;height:76%}.character-equipment--inventory .character-equipment-column{bottom:10%}.character-equipment--inventory .character-equipment-art{height:94%;top:3%}.character-equipment--inventory .character-equipment-shadow{top:90%}@media(max-width:779px){.character-equipment-column{bottom:12%}.character-equipment-art{left:22%;top:4%;width:56%;height:90%}.character-equipment>.hero-shards{left:22%;top:26%;width:56%;height:29%}.character-equipment .hero-shard-slot:before,.character-equipment .hero-shard-slot:after{top:25%;font-size:13px}}.shard-socket-shade{position:fixed;inset:0;z-index:4200;background:#120c0870;display:grid;place-items:center;padding:24px;box-sizing:border-box}.shard-socket-window{position:relative;width:min(650px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;--game-window-padding:34px 30px 28px;color:#493117;outline:none}.shard-socket-window h2{margin:0 24px 8px 0;font:800 27px Alegreya SC,Georgia,serif}.shard-socket-window h3{font-size:17px;margin:22px 0 10px}.shard-socket-intro,.shard-socket-hint{font-size:14px;line-height:1.5;color:#76552e;margin:8px 0 14px}.shard-socket-types{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #ad874e55;border-bottom:1px solid #ad874e55}.shard-socket-types>span{display:flex;align-items:center;gap:7px;font-size:13px}.shard-socket-types .shard-art{width:26px;height:36px}.shard-socket-equipped,.shard-socket-list>div{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ad874e55}.shard-socket-equipped>div,.shard-socket-list>div>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.shard-socket-equipped>.inventory-shard-frame,.shard-socket-list>div>.inventory-shard-frame{width:64px;height:64px;flex:none}.shard-socket-equipped>div>span,.shard-socket-list>div>div>span{font-size:13px;color:#76552e}.shard-socket-empty{padding:18px 0}.shard-socket-empty p{font-size:14px;line-height:1.6;margin:8px 0 0}.shard-socket-window [role=alert]{color:#9e3727}@media(max-width:600px){.shard-socket-shade{padding:12px}.shard-socket-window{max-height:calc(100dvh - 24px);--game-window-padding:30px 22px 24px}.shard-socket-window h2{font-size:23px}.shard-socket-equipped,.shard-socket-list>div{gap:9px}}.shard-socket-window{display:flex;flex-direction:column;--game-window-max-height: calc(100dvh - 48px) }.shard-socket-body{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ac8043 transparent;padding-right:4px}.shard-socket-body .wood-button{min-width:90px}@media(max-width:600px){.shard-socket-window{--game-window-max-height: calc(100dvh - 24px) }}.shard-socket-body .wood-button,.shard-socket-body .wood-button-content{color:#fff}