.showroom-stage{--stage-left:0px;--stage-right:0px;z-index:1;background:#16303a;position:absolute;inset:0;overflow:hidden}.showroom-stage iframe{background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.showroom-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 78%,#021424a6),linear-gradient(#0616227a,#0000 20%);position:absolute;inset:0}.showroom-title{z-index:2;top:22px;left:calc(var(--stage-left) + 26px);right:calc(var(--stage-right) + 26px);pointer-events:none;text-shadow:0 2px 3px #000c,0 4px 18px #0009;position:absolute}.showroom-title>span{letter-spacing:2.5px;text-transform:uppercase;color:#b9d7e2;font:11px BrawlSecondary,Arial;display:block}.cosmetics-categories .showroom-title h2{text-transform:uppercase;color:#ffd98a;margin:4px 0;font:40px/1 Brawl,serif}.showroom-title p{color:#d5e6ee;max-width:460px;margin:0;font:14px/1.4 BrawlSecondary,Arial}.showroom-note{z-index:2;top:26px;right:calc(var(--stage-right) + 24px);letter-spacing:1px;color:#d8edf2;text-shadow:0 2px 6px #000;align-items:center;gap:7px;font:11px BrawlSecondary,Arial;display:flex;position:absolute}.showroom-live-dot{background:#91e6cf;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #5ce7be}.showroom-controls{z-index:2;bottom:22px;left:calc(var(--stage-left) + 24px);gap:6px;display:flex;position:absolute}.cosmetics-categories .showroom-controls .boa-ui-button{white-space:nowrap;height:38px;min-height:38px;padding:2px 12px;font-size:15px}@media (max-width:900px){.showroom-stage{border-radius:6px;flex:none;height:420px;position:relative;inset:auto}.showroom-title{top:14px;left:16px;right:16px}.cosmetics-categories .showroom-title h2{font-size:28px}.showroom-note{display:none}.showroom-controls{bottom:12px;left:12px}}@media (prefers-reduced-motion:reduce){.showroom-stage *{transition:none!important}}
body .boa-shell .shell-window:has(>.cosmetics-categories){overflow:hidden}.cosmetics-categories{--cos-gold:#ffbd42;--cos-cyan:#49c6e6;--cos-ink:#dcecf4;--cos-muted:#93b4c4;--cos-bar:64px;width:100%;height:100%;min-height:0;color:var(--cos-ink);background:linear-gradient(115deg,#071216ef,#10252cea),url(/game-ui/arena-backdrop.jpg) 50%/cover;flex-direction:column;font-family:BrawlSecondary,Arial,sans-serif;display:flex;position:relative}.cosmetics-tab-intent>.boa-ui-tabs{flex-direction:column;flex:1;min-height:0;display:flex}body .cosmetics-tab-intent>.boa-ui-tabs>[role=tablist]{height:var(--cos-bar);box-sizing:border-box;background:linear-gradient(#061a26f2,#081e2bd9);border:0;border-bottom:1px solid #3d6c8055;border-radius:0;flex:none;justify-content:flex-start;align-items:center;gap:6px;margin:0;padding:10px 440px 10px 20px;display:flex}body .cosmetics-tab-intent>.boa-ui-tabs>[role=tablist]>[role=tab]{flex:0 0 132px;min-width:0;height:42px;min-height:42px;padding:2px 12px;font-size:17px}.cosmetics-tab-intent>.boa-ui-tabs>[role=tabpanel]{flex:1;min-height:0;position:relative;overflow:hidden}.cosmetics-bar-tools{height:var(--cos-bar);z-index:5;align-items:center;gap:14px;display:flex;position:absolute;top:0;right:78px}.cosmetics-bar-tools .gem-wallet.boa-ui-button{align-items:center;gap:8px;height:44px;min-height:44px;padding:2px 10px;display:flex}.cosmetics-bar-tools .gem-icon{width:30px;height:30px}.cosmetics-bar-tools .gem-wallet-total{gap:1px;display:grid}.cosmetics-bar-tools .gem-wallet-total strong{font:21px/1 Brawl,sans-serif}.cosmetics-bar-tools .gem-wallet-total small{letter-spacing:1px;font:8px BrawlSecondary,sans-serif}.cosmetics-bar-tools .gem-wallet-topup{color:#c4f2ff;font:12px/1 BrawlSecondary,sans-serif}.cosmetics-history{color:#a9c5d8;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:44px;padding:0 4px;font:12px BrawlSecondary,sans-serif}.cosmetics-history:hover{color:#e4f6ff;text-decoration:underline}.wardrobe-preview-note{letter-spacing:1px;color:#6d8d9c;white-space:nowrap;font:10px BrawlSecondary,Arial}.cosmetics-search{color:#7fa6b8;box-sizing:border-box;background:#06192399;border:1px solid #41667b;border-radius:4px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.cosmetics-search:focus-within{border-color:#78c9e4;box-shadow:0 0 0 1px #78c9e455}.cosmetics-search input{color:#eef7fb;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font:14px BrawlSecondary,Arial,sans-serif}.cosmetics-search input::placeholder{color:#7c9cab}.cosmetics-search input::-webkit-search-cancel-button{filter:invert(.7)}.cosmetics-categories main.wardrobe{background:#16303a;position:absolute;inset:0;overflow:hidden}.wardrobe-empty{text-align:center;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.wardrobe-empty h2{color:var(--cos-gold);margin:0;font:28px Brawl,serif}.wardrobe-empty p{color:var(--cos-muted);margin:0 0 10px}.wardrobe-rail,.wardrobe-panel{z-index:3;box-sizing:border-box;background:linear-gradient(#0c2537f2,#081b29f5);flex-direction:column;min-height:0;display:flex;position:absolute;top:14px;bottom:14px}.wardrobe-rail{gap:8px;width:226px;padding:4px 2px 4px 4px;left:14px}.wardrobe-panel{gap:12px;width:336px;padding:4px 6px;right:14px}.wardrobe-units{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#477c92 transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.cosmetics-categories .wardrobe-units>button{border:7px solid #0000;border-image:var(--game-tile);color:#cbe0ed;text-align:left;cursor:pointer;background:0 0;border-image-source:none;flex:none;align-items:center;gap:10px;min-height:52px;margin:0;padding:0 6px 0 2px;font:16px/1.1 Brawl,serif;display:flex}.cosmetics-categories .wardrobe-units>button:hover:not(:disabled){border-image-source:var(--game-button-hover)}.cosmetics-categories .wardrobe-units>button[aria-pressed=true]{border-image-source:var(--game-button-primary);color:#fff;text-shadow:0 2px #0a5f80}.wardrobe-units>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wardrobe-card-thumbnail{flex:0 0 32px;width:32px;display:block}.wardrobe-none{color:var(--cos-muted);margin:12px 6px;font-size:13px}.wardrobe-panel-wait{text-align:center;color:var(--cos-muted);flex:1;place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid}.wardrobe-section{flex-direction:column;flex:none;gap:8px;min-height:0;display:flex}.wardrobe-section>header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cosmetics-categories .wardrobe-section h3{color:#e2eff6;margin:0;font:20px Brawl,serif}.wardrobe-section>header>span{color:var(--cos-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font:11px BrawlSecondary,Arial;overflow:hidden}.wardrobe-section:first-of-type{flex:0 auto;min-height:0}.wardrobe-gears{scrollbar-width:thin;scrollbar-color:#477c92 transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid;overflow-y:auto}.cosmetics-categories .wardrobe-gears>button{--rarity:#6c8fa0;border:6px solid #0000;border-image:var(--game-tile);color:#dcecf6;text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto auto;min-width:0;margin:0;padding:0 0 3px;display:grid;position:relative}.wardrobe-gears>button.rarity-rare{--rarity:#3d9bff}.wardrobe-gears>button.rarity-epic{--rarity:#b67cff}.wardrobe-gears>button.rarity-legendary{--rarity:#ffb938}.cosmetics-categories .wardrobe-gears>button:hover:not(:disabled){border-image-source:var(--game-button-hover)}.cosmetics-categories .wardrobe-gears>button[aria-pressed=true]{border-image-source:var(--game-button-primary)}.wardrobe-gears>button[aria-pressed=true] .gear-name{color:#fff;text-shadow:0 2px #0a5f80}.wardrobe-gears>button[aria-pressed=true] .gear-state{color:#e7fbff}.wardrobe-gears>button>img{object-fit:cover;object-position:50% 18%;width:100%;height:78px;box-shadow:inset 0 -3px var(--rarity);background:#0b2230;border-radius:2px;display:block}.gear-name{text-overflow:ellipsis;white-space:nowrap;padding:5px 4px 1px;font:13px/1.1 Brawl,serif;overflow:hidden}.gear-state{color:#a5c7d6;justify-content:flex-start;align-items:center;gap:3px;padding:0 4px;font:11px BrawlSecondary,Arial;display:flex}.gear-state b{color:#7ff0d0;font-weight:400}.gear-state .gem-icon{width:15px;height:15px}.cosmetics-categories .studio-dyes{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cosmetics-categories .studio-dyes>button{aspect-ratio:1;cursor:pointer;background:#0a2230;border:1px solid #3b6072;border-radius:50%;width:auto;height:auto;min-height:0;margin:0;padding:5px;transition:transform .12s,border-color .12s;position:relative}.studio-dyes>button:hover:not(:disabled){transform:scale(1.08)}.studio-dyes .dye-swatch{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 -3px 5px #0006,inset 0 2px 3px #fff5}.cosmetics-categories .studio-dyes>button[aria-pressed=true]{border-color:#ffe3a0;box-shadow:0 0 0 2px #ffcf6b,0 0 12px #ffc95d66}.studio-dyes>button.is-locked:after{content:"";background:#0b2231 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%239fc3d3' d='M5 7V5a3 3 0 0 1 6 0v2h1v7H4V7h1zm1.5 0h3V5a1.5 1.5 0 0 0-3 0v2z'/%3E%3C/svg%3E") 50%/9px no-repeat;border:1px solid #3b6072;border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.cosmetics-categories .purchase-panel{border-top:1px solid #31586b;flex-direction:column;flex:none;gap:6px;margin-top:auto;padding:12px 2px 2px;display:flex}.wardrobe-status{letter-spacing:1.2px;text-transform:uppercase;text-align:center;color:var(--cos-muted);margin:0;font:11px BrawlSecondary,Arial}.wardrobe-status.is-equipped{color:#7ff0d0}.wardrobe-status.is-owned{color:#9fe3ff}.cosmetics-categories .purchase-panel .shop-primary{width:100%;min-height:48px;font-size:19px}.cosmetics-categories .purchase-panel .boa-purchase-action{width:100%}.cosmetics-categories .purchase-note{text-align:center;color:#8db1c3;margin:0;font-size:11px}.complete-collection{text-align:center;border-top:1px solid #7ca1b83b;gap:5px;margin-top:6px;padding-top:10px;display:grid}.complete-collection>span{letter-spacing:1px;color:#f5d58b;font:10px BrawlSecondary,Arial}.complete-collection>small{color:#b9d0df;font:10px/1.4 BrawlSecondary,Arial}.complete-collection .boa-ui-button{min-height:40px;font-size:15px}.bundle-includes{gap:6px;max-height:180px;margin:16px 0;display:grid;overflow:auto}.bundle-includes>div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.bundle-includes small{white-space:nowrap;color:#b8d5dc}.cosmetics-categories .shop-message{z-index:6;color:#d4f3fb;text-align:center;pointer-events:none;background:#103745f2;border:1px solid #4a8fa8;border-radius:4px;max-width:420px;margin:0;padding:9px 16px;font:12px BrawlSecondary,Arial;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.wardrobe .lesson-hint{z-index:8;max-width:260px;margin:0;position:absolute;top:20px;left:260px}.wardrobe .wallet-balance,.collection-dialog .wallet-balance{justify-content:center;align-items:center;gap:8px;display:flex}.collection-dialog .unlock-cost strong{align-items:center;gap:5px;display:inline-flex}.collection-dialog .unlock-cost .gem-icon{width:23px;height:23px}@media (max-width:900px){body .cosmetics-tab-intent>.boa-ui-tabs>[role=tablist]{flex-wrap:wrap;gap:4px;height:auto;padding:8px 10px}body .cosmetics-tab-intent>.boa-ui-tabs>[role=tablist]>[role=tab]{flex:1 1 0;padding:2px 6px;font-size:14px}.cosmetics-bar-tools{order:-1;justify-content:flex-end;height:auto;padding:8px 10px 0;position:static}.cosmetics-categories{--cos-bar:auto}.cosmetics-history,.wardrobe-preview-note{display:none}.cosmetics-tab-intent>.boa-ui-tabs>[role=tabpanel]{overflow-y:auto}.cosmetics-categories main.wardrobe{background:0 0;flex-direction:column;gap:10px;padding:10px;display:flex;position:relative;inset:auto;overflow:visible}.wardrobe-rail,.wardrobe-panel{width:auto;position:relative;inset:auto}.wardrobe-rail{order:1}.showroom-stage{order:2}.wardrobe-panel{order:3}.wardrobe-units{flex-direction:row;padding:0 0 4px;overflow:auto hidden}.cosmetics-categories .wardrobe-units>button{text-align:center;flex-direction:column;flex:none;gap:4px;width:74px;min-height:0;padding:4px;font-size:12px}.wardrobe-units>button>span:last-child{white-space:normal}.wardrobe-card-thumbnail{flex-basis:auto;width:44px}.cosmetics-categories .shop-message{order:4;max-width:none;position:static;transform:none}.wardrobe .lesson-hint{position:static}.cosmetics-pane{position:relative;inset:auto}}.collection-dialog-panel>.collection-keep{width:100%;min-height:44px;margin-top:10px;font-size:16px;display:flex}.cosmetics-tab-intent{flex-direction:column;flex:1;min-height:0;display:flex}.cosmetics-pane{min-height:0;position:absolute;inset:0}.cosmetics-pane[hidden]{display:none}.gear-price{align-items:center;gap:3px;display:inline-flex}.gear-swagger{background:#150a26d9;border-radius:9px;padding:1px 5px 1px 3px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0008}