/* Shared visual hierarchy. Functional item controls retain their existing action paths. */
.iw-panel{width:min(1380px,calc(100vw - 36px))!important;background:linear-gradient(120deg,#252925,#151d20 45%,#161c20)!important;border-color:#8d805f!important;box-shadow:0 0 0 3px #0d1315,0 0 0 4px #584f39,0 24px 72px #000d!important}
.iw-panel>header{padding:16px 22px!important}.iw-panel>header h2{font-size:24px!important;font-weight:500;letter-spacing:4px}.iw-panel #panel-sub{font-size:10px;letter-spacing:2px;color:#a69878}
.iw-layout{grid-template-columns:minmax(345px,1.12fr) minmax(350px,1.18fr) minmax(255px,.88fr);gap:16px}.iw-layout.iw-character-layout{grid-template-columns:minmax(390px,1.35fr) minmax(335px,1fr) minmax(245px,.86fr)}
.iw-character,.iw-container,.iw-details{border-color:#615840;background:#0f181bbf;box-shadow:inset 0 1px #b6a06b12,0 8px 18px #0002}.iw-section-heading{min-height:42px;border-bottom-color:#514b39;background:linear-gradient(90deg,#383b32,#202a2d);padding:9px 12px}.iw-section-heading h3{font-size:15px;letter-spacing:1px}
.iw-dressing{height:420px;background:radial-gradient(ellipse at 50% 38%,#313b3b,#10171b 80%)}.iw-dressing canvas{width:320px;height:420px}.iw-character-layout .iw-dressing{height:470px}.iw-character-layout .iw-dressing canvas{width:358px;height:470px}.iw-slots{top:26px;gap:16px}.iw-slots.left{left:12px}.iw-slots.right{right:12px}.iw-equip-slot{width:58px}.iw-equip-slot .iw-item{width:58px;height:60px;min-height:60px}.iw-equip-slot>small{line-height:19px;font-size:10px;color:#b9ae91}.iw-preview-label{bottom:10px;padding:5px 13px;border:1px solid #7b715344;border-radius:2px;background:#0e171acf;font-size:11px}
.iw-rotation{padding:8px;border-top-color:#6c5c3a60}.iw-view-controls{display:flex;justify-content:center;gap:5px;padding:0 8px 9px}.iw-view-controls button{padding:5px 8px;font-size:11px;color:#bfb69c;background:#1b2729;border:1px solid #565343}.iw-view-controls button.active{background:#514932;color:#eee0b6;border-color:#aa9260}.iw-preview-note{line-height:1.7;font-size:10px;padding:0 8px;color:#9eacaa}.iw-stats{padding:11px 6px}.iw-stats strong{font-size:20px}
.iw-grid{gap:7px;padding:12px}.iw-item{height:78px;border-color:color-mix(in srgb,var(--rarity,#72613c) 42%,#343b39)!important;box-shadow:inset 0 0 0 2px #0004,inset 0 1px 7px #b0a78308}.iw-item .item-icon,.iw-item .art-icon{max-width:48px;filter:drop-shadow(0 3px 3px #0008)}.iw-item-name{font-size:10px;height:16px;line-height:16px;padding:0 2px;box-sizing:border-box}.iw-plus{top:3px;right:4px;font-size:10px;background:#0e1416bb;padding:0 2px}.iw-lock{top:3px;left:4px;font-size:9px;border-radius:2px;padding:1px 2px}.iw-item.is-selected{outline-color:#f2d995;box-shadow:inset 0 0 16px #ba954025,0 0 8px #c3ac6120}.iw-item.is-restricted:after{content:'';position:absolute;bottom:18px;right:4px;width:5px;height:5px;background:#bd6a5c;border:1px solid #ebbaa2;transform:rotate(45deg)}
.iw-detail-icon{padding:18px 12px;min-height:84px;background:radial-gradient(ellipse at 30% 45%,#6e644127,transparent 72%)}.iw-details .item-detail{padding:15px!important}.iw-details .item-detail p{font-size:12px;line-height:1.85;color:#c6ccbd}.iw-details .item-detail h3{font-size:18px;letter-spacing:1px}.iw-details{max-height:635px}.iw-toolbar{background:#111c1ecc;border-color:#514d3d}.iw-nav button{letter-spacing:.5px}.iw-footer{border-color:#514d3d}
#portrait.premium-portrait{background:radial-gradient(ellipse at 50% 25%,#555b4d,#172125 78%)!important;border:1px solid #aa926557;box-shadow:inset 0 0 14px #05090bd0;overflow:hidden}#portrait.premium-portrait canvas{width:100%;height:100%;display:block}
body[data-premium-scene] .top-center{pointer-events:none;text-shadow:0 2px 4px #080e13}body[data-premium-scene] #mapsub{font-size:11px;opacity:.8}body[data-premium-scene] .control-hint{opacity:.65}
@media(max-width:1200px){.iw-layout,.iw-layout.iw-character-layout{grid-template-columns:minmax(300px,1fr) minmax(305px,1fr) minmax(230px,.8fr);gap:9px}.iw-dressing,.iw-character-layout .iw-dressing{height:385px}.iw-dressing canvas,.iw-character-layout .iw-dressing canvas{height:385px;width:293px}.iw-grid{gap:4px;padding:7px}.iw-item{height:72px}.iw-slots{gap:11px;top:12px}.iw-slots.left{left:7px}.iw-slots.right{right:7px}.iw-equip-slot,.iw-equip-slot .iw-item{width:52px}.iw-equip-slot .iw-item{height:54px;min-height:54px}}
@media(max-width:960px){.iw-layout,.iw-layout.iw-character-layout,.iw-layout.iw-warehouse{grid-template-columns:minmax(285px,1fr) minmax(305px,1fr)}.iw-details{grid-column:1/-1;max-height:none}.iw-panel{width:calc(100vw - 22px)!important}.iw-dressing,.iw-character-layout .iw-dressing{height:410px}.iw-dressing canvas,.iw-character-layout .iw-dressing canvas{height:410px;width:312px}.iw-slots{gap:14px}.iw-view-controls{flex-wrap:wrap}}
@media(max-width:640px){.iw-layout,.iw-layout.iw-character-layout,.iw-layout.iw-warehouse{display:flex;flex-direction:column}.iw-dressing,.iw-character-layout .iw-dressing{height:420px}.iw-dressing canvas,.iw-character-layout .iw-dressing canvas{height:420px;width:320px}.iw-panel #panel-content{padding:8px!important}.iw-nav{gap:10px}.iw-toolbar input:not([type=checkbox]){width:100%}.iw-grid{gap:5px;padding:10px}.iw-item{height:75px}}

/* Direct perspective character stage */
.iw-dressing{height:480px;background:radial-gradient(ellipse at 35% 20%,#344449 0%,#14212b 45%,#080e17 90%)}.iw-character-layout .iw-dressing{height:560px}.iw-dressing #iw-portrait,.iw-character-layout .iw-dressing #iw-portrait{width:100%!important;height:100%!important;cursor:grab}.iw-dressing #iw-portrait:active{cursor:grabbing}.iw-slots{z-index:2}.iw-preview-label{z-index:3;pointer-events:none}.iw-rotation>span{font-size:10px}
@media(max-width:960px){.iw-dressing,.iw-character-layout .iw-dressing{height:480px}}

/* Unified fixed-view character room, reference v3. */
.iw-dressing,.iw-character-layout .iw-dressing{height:clamp(410px,52vh,550px);background:#0c141c}
.iw-preview-label{bottom:7px;font-size:10px;letter-spacing:.5px}
.iw-item .art-icon{width:54px!important;height:54px!important;max-width:54px;filter:drop-shadow(0 2px 2px #0008) brightness(1.08)}
.iw-equip-slot .iw-item .art-icon{width:48px!important;height:48px!important}
.iw-item{height:84px}.iw-item-name{font-size:10px;line-height:17px;height:17px}
.iw-plus,.iw-lock{z-index:1}.iw-lock{color:#d4c49d;background:#10171bd9}
.iw-detail-empty{min-height:130px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:1200px){.iw-item{height:78px}.iw-item .art-icon{width:48px!important;height:48px!important}.iw-dressing,.iw-character-layout .iw-dressing{height:440px}}
@media(max-width:640px){.iw-dressing,.iw-character-layout .iw-dressing{height:480px}.iw-item{height:80px}}