#modal.wardrobe-modal{height:94dvh!important;max-height:94dvh!important;padding:12px!important}
#modal.wardrobe-modal #modalContent{height:100%!important;overflow:hidden!important}
#wardrobe-panel{position:relative;height:100%;display:flex;flex-direction:column;gap:8px;padding-top:27px;min-height:0}
#wardrobe-panel>h2{margin:0;font-size:22px;flex:none}.wardrobe-stage{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#15374c66,#08142233)}
.wardrobe-character{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#wardrobe-panel .wardrobe-slot{position:absolute;top:calc(var(--row)*16.666% + 2px);width:66px;height:calc(16.666% - 5px);max-height:86px;min-height:0!important;padding:4px 2px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #46d8f6aa!important;border-radius:12px!important;background:linear-gradient(140deg,#071b2fea,#1f1238e8)!important;box-shadow:inset 0 0 12px #4cb6e222;color:#effaff!important}
.wardrobe-left{left:3px}.wardrobe-right{right:3px}.wardrobe-slot svg{width:29px;height:29px;fill:none;stroke:#86e9ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #23b9f3)}.wardrobe-slot span{font-size:9px;line-height:1.1;text-align:center}.wardrobe-slot i{position:absolute;right:4px;top:3px;font:normal 10px sans-serif;color:#87b3cb}.wardrobe-slot.is-equipped{border-color:#ee89f9!important;box-shadow:0 0 8px #e550d544}.wardrobe-slot.is-equipped i{color:#fff0a6}
.wardrobe-total{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:none}.wardrobe-total>span{padding:4px;background:#07182bcc;border:1px solid #46cdea66;border-radius:7px;text-align:center;min-width:0}.wardrobe-total small{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis}.wardrobe-total b{font-size:12px;color:#ffe8a5}
.wardrobe-inventory{position:absolute;inset:14% 0 0;z-index:5;display:flex;flex-direction:column;padding:13px;border:1px solid #6ce2ff;border-radius:16px;background:linear-gradient(135deg,#0c2437f8,#1b1430fa);box-shadow:0 -20px 60px #0008;min-height:0}.wardrobe-inventory-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.wardrobe-inventory h3{font-size:18px;margin:0}.wardrobe-inventory button{min-height:30px!important;padding:6px 9px!important;border:1px solid #62d7ed99!important;border-radius:9px!important;background:#15324a!important;color:#eafbff!important;font-size:11px!important}.wardrobe-inventory-list{overflow:auto;min-height:0;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding-top:12px}.wardrobe-inventory article{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #4ab9da66;border-radius:11px;background:#041a2bdc;flex:none}.wardrobe-item-icon svg{width:30px;height:30px;fill:none;stroke:#75dfff;stroke-width:2}.wardrobe-inventory article>div:nth-child(2){flex:1;min-width:0}.wardrobe-inventory article b{font-size:12px}.wardrobe-inventory article p{font-size:10px;margin:5px 0;color:#b8dbeb}.wardrobe-empty{font-size:13px;color:#adc8d9}.wardrobe-error{margin:0;font-size:11px;color:#ffd0d3;flex:none}
@media(max-height:600px){#wardrobe-panel{padding-top:18px}.wardrobe-slot svg{width:23px;height:23px}.wardrobe-slot span{font-size:8px}.wardrobe-total small{font-size:7px}.wardrobe-total b{font-size:10px}}
#modal.wardrobe-modal.screen-single{height:94dvh!important;min-height:94dvh!important;max-height:94dvh!important}
#modal.wardrobe-modal.screen-single #modalContent{height:calc(94dvh - 26px)!important;max-height:calc(94dvh - 26px)!important}
#modal.wardrobe-modal.screen-single #wardrobe-panel{height:100%!important}
#modal.wardrobe-modal #wardrobe-panel .wardrobe-character{height:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:center!important}
.character-look{display:block;width:100%;height:100%;min-height:0;pointer-events:none}
.world-headwear-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}
.wardrobe-item-icon img{display:block;width:48px;height:40px;object-fit:contain}
.wardrobe-inventory .hat-class{display:block;margin-top:4px;font-size:10px;color:#9acee1}.hat-class-3{color:#77c1ff!important}.hat-class-4{color:#dca1ff!important}.hat-class-5{color:#ffcf70!important}.hat-class-6{color:#ff98c0!important}
#player-profile .pp-character{height:clamp(160px,29dvh,250px);border:1px solid #4acee777;border-radius:12px;overflow:hidden;background:#061728;margin:0 0 10px}
.static-character-frame>.character-look{position:absolute;inset:0;height:100%;width:100%}.static-character-frame:has(>.character-look){position:relative}
.wardrobe-hats .wardrobe-inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}
.wardrobe-hats article{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;padding:8px;gap:5px}
.wardrobe-hats article>div:nth-child(2){min-width:0}.wardrobe-hats article b{font-size:10px;line-height:1.2;display:block}.wardrobe-hats article p{font-size:9px;line-height:1.25}.wardrobe-hats article small{font-size:9px}.wardrobe-hats article button{grid-column:1/-1;width:100%}
.static-character-frame:has(>.character-look){height:min(52svh,480px)}
.static-fighter-portrait>.character-look{display:block;width:100%;height:100%}