/* 소모품 슬롯 및 고급 푸른 외곽광 */
.item-slots { display:flex; justify-content:center; align-items:center; gap:7px; }
.item-slot { position:relative; display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; min-height:40px; padding:2px; color:#b8b69d; border:1px solid #6e756354; border-radius:5px 8px 5px 7px; background:linear-gradient(135deg,#30433e,#172522 75%); box-shadow:inset 0 1px 5px #0009; }
.item-slot::before,.item-slot::after { display:none; }
.item-slot img { grid-area:1/1; width:36px; height:36px; object-fit:contain; }
.item-empty { grid-area:1/1; font-size:23px; color:#849084; }
.item-slot.has-art .item-empty { display:none; }
.item-grade { position:absolute; top:-2px; right:1px; font-size:9px; color:#efd19a; text-shadow:0 1px 2px #000; }
.item-slot.unusable img { opacity:.6; }
.item-slot:focus-visible { outline:2px solid #e8c77c; outline-offset:2px; }
.item-fine img:not(.supply-board),img.item-fine,#supply-screen .item-fine .supply-art { filter:drop-shadow(0 0 1px #a1e9ff) drop-shadow(0 0 4px #48adf2b0) drop-shadow(0 0 7px #297ace55); }
.art-battle.with-items .player-stats { top:-24px; }
.art-battle .item-dock { position:absolute; top:97px; left:18px; right:auto; width:max-content; height:auto; display:flex; align-items:center; pointer-events:auto; z-index:4; }
.art-battle .item-dock .item-slots { display:flex; flex-wrap:nowrap; gap:4px; }
.art-battle .item-dock .item-slot { flex:0 0 26.6px; width:26.6px; height:26.6px; min-height:26.6px; padding:0; }
.art-battle .item-dock .item-slot img { width:24.7px; height:24.7px; }
.art-battle .item-dock .item-grade { font-size:7px; right:0; }
.art-battle .item-dock-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.item-dock-label { font-size:10px; color:#adb6a5; }
.art-battle .item-slot { background:linear-gradient(135deg,#30433e,#172522 75%); border:1px solid #6e756354; border-radius:5px 8px 5px 7px; }
.art-battle .item-buffs { position:absolute; top:130px; left:18px; display:flex; gap:5px; z-index:3; pointer-events:auto; max-width:150px; flex-wrap:wrap; }
.item-buff { display:flex; align-items:center; gap:2px; padding:2px; background:#0b171ddd; color:#d2dfce; font-size:9px; border-radius:3px; }
.item-buff img { width:19px; height:19px; object-fit:contain; }
.supply-item-inventory { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:5px 0; }
#item-currency { color:#e7c989; font-size:12px; }
#supply-screen .supply-item-inventory .item-slot { flex-basis:35px; width:35px; height:35px; min-height:35px; }
#supply-screen .supply-item-inventory img { width:31px; height:31px; }
#supply-screen .item-for-sale>strong { color:#cee7eb; }
#supply-screen .item-for-sale>small { color:#dac396; }
#supply-screen.has-payout .supply-scene { padding-bottom:22px; }
#supply-screen.has-payout .supply-object { min-height:40px; height:58px; }
#supply-screen.has-payout .supply-art { height:56px; }
#supply-screen.has-payout .supply-symbol svg { width:42px; height:44px; }
#item-dialog { width:min(calc(100vw - 28px),410px); text-align:center; }
.item-detail-art { height:116px; display:grid; place-items:center; }
#item-detail-image { width:112px; height:112px; object-fit:contain; }
#item-description { font-size:17px; line-height:1.6; }
#item-lifetime,#item-message { font-size:14px; line-height:1.55; }
#item-message { color:#81452f; min-height:22px; }
.item-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
#item-dialog .ui-action { min-height:43px; padding:8px 12px; font-size:16px; }
#item-cancel { margin-top:12px; min-width:110px; }
.item-dock[hidden],.item-buffs[hidden],.item-slot[hidden],#item-dialog button[hidden],.item-slot img[hidden] { display:none!important; }