/* BY-WOW · collections and animated icy-glass shop navigation */
.has-avatar-frame{position:relative;isolation:isolate}.has-avatar-frame::after{content:"";position:absolute;inset:0;background:var(--avatar-frame-image) center/100% 100% no-repeat;pointer-events:none;border-radius:inherit;z-index:3}.public-profile-cover{background-image:var(--profile-cover-image),linear-gradient(135deg,#123752,#192b48)!important;background-position:center!important;background-size:cover!important}
.shop-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0;align-self:start}.shop-sidebar>.panel{margin:0}.shop-menu-tree,.cosmetic-menu{padding:14px!important;overflow:hidden;background:linear-gradient(145deg,rgba(23,54,76,.8),rgba(9,25,44,.88))!important;backdrop-filter:blur(16px);border:1px solid rgba(144,211,239,.22)!important;box-shadow:inset 0 1px rgba(211,242,255,.06),0 14px 36px #020d1926}.shop-menu-tree h3,.cosmetic-menu h3{margin:4px 8px 14px;font-size:13px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;color:#a9d3e6}.shop-menu-tree button,.cosmetic-menu button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;border-radius:11px;padding:12px 11px;color:#b9ccdc;font-size:13px;line-height:1.45;min-height:46px;box-shadow:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;transform:none!important}.shop-menu-tree button:hover,.cosmetic-menu button:hover{color:#e1f6ff;background:rgba(112,197,234,.08);border-color:rgba(144,211,239,.18)}.shop-menu-tree button[aria-pressed=true],.cosmetic-menu button[aria-pressed=true]{color:#e0f5ff;background:linear-gradient(100deg,rgba(79,169,210,.23),rgba(71,127,178,.12));border-color:#93d2ef45;box-shadow:inset 3px 0 #89d4f0}.shop-menu-tree button:focus-visible,.cosmetic-menu button:focus-visible{outline:2px solid #90d6f4;outline-offset:-3px}.shop-menu-chevron{width:16px;height:16px;flex:none;margin-left:auto;transition:transform .26s}.shop-menu-tree [aria-expanded=true] .shop-menu-chevron,.cosmetic-menu [aria-expanded=true] .shop-menu-chevron{transform:rotate(180deg)}.shop-menu-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .22s ease}.shop-menu-collapse.is-open{grid-template-rows:1fr;opacity:1}.shop-menu-children{min-height:0;overflow:hidden;display:block!important;margin:0!important;padding:0 0 0 17px!important}.shop-menu-children button{position:relative;padding:9px 10px 9px 18px!important;min-height:38px;font-size:12px}.shop-menu-children button::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;position:absolute;left:7px;opacity:.6}.cosmetic-menu-group+.cosmetic-menu-group{margin-top:4px}.cosmetic-menu .bywow-icon{width:20px;height:20px;flex:none;color:#98cfe8}.cosmetic-menu [data-kind]>span{flex:1}.shop-menu-tree [data-count]{margin-left:auto;font-size:11px;opacity:.7}.shop-menu-tree [data-category=armor] [data-count]{margin-left:auto}.shop-menu-tree [data-category=armor] .shop-menu-chevron{margin-left:0}
.cosmetic-store{min-width:0}.cosmetic-store[hidden]{display:none}.cosmetic-heading{margin-bottom:18px!important}.cosmetic-heading h2{margin:7px 0 12px}.cosmetic-heading label{max-width:420px;display:grid;gap:8px}.cosmetic-grid,.cosmetic-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.cosmetic-product{margin:0!important;padding:20px!important;display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s}.cosmetic-product:hover{transform:translateY(-4px);box-shadow:0 18px 36px #010b2040;border-color:var(--rarity-color,#79c2e6)}.cosmetic-product h3{margin:0;overflow-wrap:anywhere;font-size:16px}.cosmetic-product p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#aec5d6;flex:1}.cosmetic-preview{display:grid;place-items:center;overflow:hidden;position:relative;isolation:isolate;border:1px solid var(--rarity-color,#8faebf);border-radius:22%;width:88px;height:88px;align-self:center;background:radial-gradient(circle at 50% 30%,#214b69,#0b1c2b);box-shadow:0 6px 18px #0003}.cosmetic-preview img{display:block;width:100%;height:100%;object-fit:cover}.cosmetic-preview-frame::before{content:"✧";position:absolute;z-index:-1;font-size:46px;color:#a0cce4}.cosmetic-preview-frame img{object-fit:contain}.cosmetic-preview-background{width:100%;height:auto;aspect-ratio:1600/650;border-radius:12px}.cosmetic-preview-background img{aspect-ratio:1600/650}.cosmetic-rarity{color:var(--rarity-color,#a9c0d0);text-align:center}.cosmetic-price{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#c7efff}.cosmetic-price del,.shop-card-price del,.shop-product-bottom del{font-size:11px;color:#91a7ba;font-weight:400}.cosmetic-discount{font-size:10px;border:1px solid #6fbfa843;background:#337b632e;color:#a7d8bf;padding:2px 4px;border-radius:5px}.shop-card-price{flex-wrap:wrap}.shop-card-price strong{font-size:inherit}.cosmetic-product>.cosmetic-price{margin-top:auto}.cosmetic-product>button,.cosmetic-product>a{margin-top:3px;text-align:center;font-size:12px}.cosmetic-empty{grid-column:1/-1;padding:30px;text-align:center}.cosmetic-history{margin-top:24px;padding-top:20px;border-top:1px solid #9bcae326}.cosmetic-order-list>div{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #9bcae21c}.cosmetic-order-list small{display:block;margin-top:6px;color:#94acbe;font-size:11px}.cosmetic-delivered{color:#a6d3b7;font-size:12px}.cosmetic-confirm>.cosmetic-preview{margin:20px auto}.cosmetic-confirm>.cosmetic-price{justify-content:center}.cosmetic-confirm::backdrop{background:#020c1ac2;backdrop-filter:blur(7px)}.cosmetic-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cosmetic-actions>button{margin:0!important}.cosmetic-actions>a{width:auto}.cosmetic-settings .cosmetic-collection{margin:18px 0}.cosmetic-owned{display:flex!important;flex-direction:column;align-items:center;gap:10px;padding:18px!important;border:1px solid #9bcae22e!important}.cosmetic-owned strong{white-space:normal;overflow-wrap:anywhere}.cosmetic-owned[aria-pressed=true]{border-color:#91cabb!important;background:#315c542b!important;opacity:1!important}.cosmetic-owned>span:last-child{font-size:12px;color:#aac5d8}.cosmetic-owned small{font-size:11px}
[data-rarity=common]{--rarity-color:#c7d1d9}[data-rarity=rare]{--rarity-color:#78b9ee}[data-rarity=epic]{--rarity-color:#bf92e9}[data-rarity=legendary]{--rarity-color:#e6b278}small[data-rarity],span[data-rarity]{color:var(--rarity-color)}
.cosmetics-admin{display:grid;gap:20px;min-width:0}.cosmetics-admin[hidden]{display:none!important}.cosmetics-admin>.panel{margin:0!important;min-width:0}.cosmetic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;margin:20px 0}.cosmetic-form-grid label{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:0;min-width:0;font-size:13px}.cosmetic-form-grid input:not([type=checkbox]),.cosmetic-form-grid textarea,.cosmetic-form-grid select,.cosmetic-filters input,.cosmetic-filters select{width:100%;min-width:0;box-sizing:border-box;margin:0;min-height:44px}.cosmetic-full{grid-column:1/-1}.cosmetic-form-grid .cosmetic-check{flex-direction:row;align-items:center;gap:10px}.cosmetic-check input{width:17px;height:17px;flex:none;margin:0}.cosmetic-form-grid small{font-size:12px;line-height:1.6;color:#9db8cb}.cosmetic-filters{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin-bottom:22px}.cosmetic-filters label{display:grid;gap:8px;min-width:0}.cosmetic-admin-product{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #a5d6f126}.cosmetic-admin-product>.cosmetic-preview{width:66px;height:66px;flex:none;border-radius:14px}.cosmetic-admin-product>.cosmetic-preview-background{width:105px;height:54px}.cosmetic-admin-copy{min-width:0;display:grid;gap:6px;flex:1}.cosmetic-admin-copy strong{overflow-wrap:anywhere}.cosmetic-admin-copy small,.cosmetic-admin-copy>span{color:#9cb7ca;font-size:12px}.cosmetic-admin-product .cosmetic-actions{justify-content:flex-end}.cosmetic-admin-product button{font-size:12px;min-height:38px;padding:8px 11px}.cosmetic-edit-preview{display:flex;align-items:center;gap:20px}.cosmetic-edit-preview>.cosmetic-preview{flex:none}.cosmetic-edit-preview>.cosmetic-preview-background{width:180px}.cosmetic-notice:empty{display:none}.cosmetic-notice{padding:12px 15px;border-radius:9px;font-size:13px}.cosmetic-notice.is-success{color:#b4d7bd;background:#355d462b;border:1px solid #8cbaa038}.cosmetic-notice.is-error{color:#e3b2b2;background:#6b33332b;border:1px solid #c18a8a38}.cosmetic-danger{color:#dcb0b0!important}.cosmetic-rule-list>div{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:15px 0;border-top:1px solid #9bcae226}.cosmetic-rule-list small{grid-column:1/-1;color:#9db4c6}.cosmetic-rule-list strong{overflow-wrap:anywhere}
@media(max-width:900px){.cosmetic-admin-product{flex-wrap:wrap}.cosmetic-admin-product .cosmetic-actions{width:100%;justify-content:flex-start}.shop-sidebar{gap:14px}.cosmetic-menu h3{margin-top:4px}}
@media(max-width:600px){.cosmetic-form-grid,.cosmetic-filters{grid-template-columns:1fr;gap:18px}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cosmetic-product{padding:14px!important;gap:10px}.cosmetic-product h3{font-size:14px}.cosmetic-product p{font-size:12px}.cosmetic-product .cosmetic-preview:not(.cosmetic-preview-background){width:70px;height:70px}.cosmetic-order-list>div{flex-wrap:wrap;font-size:12px}.cosmetic-order-list>div>span:first-child{width:100%}.cosmetic-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cosmetic-rule-list>div{grid-template-columns:1fr}.cosmetic-edit-preview{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.shop-menu-collapse,.shop-menu-chevron,.cosmetic-product,.shop-menu-tree button,.cosmetic-menu button{transition:none!important}.cosmetic-product:hover{transform:none}}

.shop-main>[hidden]{display:none!important}.shop-sidebar .shop-menu-tree{display:flex!important;flex-direction:column!important;gap:4px}.shop-sidebar .shop-menu-tree>.shop-menu-collapse{width:100%}
.cosmetic-heading input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid rgba(150,207,236,.3);border-radius:10px;padding:11px 14px;background:rgba(3,16,31,.52);color:#dceefb;font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.cosmetic-heading input:focus{border-color:#8dcdea;box-shadow:0 0 0 3px #8dcdea15}.cosmetic-heading input::placeholder{color:#8da5ba}.cosmetic-product>button,.cosmetic-confirm .cosmetic-actions button,.cosmetic-settings button{border:1px solid #8ecce64d;border-radius:10px;background:linear-gradient(135deg,#234b66,#17344d);color:#dceefb;min-height:42px;padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}.cosmetic-product>button:hover,.cosmetic-confirm .cosmetic-actions button:hover{border-color:#a7ddf0;background:linear-gradient(135deg,#305d78,#20465e)}.cosmetic-product>button:focus-visible,.cosmetic-confirm button:focus-visible{outline:2px solid #9bd5ec;outline-offset:3px}.cosmetic-confirm button:disabled{opacity:.55;cursor:wait}
.cosmetic-form-grid textarea,.cosmetic-form-grid select,.cosmetic-form-grid input:not([type=checkbox]),.cosmetic-filters select,.cosmetic-filters input{border:1px solid rgba(145,204,232,.28);border-radius:10px;background:rgba(5,24,39,.62);color:#d7e8f5;padding:11px 14px;font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.cosmetic-form-grid textarea{resize:vertical;min-height:108px;line-height:1.6}.cosmetic-form-grid textarea:focus,.cosmetic-form-grid select:focus,.cosmetic-form-grid input:focus,.cosmetic-filters input:focus,.cosmetic-filters select:focus{border-color:#8acbe6;box-shadow:0 0 0 3px #8acbe615}.cosmetic-form-grid input::file-selector-button{border:1px solid #8ecce64d;border-radius:7px;background:#24495f;color:#dceefb;padding:7px 10px;margin-right:12px;cursor:pointer}.cosmetic-form-grid input[type=checkbox]{accent-color:#80bfd6}

/* Frames surround the avatar opening; image corners stay clipped by the img. */
:root .has-avatar-frame{overflow:visible!important}
:root :is(.bywow-avatar,.profile-avatar,.cabinet-nav-monogram,.forum-avatar).has-avatar-frame{border-color:transparent!important}
.has-avatar-frame::after{inset:auto;left:var(--avatar-frame-left,-12%);top:var(--avatar-frame-top,-12%);width:var(--avatar-frame-width,124%);height:var(--avatar-frame-height,124%);border-radius:0;opacity:0}
.has-avatar-frame[data-frame-fit=ready]::after{opacity:1}
.public-profile-card>.public-profile-avatar.has-avatar-frame{margin-bottom:calc(17px + var(--avatar-frame-bottom-space,12px))}
.profile-avatar.has-avatar-frame{margin-inline:var(--avatar-frame-side-space,6px)}
.forum-avatar.has-avatar-frame{margin-top:var(--avatar-frame-top-space,8px);margin-bottom:var(--avatar-frame-bottom-space,8px)}
.cabinet-nav-monogram.has-avatar-frame{margin-top:var(--avatar-frame-top-space,8px);margin-bottom:calc(10px + var(--avatar-frame-bottom-space,8px))}
.avatar-current>.bywow-avatar.has-avatar-frame{margin:var(--avatar-frame-top-space,8px) var(--avatar-frame-side-space,8px) var(--avatar-frame-bottom-space,8px)}
.cosmetic-preview-frame.has-avatar-frame{margin:var(--avatar-frame-top-space,8px) var(--avatar-frame-side-space,8px) var(--avatar-frame-bottom-space,8px)}

/* Same compact product structure as game items; expansion never moves neighbours. */
.cosmetic-store .cosmetic-grid{gap:18px;align-items:start}.cosmetic-store .cosmetic-product{display:flex;text-align:left;align-items:stretch}.cosmetic-store .shop-card-summary{align-items:center}.cosmetic-store .shop-card-name h3{margin:0;font-size:15px;line-height:1.45}.cosmetic-store .shop-product-icon{width:58px;height:58px;flex:none;overflow:visible;padding:6px!important}.cosmetic-store .shop-product-icon .cosmetic-preview{width:42px;height:42px;margin:0!important;min-width:0}.cosmetic-store .shop-product-icon .cosmetic-preview-frame::before{font-size:24px}.cosmetic-store .shop-card-price{flex-wrap:wrap}.cosmetic-store .shop-detail-heading{padding-right:42px;min-height:34px}.cosmetic-store .shop-product-details-inner>.shop-stock{margin-top:8px}.cosmetic-store .shop-product-bottom{align-items:center;flex-wrap:wrap}.cosmetic-store .cosmetic-rarity{letter-spacing:0;text-transform:none}.cosmetic-store .cosmetic-price{margin:0}.cosmetic-store-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cosmetic-store-tools label{display:grid;gap:8px;min-width:0}.cosmetic-store-tools select,.cosmetic-store-tools input{width:100%;min-width:0}.cosmetic-store .shop-product-slot:focus-visible{outline:2px solid #8ac7e5;outline-offset:4px;border-radius:16px}.product-discount-fields{grid-column:1/-1;min-width:0;margin:10px 0 18px;padding:20px;border:1px solid #90c5e52e;border-radius:14px}.product-discount-fields legend{padding:0 8px;color:#b7d8e8;font-weight:650}.product-discount-fields p{margin:0 0 16px}.product-discount-fields input{box-sizing:border-box}.cosmetic-product-slot .shop-popularity{font-size:12px;color:#95afbf}.cosmetic-product-slot .shop-rating{margin-bottom:0}.cosmetic-product-slot .shop-wishlist-toggle{right:16px;top:15px}.cosmetic-store .cosmetic-heading{margin-bottom:18px}.cosmetic-store .cosmetic-product>.cosmetic-preview{display:none}
@media(max-width:600px){.cosmetic-store-tools{grid-template-columns:1fr}.product-discount-fields{padding:14px}.cosmetic-store .shop-product-icon{width:54px;height:54px}}

.cosmetic-store .cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-store .cosmetic-product{gap:0}.cosmetic-store .shop-product-icon{width:48px;height:48px}.cosmetic-store .shop-card-summary{grid-template-columns:48px minmax(0,1fr)}.cosmetic-store .shop-description{margin-bottom:12px}.cosmetic-store .shop-popularity{margin:10px 0 12px}.cosmetic-store .cosmetic-price{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media(min-width:1250px){.cosmetic-store .cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.cosmetic-store .cosmetic-grid{grid-template-columns:1fr}}

.cosmetic-store-tools select{box-sizing:border-box;min-height:46px;padding:11px 13px;border:1px solid #95c4df3d;border-radius:10px;background:#091e30e8;color:#c4deec;font:inherit;font-size:13px;color-scheme:dark}.cosmetic-store-tools select:focus-visible{outline:2px solid #9bd5ec;outline-offset:2px}

/* Separated hover disclosures and full-size cosmetics showcases. */
.shop-sidebar .shop-menu-tree{gap:7px}.cosmetic-menu-group+.cosmetic-menu-group{margin-top:9px}.shop-armor-group{min-width:0}.shop-sidebar .shop-menu-children{padding:0 0 0 12px!important;display:flex!important;flex-direction:column;gap:6px}.shop-sidebar .shop-menu-collapse.is-open>.shop-menu-children{padding-top:9px!important;padding-bottom:9px!important}.shop-sidebar .shop-menu-children button{width:calc(100% - 3px);margin:0;flex:none;box-sizing:border-box;border-radius:9px}.shop-sidebar .shop-menu-children button[aria-pressed=true]{box-shadow:inset 2px 0 #89d4f0;background:#40728d38}.shop-sidebar .shop-armor-group>button{width:100%}
.cosmetic-store .cosmetic-display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:22px;align-items:stretch}.cosmetic-display-card.panel{position:relative;min-width:0;display:flex;flex-direction:column;margin:0!important;padding:0!important;overflow:hidden;border-radius:18px;isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s;background:linear-gradient(155deg,#193b51b8,#091f32df);backdrop-filter:blur(24px)}.cosmetic-display-card:hover{transform:translateY(-3px);border-color:var(--rarity-color);box-shadow:0 18px 42px #030e1c55}.cosmetic-display-stage{height:242px;position:relative;display:grid;place-items:center;padding:38px 24px 22px;box-sizing:border-box;background:radial-gradient(ellipse at center,#46718d33,transparent 70%),linear-gradient(150deg,#1e46613d,#06182988);border-bottom:1px solid #a0cbe325}.cosmetic-art{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.cosmetic-art img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 13px #0005)}.cosmetic-art-avatar>img{width:164px;height:164px;border-radius:27%;object-fit:cover}.cosmetic-art-frame>img{width:182px;height:182px;position:relative;z-index:1;object-fit:contain}.cosmetic-art-avatar{max-width:100%}.cosmetic-art-frame>.cosmetic-art-avatar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:27%;background:linear-gradient(145deg,#335b73,#122c43);box-shadow:inset 0 0 22px #07162499;display:grid;place-items:center}.cosmetic-art-avatar svg{width:85px;height:85px;stroke:#85acc075;stroke-width:2}.cosmetic-art-background{width:100%;height:100%}.cosmetic-art-background img{object-fit:contain;border-radius:7px}.cosmetic-display-rarity{position:absolute;top:14px;left:15px;font-size:11px;color:var(--rarity-color);border:1px solid color-mix(in srgb,var(--rarity-color) 28%,transparent);padding:5px 9px;border-radius:20px;background:#081d2db0}.cosmetic-favorite{position:absolute;right:13px;top:12px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #afd6eb38;border-radius:11px;background:#0b2234c9;color:#a9c8d9;cursor:pointer}.cosmetic-favorite svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:transparent}.cosmetic-favorite[aria-pressed=true]{color:#dca1b5;border-color:#dca1b560;background:#59354550}.cosmetic-favorite[aria-pressed=true] svg{fill:#dca1b540}.cosmetic-favorite:disabled{opacity:.45;cursor:default}.cosmetic-display-copy{display:flex;flex-direction:column;gap:13px;padding:20px;flex:1;min-width:0}.cosmetic-display-kind{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#89aaba}.cosmetic-display-copy h3{font-size:18px;line-height:1.4;min-height:2.8em;margin:0;overflow-wrap:anywhere;color:#d9ecf5}.cosmetic-display-rating{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #b1d6e91c;border-bottom:1px solid #b1d6e91c;padding:10px 0}.cosmetic-display-rating>span{font-size:14px;color:#d2c8a4;display:flex;align-items:center;gap:7px}.cosmetic-display-rating small{font-size:11px;color:#92afc1}.cosmetic-display-rating>div{display:flex;gap:3px}.cosmetic-display-rating button{padding:0;width:23px;height:28px;min-height:28px;border:0;background:transparent;font-size:21px;color:#68899e;cursor:pointer;transition:color .15s,transform .15s}.cosmetic-display-rating button:hover,.cosmetic-display-rating button.is-rated{color:#d4c17e}.cosmetic-display-rating button:disabled{opacity:.45;cursor:default}.cosmetic-display-description{font-size:12px;line-height:1.7;color:#a5bfce;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;overflow-wrap:anywhere;white-space:pre-line}.cosmetic-display-stock{font-size:12px;color:#a0c6bb}.cosmetic-display-stock.sold-out{color:#c29aa6}.cosmetic-display-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#8eacbf}.cosmetic-display-stats>span{display:flex;justify-content:space-between;gap:6px;padding:9px 10px;background:#071b2c52;border:1px solid #a0c9df17;border-radius:9px}.cosmetic-display-stats strong{color:#bed6e3;font-weight:600}.cosmetic-display-footer{margin-top:auto;padding-top:17px;border-top:1px solid #b0d0e026;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}.cosmetic-display-footer .cosmetic-price{margin:0;font-size:18px}.cosmetic-purchase{display:flex;justify-content:center;align-items:center;min-height:41px;box-sizing:border-box;padding:10px 15px;border-radius:10px;border:1px solid #9fcce64d;background:linear-gradient(135deg,#2d5973,#17384d);color:#d5ebf8;text-decoration:none;font:inherit;font-size:12px;cursor:pointer}.cosmetic-purchase:disabled{opacity:.45;cursor:default}.cosmetic-display-card button:focus-visible,.cosmetic-purchase:focus-visible{outline:2px solid #a1d6ef;outline-offset:3px}.cosmetic-display-grid .shop-empty{grid-column:1/-1}
@media(max-width:600px){.cosmetic-display-stage{height:225px}.cosmetic-display-copy{padding:17px}.cosmetic-display-copy h3{min-height:0}.cosmetic-display-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.cosmetic-display-card,.cosmetic-display-rating button{transition:none}}

/* Compact artwork slots; details unfold downward without reflowing neighbours. */
.cosmetic-store .cosmetic-display-grid{align-items:start;overflow:visible}.cosmetic-display-slot{position:relative;min-width:0;height:242px;z-index:1}.cosmetic-display-slot>.cosmetic-display-card.panel{position:absolute;inset:0 0 auto;width:100%;box-sizing:border-box;transform:none;display:block}.cosmetic-display-slot.is-expanded{z-index:40}.cosmetic-display-slot.is-expanded>.cosmetic-display-card{border-color:var(--rarity-color);box-shadow:0 20px 55px #020c1ba3;background:linear-gradient(155deg,#193b51ef,#091f32f5)}.cosmetic-display-stage{border-bottom:0}.cosmetic-display-slot.is-expanded .cosmetic-display-stage{border-bottom:1px solid #a0cbe325}.cosmetic-preview-toggle{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:38px 24px 22px!important;margin:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;box-shadow:none!important;cursor:pointer;transform:none!important}.cosmetic-preview-toggle:focus-visible{outline:2px solid #a1d6ef!important;outline-offset:-4px!important;border-radius:16px!important}.cosmetic-display-rarity{pointer-events:none;z-index:2}.cosmetic-details{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s ease,opacity .22s ease,visibility .3s}.cosmetic-details-clip{min-height:0;overflow:hidden}.cosmetic-display-slot.is-expanded .cosmetic-details{grid-template-rows:1fr;opacity:1;visibility:visible}.cosmetic-details .cosmetic-display-copy{box-sizing:border-box}.cosmetic-display-copy h3{min-height:0}
.cosmetic-display-card button.cosmetic-favorite{box-sizing:border-box!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;line-height:0!important;flex:none;z-index:3;transform:none!important}.cosmetic-display-card button.cosmetic-favorite svg{display:block!important;box-sizing:border-box;width:20px!important;height:20px!important;min-width:20px;max-width:none;margin:0!important;padding:0!important;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:600px){.cosmetic-display-slot{height:225px}}@media(prefers-reduced-motion:reduce){.cosmetic-details{transition:none}}

.cosmetic-display-slot{height:300px}.cosmetic-compact-summary{box-sizing:border-box;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 16px;border-top:1px solid #a0cbe325}.cosmetic-compact-summary .cosmetic-price{margin:0;font-size:15px;gap:6px}.cosmetic-compact-rating{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px;color:#d2c8a4}.cosmetic-compact-rating small{color:#8faabc;font-size:11px}.cosmetic-display-slot.is-expanded .cosmetic-display-stage{border-bottom:0}
@media(max-width:600px){.cosmetic-display-slot{height:283px}}
/* The image follows the frame opening; the frame itself stays unmasked. */
:root .has-avatar-frame:has(>img){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
:root .has-avatar-frame>img{border-radius:18%!important}
:root .has-avatar-frame[data-frame-fit=ready][data-frame-clip=ready]>img{border-radius:0!important;-webkit-mask-image:var(--avatar-opening-mask,none);mask-image:var(--avatar-opening-mask,none);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.cosmetic-art-frame>.cosmetic-live-avatar{display:grid;place-items:center;width:var(--avatar-size);height:var(--avatar-size);flex:none;position:relative;isolation:isolate;border-radius:18%;background:linear-gradient(145deg,#335b73,#122c43);overflow:visible}
.cosmetic-art-frame>.cosmetic-live-avatar>img{display:block;width:100%;height:100%;object-fit:cover;filter:none}
.cosmetic-live-avatar>svg{width:75%;height:75%;stroke:#85acc075;stroke-width:2}
.cosmetic-confirm>.cosmetic-art-frame{height:220px;margin:18px auto}
/* Consistent separation for the favourites, cart and cosmetics sections. */
.shop-main{display:flex!important;flex-direction:column;gap:20px!important;min-width:0}
.shop-main>.panel,.shop-main>.cosmetic-store{margin:0!important;min-width:0}
.cosmetic-store{display:flex;flex-direction:column;gap:18px;min-width:0}
.cosmetic-store[hidden]{display:none!important}
.cosmetic-store>.cosmetic-heading{margin:0!important}
/* Stable price and status columns in cosmetic purchase history. */
#page .cosmetic-order-list>div{display:grid;grid-template-columns:minmax(0,1fr) 150px 160px;gap:22px;align-items:center}
#page .cosmetic-order-list>div>span:first-child{min-width:0;width:auto;overflow-wrap:anywhere}
#page .cosmetic-order-price{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
#page .cosmetic-order-price .bywow-crystal-icon{margin:0!important;flex:none}
#page .cosmetic-order-list .cosmetic-delivered{justify-self:end;text-align:right}
/* Keep the currency directly beside the balance. */
#profile-bar .profile-crystals{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
#profile-bar .profile-crystals-icon{display:inline-flex!important;align-items:center;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;flex:0 0 auto!important}
#profile-bar .profile-crystals-value{margin:0!important;padding:0!important;flex:0 0 auto!important}
#profile-bar .profile-crystals .bywow-crystal-icon{margin:0!important}
@media(max-width:600px){#page .cosmetic-order-list>div{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}#page .cosmetic-order-list>div>span:first-child{grid-column:1/-1}#page .cosmetic-order-price{justify-content:flex-start}#page .cosmetic-order-list .cosmetic-delivered{grid-column:2}}