.cos-toolbar{display:flex;gap:14px;align-items:center;height:78px}.cos-toolbar select{width:220px}.cos-toolbar>input{flex:1;min-width:0}.cos-toolbar label{white-space:nowrap;font-size:13px}.cos-status{height:24px;margin:0 0 12px;color:#a9c6d4;font-size:13px}.cos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:710px;overflow:auto;padding:3px 8px 24px 3px;align-content:start}.cos-product{text-align:left;padding:0 0 14px;background:linear-gradient(145deg,#142434,#07101b);border:1px solid #36516a;overflow:hidden;min-width:0;transition:transform .18s,border-color .18s}.cos-product:hover{transform:translateY(-2px);border-color:#c9dabb}.cos-product.selected{border-color:#e9d293;box-shadow:0 0 0 1px #e9d293,0 0 20px #e9d29322}.cos-product>strong,.cos-product>small,.cos-product>span{display:block;margin:8px 12px 0}.cos-product>strong{font-size:15px;white-space:normal}.cos-product>small{color:#8ca6bb;font-size:11px}.cos-product>span{color:#c5edaa;font-size:12px}.cos-preview{height:174px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--cos-color) 22%,#102030),#050c16 80%);pointer-events:none}.shop-detail>.cos-preview{height:340px;flex-shrink:0;border:1px solid #62738466;border-radius:10px;margin:10px 0 24px}.shop-detail>.primary{margin:24px 0 12px;min-height:56px}.shop-detail>small{color:#96adbd;text-align:center}.cos-profile{display:flex;gap:12px;align-items:center;color:#ecf5ff;position:relative;min-width:0}.cos-avatar{width:80px;height:80px;position:relative;border:2px solid #546b80;border-radius:50%;flex-shrink:0;background:#071320}.cos-portrait{display:block!important;width:100%!important;height:100%!important;border-radius:inherit;overflow:hidden}.cos-avatar.framed{border:3px double var(--cos-color);box-shadow:0 0 0 4px #06131c,0 0 0 5px var(--cos-color),0 0 25px color-mix(in srgb,var(--cos-color) 40%,transparent)}.cos-avatar i{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);color:var(--cos-color);background:#071521;border-radius:50%;font:24px Georgia;line-height:28px;width:28px;text-align:center}.frame-frost{border-radius:20%!important;transform:rotate(-3deg)}.frame-royal{border-top-width:8px!important}.frame-arcane{border-style:dashed!important}.frame-ocean{border-style:double!important}.frame-ember{box-shadow:0 0 25px #ff71395c!important}.cos-name strong{display:block;font-size:17px;overflow-wrap:anywhere}.cos-name small{display:block;font-size:11px;color:#ead393;margin-top:7px}.cos-name.decorated{border-block:1px solid var(--plate-color);padding:10px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--plate-color) 28%,transparent),transparent)}.cos-preview .cos-profile{flex-direction:column;text-align:center}.cos-profile.compact .cos-avatar{width:44px;height:44px}.cos-profile.compact .cos-name strong{font-size:14px}.sidebar .profile>.cos-profile{width:100%;padding:7px 0}.sidebar .profile .cos-avatar{width:44px;height:44px}.scene{background-image:linear-gradient(0deg,#030912ee,transparent 80%),var(--scene);background-size:cover;background-position:center}.theme-frost{background-color:#214d64;background-blend-mode:luminosity}.theme-ember{background-color:#572825;background-blend-mode:luminosity}.theme-arcane{background-color:#473168;background-blend-mode:luminosity}.theme-ocean{background-color:#225754;background-blend-mode:luminosity}.theme-royal{background-color:#61532f;background-blend-mode:luminosity}.cos-scene-label{display:flex;flex-direction:column;align-items:center;font-size:52px;color:var(--cos-color);text-shadow:0 2px 9px #000}.cos-scene-label strong{font-size:14px;margin-top:12px}.cos-sigil{font:64px Georgia;color:var(--cos-color);text-shadow:0 0 24px var(--cos-color);z-index:1;animation:cos-float 3s ease-in-out infinite}.effect-preview>span{position:absolute;bottom:20px;color:var(--cos-color);font:10px monospace;letter-spacing:2px}.cos-ring{position:absolute;width:105px;height:105px;border:2px solid var(--cos-color);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--cos-color) 35%,transparent);animation:cos-spin 8s linear infinite}.cos-ring:after{content:'';position:absolute;inset:12px;border:1px dashed var(--cos-color);transform:rotate(45deg)}.effect-preview.kill .cos-ring{border-radius:5%;animation:cos-burst 2s infinite}.effect-preview.summon .cos-ring{transform:scaleY(.45);animation:cos-pulse 2s infinite}.effect-preview.emote .cos-ring{border:0;background:color-mix(in srgb,var(--cos-color) 15%,transparent);border-radius:24px}.effect-preview.victory .cos-ring{border-radius:0;transform:rotate(45deg)}.cos-lobby{background-image:linear-gradient(#04101c88,#07121a44 45%,#06121cf0),var(--scene)!important;background-size:cover!important;background-position:center!important;border-color:var(--cos-color)!important}.lobby-player .cos-profile{justify-content:center}.cos-entry{position:absolute;inset:0;z-index:4;pointer-events:none;color:var(--cos-color);display:grid;place-items:center;font:120px Georgia;text-shadow:0 0 50px var(--cos-color);background:radial-gradient(ellipse,#07132444,transparent 65%);animation:cos-arrive 1.8s ease-out both}.lobby-player{position:relative}.lobby-player .seat-name{position:relative;z-index:5}.cos-grid .cos-profile .cos-name strong{font-size:13px}.cos-grid .cos-avatar{width:62px;height:62px}.cos-grid .cos-name.decorated{padding:7px}.shop-detail .cos-avatar{width:115px;height:115px}.shop-detail .cos-profile .cos-name strong{font-size:24px}.cos-toolbar input[type=checkbox]{width:auto}.cos-product:focus-visible{outline:3px solid #fff;outline-offset:2px}@keyframes cos-float{50%{transform:translateY(-6px)}}@keyframes cos-spin{to{transform:rotate(360deg)}}@keyframes cos-pulse{50%{transform:scale(1.1,.55);opacity:.4}}@keyframes cos-burst{0%{transform:scale(.3) rotate(0);opacity:0}30%{opacity:1}100%{transform:scale(1.4) rotate(90deg);opacity:0}}@keyframes cos-arrive{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.cos-ring,.cos-sigil{animation:none}.cos-entry{display:none}}

.cos-map-preview{width:100%;height:100%;object-fit:cover}.cos-map-caption{position:absolute;bottom:10px;background:#04101bd9;color:var(--cos-color);padding:5px 10px;border-radius:4px;font-size:12px}.sidebar .profile [hidden]{display:none!important}
/* Generated illustrated cosmetics: shared atlas for previews and equipped visuals. */
.cos-art{display:block;background-image:var(--art-url);background-size:var(--art-size);background-position:var(--art-pos);background-repeat:no-repeat;pointer-events:none;flex-shrink:0}.premium-preview{isolation:isolate;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--cos-color) 14%,#101625),#040a13 75%)}.cos-premium-art{width:min(96%,300px);aspect-ratio:1;position:relative;z-index:1;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--cos-color) 35%,transparent));animation:cos-art-breathe 4s ease-in-out infinite}.cos-grid .cos-premium-art{width:165px;max-width:100%}.shop-detail .cos-premium-art{width:320px;max-width:95%}.premium-preview .cos-effect-caption{position:absolute;bottom:11px;z-index:2;font:11px Georgia,serif;letter-spacing:3px;color:#f9edd1;text-shadow:0 2px 5px #000}.premium-preview.victory .cos-effect-caption{bottom:35%;font:bold 16px Georgia;letter-spacing:2px}.shop-detail .premium-preview.victory .cos-effect-caption{font-size:28px}.premium-preview.emote .cos-effect-caption{background:#07101ed9;border:1px solid #ffffff26;border-radius:20px;padding:5px 12px;font:700 12px sans-serif;letter-spacing:0}.cos-light-rays{position:absolute;inset:0;background:conic-gradient(from 10deg at 50% 65%,transparent 0deg,color-mix(in srgb,var(--cos-color) 10%,transparent) 12deg,transparent 25deg,transparent 60deg,color-mix(in srgb,var(--cos-color) 10%,transparent) 72deg,transparent 90deg,transparent 170deg,color-mix(in srgb,var(--cos-color) 10%,transparent) 185deg,transparent 205deg);mask-image:radial-gradient(ellipse,#000,transparent 75%);animation:cos-art-breathe 5s ease-in-out infinite}.premium-preview.summon .cos-premium-art{animation:cos-summon-art 3s ease-in-out infinite}.premium-preview.kill .cos-premium-art{animation:cos-impact-art 2.5s ease-out infinite}.premium-preview.entry .cos-premium-art{animation:cos-portal-art 4s ease-in-out infinite}.cos-avatar{border:0;background:radial-gradient(#23364b,#07111f);overflow:visible}.cos-face-window{position:absolute;inset:8%;border-radius:50%;overflow:hidden}.cos-face-window .cos-portrait{width:180%!important;height:180%!important;position:absolute;left:-40%;top:-9%;border-radius:0;background-position:top center!important}.cos-avatar.image-framed{border:0;box-shadow:none;border-radius:50%;background:transparent}.image-framed .cos-face-window{inset:22%}.cos-frame-art{position:absolute;inset:-20%;width:140%;height:140%;z-index:2;filter:drop-shadow(0 2px 3px #0009)}.cos-identity{display:flex;flex-direction:column;align-items:center;min-width:0}.cos-name{position:relative;display:grid;place-items:center;min-height:24px}.cos-name.image-nameplate{width:180px;height:72px;border:0;background:none;padding:0}.cos-plate-art{position:absolute;width:100%;height:180px;top:50%;transform:translateY(-50%)}.cos-name strong{position:relative;z-index:1}.cos-name.image-nameplate strong{font-size:13px;text-shadow:0 1px 3px #000;max-width:115px;text-align:center}.cos-title-badge{position:relative;width:180px;height:56px;display:grid;place-items:center}.cos-title-art{position:absolute;width:100%;height:180px;top:50%;transform:translateY(-50%)}.cos-title-badge small{position:relative;z-index:1;color:#ffe8b3;font-size:11px;max-width:120px;text-align:center;text-shadow:0 1px 4px #000}.cos-profile.compact{gap:10px}.cos-profile.compact .image-nameplate{width:135px;height:48px}.cos-profile.compact .cos-plate-art{height:135px}.cos-profile.compact .image-nameplate strong{font-size:12px;max-width:95px}.cos-profile.compact .cos-title-badge{width:135px;height:35px}.cos-profile.compact .cos-title-art{height:135px}.cos-profile.compact .cos-title-badge small{font-size:9px;max-width:90px}.cos-preview .cos-profile{gap:8px}.shop-detail .cos-profile{gap:18px}.shop-detail .cos-name.image-nameplate{width:300px;height:110px}.shop-detail .cos-plate-art{height:300px}.shop-detail .cos-name.image-nameplate strong{font-size:22px;max-width:205px}.shop-detail .cos-title-badge{width:300px;height:95px}.shop-detail .cos-title-art{height:300px}.shop-detail .cos-title-badge small{font-size:16px;max-width:200px}.cos-entry{font-size:inherit;animation:cos-arrive-v2 2.8s ease-out both;background:none;overflow:hidden}.cos-entry-art{position:absolute;width:115%;aspect-ratio:1;top:45%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 20px var(--cos-color))}.cos-entry-caption{position:absolute;bottom:18%;font-size:18px;font-weight:bold;letter-spacing:3px;color:#fff3cf;text-shadow:0 2px 6px #000}.cos-chat-sticker{width:110px;height:110px;animation:cos-sticker-pop .35s ease-out}.sticker-alt{display:block;font-size:10px;color:#9eafc3}.premium-preview.emote .cos-premium-art{filter:drop-shadow(0 4px 8px #0008);animation:cos-sticker-idle 3s ease-in-out infinite}@keyframes cos-art-breathe{50%{filter:brightness(1.17) drop-shadow(0 0 12px color-mix(in srgb,var(--cos-color) 30%,transparent))}}@keyframes cos-summon-art{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1);opacity:1;filter:brightness(1.2)}}@keyframes cos-impact-art{0%{transform:scale(.3);opacity:0}15%{transform:scale(1.02);opacity:1;filter:brightness(1.6)}50%{opacity:1}90%,100%{transform:scale(1.13);opacity:0}}@keyframes cos-portal-art{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.25) drop-shadow(0 0 14px var(--cos-color))}}@keyframes cos-arrive-v2{0%{opacity:0;transform:scale(.65)}22%{opacity:1;transform:scale(1)}70%{opacity:1}100%{opacity:0;transform:scale(1.08)}}@keyframes cos-sticker-pop{from{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cos-sticker-idle{50%{transform:translateY(-4px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.cos-premium-art,.cos-light-rays,.cos-chat-sticker{animation:none!important}}

.sidebar .profile[role=button]{cursor:pointer}.sidebar .profile[role=button]:hover,.sidebar .profile[role=button]:focus-visible{background:#a5d36c15;outline:1px solid #b8c98a}
#account-wardrobe{width:min(1100px,90vw);max-height:85vh;padding:24px;background:#091522;color:#e0eafa;border:1px solid #ac9466;border-radius:12px;overflow:auto}#account-wardrobe::backdrop{background:#000b}#account-wardrobe header{display:flex;justify-content:space-between;align-items:center}#account-wardrobe h2{margin:8px 0 16px}#account-wardrobe header small{color:#d5b67d;letter-spacing:2px}.wardrobe-profile{margin-bottom:16px}.wardrobe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wardrobe-grid .cos-product{cursor:default}.wardrobe-grid .cos-preview{height:155px}.wardrobe-grid button{margin:10px;width:calc(100% - 20px)}#account-wardrobe [role=status]{color:#a9c5db;font-size:13px}

/* V3: bounded artwork and readable text, shared across every equipped surface. */
.cos-name.image-nameplate,.cos-profile.compact .cos-name.image-nameplate,.shop-detail .cos-name.image-nameplate{width:180px;height:48px;box-sizing:border-box;padding:0 24px;overflow:hidden}
.cos-name.image-nameplate .cos-plate-art,.cos-profile.compact .cos-plate-art,.shop-detail .cos-plate-art{inset:0;width:100%;height:100%;transform:none}
.cos-name.image-nameplate strong,.cos-profile.compact .image-nameplate strong,.shop-detail .cos-name.image-nameplate strong{font-size:13px;line-height:18px;max-width:132px;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}
.cos-title-badge,.cos-profile.compact .cos-title-badge,.shop-detail .cos-title-badge{width:180px;height:34px;padding-bottom:10px;box-sizing:border-box}
.cos-title-art,.cos-profile.compact .cos-title-art,.shop-detail .cos-title-art{width:100%;height:20px;top:auto;bottom:-2px;transform:none}
.cos-title-badge small,.cos-profile.compact .cos-title-badge small,.shop-detail .cos-title-badge small{max-width:160px;font-size:11px;line-height:16px}
.cos-profile .cos-avatar.image-framed{width:58px;height:58px}.cos-frame-art{inset:-8%;width:116%;height:116%}.image-framed .cos-face-window{inset:12%}.cos-identity{gap:2px}.lobby-player .cos-profile{gap:12px;min-height:74px}.lobby-player .cos-name strong{margin:0}.cos-profile.compact{flex-wrap:wrap;justify-content:center}.sidebar .profile>.cos-profile{justify-content:flex-start}
.cos-product{background:#0c1722;border:1px solid #293c4b;border-radius:10px;box-shadow:none}.cos-product.selected{border-color:#b6c9aa;box-shadow:0 0 0 1px #b6c9aa}.cos-preview{background:#101e2b}.cos-light-rays{display:none}.cos-premium-art{filter:none;animation:none}.premium-preview .cos-effect-caption{display:none}.cos-grid{gap:16px}.cos-product>strong{font-size:14px}.shop-detail{background:#0b1723;border-color:#293c4b}.shop-detail h2{font:600 25px 'Malgun Gothic',sans-serif;letter-spacing:0}.cos-preview .cos-profile{gap:12px}.shop-detail .cos-profile{gap:18px}.cos-title-badge small{margin:0!important}.cos-grid .cos-preview{height:180px}

/* Sidebar account: fixed one-line avatar + centered nameplate. */
.sidebar .profile[role=button]{display:flex;align-items:center;min-height:78px;padding:12px 4px;gap:0;border:1px solid transparent;border-top-color:#846d49;border-radius:5px}
.sidebar .profile>.cos-profile.compact{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;min-width:0;gap:10px;padding:0;margin:0}
.sidebar .profile .cos-profile.compact .cos-avatar{flex:0 0 42px;width:42px;height:42px;margin:0}
.sidebar .profile .cos-identity{flex:1;min-width:0;align-items:stretch;justify-content:center;gap:0}
.sidebar .profile .cos-name,.sidebar .profile .cos-profile.compact .cos-name.image-nameplate{display:grid;place-items:center;width:100%;height:42px;min-height:42px;padding:0 16px;margin:0;overflow:hidden}
.sidebar .profile .cos-profile.compact .cos-plate-art{position:absolute;inset:0;width:100%;height:100%;transform:none;margin:0}
.sidebar .profile .cos-name strong,.sidebar .profile .cos-profile.compact .image-nameplate strong{display:block;width:100%;max-width:none;margin:0;padding:0;text-align:center;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.sidebar .profile .cos-title-badge{width:100%;height:25px;padding:0 0 6px;margin-top:-2px}.sidebar .profile .cos-title-badge small{font-size:9px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* Wardrobe: collection grid and dedicated preview, matching the approved concept. */
#account-wardrobe{box-sizing:border-box;width:min(1680px,94vw);max-width:94vw;height:min(1000px,92vh);max-height:92vh;padding:32px 38px 16px;border:2px solid #a88c59;border-radius:24px;background:linear-gradient(120deg,#0c1b2a,#07121c);box-shadow:0 28px 100px #000b;overflow:hidden;display:none;font-family:'Malgun Gothic',sans-serif}
#account-wardrobe[open]{display:flex;flex-direction:column}#account-wardrobe::backdrop{background:#02070abf;backdrop-filter:blur(7px)}
#account-wardrobe header{flex:none;border-bottom:1px solid #304352;padding:0 14px 20px;gap:20px}#account-wardrobe header small{font-size:13px;letter-spacing:4px;color:#d5b176}#account-wardrobe header h2{font-size:36px;margin:10px 0 0;color:#f4f6fb;line-height:1.3}#account-wardrobe [data-close]{padding:13px 18px;border:1px solid #344657;border-radius:9px;background:#142230;color:#e3e9f0;font-size:16px}
#account-wardrobe .wardrobe-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);flex:1;min-height:0}
#account-wardrobe .wardrobe-catalog{min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px 24px 0 0}
#account-wardrobe .wardrobe-toolbar{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}#account-wardrobe nav{display:flex;gap:8px;flex-shrink:0}#account-wardrobe nav button{border:1px solid #253a49;border-radius:8px;padding:12px 18px;background:linear-gradient(#152433,#0a1721);color:#b9cadb;font-size:15px;white-space:nowrap}#account-wardrobe nav button[aria-pressed=true]{color:#ffe6a1;border-color:#d7b56b;background:linear-gradient(#363429,#171f24);box-shadow:inset 0 0 0 1px #b09155,0 0 12px #c8a55622}
#account-wardrobe input[type=search]{flex:1;min-width:190px;width:200px;background:#0b1722;border:1px solid #2c4050;border-radius:8px;height:46px;padding:0 14px;color:#e7eef5;font-size:14px}
#account-wardrobe .wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:320px;gap:16px;overflow-y:auto;align-content:start;min-height:0;padding:2px 5px 5px 2px;scrollbar-width:thin;scrollbar-color:#52616a #08131d}
#account-wardrobe .wardrobe-card{position:relative;padding:0;margin:0;min-width:0;overflow:hidden;text-align:left;color:#edf2f8;background:linear-gradient(145deg,#0d1d2a,#09141e);border:1px solid #344b5c;border-radius:13px;display:flex;flex-direction:column;cursor:pointer}#account-wardrobe .wardrobe-card:hover{border-color:#a28a60}#account-wardrobe .wardrobe-card.selected{border:2px solid #ebc579;box-shadow:0 0 12px #edc77535}
#account-wardrobe .wardrobe-card-art{display:grid;place-items:center;width:100%;height:238px;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#19304055,transparent 75%)}#account-wardrobe .wardrobe-card-art>.cos-preview{width:100%;height:100%;margin:0;background:transparent}#account-wardrobe .wardrobe-card-text{padding:12px 17px;border-top:1px solid #243747;min-height:77px;box-sizing:border-box;width:100%}#account-wardrobe .wardrobe-card-text small{display:block;color:#96adbf;font-size:14px;margin-bottom:7px}#account-wardrobe .wardrobe-card-text strong{display:block;font-size:19px;line-height:1.35;color:#f1f5fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account-wardrobe .wardrobe-equipped{position:absolute;right:12px;top:12px;border:1px solid #b99c66;color:#ffdf8c;background:#10202bea;border-radius:20px;padding:6px 12px;font-size:13px}
#account-wardrobe .wardrobe-object{width:92%;height:90%;position:relative;display:grid;place-items:center}#account-wardrobe .wardrobe-object>.cos-art{position:absolute;inset:0;width:100%;height:100%}#account-wardrobe .wardrobe-object.frame{width:190px;height:190px}#account-wardrobe .wardrobe-object.nameplate{height:80px}#account-wardrobe .wardrobe-object.title{height:68px}#account-wardrobe .wardrobe-object strong{position:relative;color:#edf4fd;font-size:18px;max-width:65%;text-align:center;text-shadow:0 2px 4px #000}
#account-wardrobe .wardrobe-detail{position:relative;min-width:0;overflow-y:auto;border-left:1px solid #314555;padding:24px 30px 10px;background:linear-gradient(#07131e33,#07131e 66%),url('/assets/wardrobe-hall-v1.png') center top/100% auto no-repeat;scrollbar-width:thin}#account-wardrobe .wardrobe-detail h3{font-size:23px;color:#f0f4fa;margin:0 0 20px}#account-wardrobe .wardrobe-stage{height:345px;display:flex;align-items:center;justify-content:center}#account-wardrobe .wardrobe-stage>.cos-preview{height:100%;width:100%;background:transparent;border:0}#account-wardrobe .wardrobe-stage .cos-profile{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}#account-wardrobe .wardrobe-stage .cos-avatar{width:205px;height:205px;border:2px solid #c4a15d;border-radius:50%;background:#122334}#account-wardrobe .wardrobe-stage .cos-avatar.image-framed{width:205px;height:205px}#account-wardrobe .wardrobe-stage .cos-identity{width:100%;align-items:center}#account-wardrobe .wardrobe-stage .cos-name{display:grid;place-items:center;width:100%;height:90px;padding:0 40px;margin:0;box-sizing:border-box}#account-wardrobe .wardrobe-stage .cos-name strong{font-size:25px;max-width:100%;line-height:1.3}#account-wardrobe .wardrobe-stage .cos-plate-art{inset:0;width:100%;height:100%;transform:none}
#account-wardrobe .wardrobe-description{border-top:1px solid #9b8254;padding-top:25px;margin-top:20px}#account-wardrobe .wardrobe-description h2{font-size:28px;margin:0 0 10px;color:#f4f5fa}#account-wardrobe .wardrobe-description>small{color:#b0c7db;font-size:17px}#account-wardrobe .wardrobe-description>p{font-size:16px;color:#b3c7d7;line-height:1.7;min-height:55px;margin:24px 0}
#account-wardrobe .wardrobe-equip{width:100%;height:66px;border:2px solid #e6bd68;border-radius:10px;box-shadow:inset 0 0 0 4px #0b1823,inset 0 0 0 5px #947c50;background:linear-gradient(#303027,#161e25);color:#ffe3a0;font-size:20px;font-weight:700}#account-wardrobe .wardrobe-equip:disabled{opacity:.5;cursor:wait}#account-wardrobe .wardrobe-saved{text-align:center;color:#a5bed0;font-size:14px;margin-top:22px}#account-wardrobe .wardrobe-status{flex:none;margin:12px 0 0;padding-left:4px;min-height:18px;font-size:12px;color:#8299aa}#account-wardrobe .wardrobe-empty{grid-column:1/-1;display:grid;place-items:center;min-height:260px;border:1px dashed #314454;border-radius:12px;color:#9bb3c5;text-align:center;line-height:2}
@media(max-width:1400px){#account-wardrobe{padding:22px}#account-wardrobe header h2{font-size:28px}#account-wardrobe .wardrobe-grid{grid-auto-rows:265px;gap:12px}#account-wardrobe .wardrobe-card-art{height:187px}#account-wardrobe nav button{padding:10px 12px}#account-wardrobe .wardrobe-detail{padding:20px}#account-wardrobe .wardrobe-stage{height:255px}#account-wardrobe .wardrobe-stage .cos-avatar,#account-wardrobe .wardrobe-stage .cos-avatar.image-framed{width:155px;height:155px}#account-wardrobe .wardrobe-stage .cos-name{height:75px}#account-wardrobe .wardrobe-card-text strong{font-size:16px}#account-wardrobe .wardrobe-object.frame{width:150px;height:150px}#account-wardrobe .wardrobe-description{margin-top:5px;padding-top:18px}#account-wardrobe .wardrobe-description h2{font-size:22px}#account-wardrobe .wardrobe-description>p{margin:14px 0;min-height:36px}#account-wardrobe .wardrobe-equip{height:52px}}
@media(max-height:800px){#account-wardrobe{padding:18px 24px 12px}#account-wardrobe header{padding-bottom:14px}#account-wardrobe header h2{font-size:26px}#account-wardrobe .wardrobe-catalog{padding-top:14px}#account-wardrobe .wardrobe-toolbar{margin-bottom:14px;gap:8px}#account-wardrobe .wardrobe-grid{grid-auto-rows:calc((92vh - 265px)/2);gap:12px}#account-wardrobe .wardrobe-card-art{flex:1;height:auto;min-height:80px}#account-wardrobe .wardrobe-card-text{min-height:62px;padding:8px 12px}#account-wardrobe .wardrobe-card-text small{font-size:11px;margin-bottom:4px}#account-wardrobe .wardrobe-card-text strong{font-size:15px}#account-wardrobe .wardrobe-object.frame{width:125px;height:125px}#account-wardrobe .wardrobe-detail{padding-top:16px}#account-wardrobe .wardrobe-detail h3{font-size:20px;margin-bottom:8px}#account-wardrobe .wardrobe-stage{height:210px}#account-wardrobe .wardrobe-stage .cos-avatar,#account-wardrobe .wardrobe-stage .cos-avatar.image-framed{width:135px;height:135px}#account-wardrobe .wardrobe-stage .cos-name{height:65px}#account-wardrobe .wardrobe-description{padding-top:16px}#account-wardrobe .wardrobe-description h2{font-size:21px}#account-wardrobe .wardrobe-description>p{font-size:13px;margin:12px 0;min-height:25px}#account-wardrobe .wardrobe-description>small{font-size:13px}#account-wardrobe .wardrobe-saved{font-size:12px;margin-top:14px}#account-wardrobe .wardrobe-equip{height:48px;font-size:17px}}
#account-wardrobe .wardrobe-card-art .cos-premium-art{width:85%;height:85%;inset:auto;aspect-ratio:1;max-width:210px;max-height:210px}

/* Preserve each illustration’s native aspect ratio in every surface. */
.cos-art{background:none!important;display:grid;place-items:center;overflow:hidden}.cos-art>svg{display:block;width:100%;height:100%;overflow:hidden}.cos-preview{display:flex;align-items:center;justify-content:center;overflow:hidden}.cos-premium-art,.cos-grid .cos-premium-art,.shop-detail .cos-premium-art{width:88%;height:88%;max-width:340px;aspect-ratio:auto;animation:none!important}.cos-entry-art{width:80%;height:75%;top:48%;aspect-ratio:auto}.cos-name.image-nameplate{height:44px!important}.cos-title-art{height:100%!important;inset:0!important}.cos-title-badge{height:40px!important;padding:0!important}.cos-title-badge small{max-width:65%!important}.cos-frame-art{inset:-8%;width:116%;height:116%}

.cos-title-badge,.cos-profile.compact .cos-title-badge,.shop-detail .cos-title-badge{display:flex;align-items:flex-start;justify-content:center;height:44px!important;padding:0!important}.cos-title-badge .cos-title-art{inset:auto 0 0!important;height:18px!important}.cos-title-badge small{max-width:100%!important;line-height:20px!important}.cos-profile.compact{flex-wrap:nowrap}.cos-grid .cos-profile{max-width:100%;gap:12px}.cos-grid .cos-name.image-nameplate{width:min(180px,100%)}

.cos-preview.scene{background-image:linear-gradient(0deg,#030912b3,transparent 80%),var(--scene)!important;background-size:cover!important;background-position:center!important}.cos-preview.scene .cos-scene-label{font-size:32px}.cos-preview.scene .cos-scene-label strong{font-size:12px}.shop-detail .cos-preview .cos-avatar{width:100px;height:100px}.shop-detail .cos-preview .cos-avatar.image-framed{width:100px;height:100px}.cos-grid .cos-preview .cos-avatar{width:68px;height:68px}.cos-grid .cos-preview .cos-avatar.image-framed{width:68px;height:68px}

.cos-preview.scene.theme-frost,.cos-preview.scene.theme-ember,.cos-preview.scene.theme-arcane,.cos-preview.scene.theme-ocean,.cos-preview.scene.theme-royal{background-blend-mode:normal!important}.cos-face-window .cos-portrait{position:absolute;inset:0;width:100%!important;height:100%!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:0}

.shop-screen .shop-detail>.cos-preview{height:300px;min-height:300px}.cos-grid .cos-preview>.cos-profile{width:100%;padding:10px;box-sizing:border-box}.cos-grid .cos-preview .cos-identity{width:100%}.cos-grid .cos-preview .cos-name.image-nameplate{width:170px;max-width:100%}.shop-detail .cos-name.image-nameplate{width:220px}.shop-detail .cos-preview>.cos-profile{gap:20px}
/* Cosmetic shop concept: compact catalog with an illustrated 2D shopkeeper. */
.shop-screen{height:auto!important;min-height:calc(100vh - 64px);background:#06111b}.shop-screen .shop-banner{position:relative;height:210px!important;box-sizing:border-box;align-items:flex-start;text-align:left;padding:25px 30px!important;background:linear-gradient(90deg,#07111be6,transparent 65%),url('/assets/shop-anime-banner-v3.png') center 45%/cover!important;border-bottom:1px solid #8b754c}.shop-banner>span{display:none}.shop-screen .shop-banner h1{font:700 42px 'Malgun Gothic',sans-serif;margin:0 0 12px}.shop-banner .shop-intro{font-size:21px;color:#f4e4c1}.shop-screen .shop-banner p{font-size:13px;margin-top:14px;color:#b8ccdc}.shop-account-actions{position:absolute;top:14px;right:20px;display:flex;align-items:center;gap:8px}.shop-account-actions small,.shop-account-actions button{padding:8px 12px;border:1px solid #6e6349;border-radius:5px;background:#06111bdd;color:#f2ddb2;font-size:12px}
.shop-screen .shop-layout{height:auto!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,32%);gap:20px;padding:18px 24px 24px}.shop-screen .shop-catalog{padding:0;display:flex;flex-direction:column}.shop-screen .shop-category-tabs{order:-1;display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.shop-category-tabs button{padding:10px 16px!important;background:#091925;border:1px solid #355066;border-radius:5px;color:#cedce7;font-size:13px}.shop-category-tabs button[aria-pressed=true]{background:linear-gradient(#685027,#302617)!important;border-color:#e0bf70!important;color:#ffe5a5!important;box-shadow:0 0 10px #d8a94b25}.shop-screen .cos-toolbar{height:auto;gap:10px;margin-bottom:8px}.shop-screen .cos-toolbar select{width:170px}.shop-screen .cos-toolbar label{font-size:11px}.shop-screen .cos-status{font-size:11px;margin:0 0 9px;height:auto;min-height:16px;color:#8aa5ba}.shop-screen .cos-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:660px;padding:2px 7px 10px 2px;scrollbar-width:thin}.shop-screen .cos-product{position:relative;padding:0 0 12px;border:1px solid #355066;border-radius:8px;background:#0a1824;box-shadow:none;text-align:center}.shop-screen .cos-product.selected{border-color:#f0d38c;box-shadow:0 0 0 1px #f0d38c,0 0 14px #f0d38c24}.shop-screen .cos-grid .cos-preview{height:145px;background:radial-gradient(ellipse,#152a35,#07121c);border-radius:7px 7px 0 0}.shop-screen .cos-product .shop-kind{position:absolute;top:7px;left:7px;margin:0;padding:3px 5px;font-size:9px;border:1px solid #54718a77;border-radius:4px;color:#c4d7e3;background:#0d2034d9}.shop-screen .cos-product>strong{font-size:12px;line-height:1.5;margin:8px 6px 0;min-height:18px}.shop-screen .cos-product>span{color:#9edaff;font-size:12px;margin:6px 0 0}.shop-screen .cos-grid .cos-scene-label{display:none}
.shop-screen .shop-detail{align-self:start;position:sticky;top:16px;border:1px solid #967e4f;border-radius:8px;padding:20px;background:linear-gradient(#0c1a27,#06111b)}.shop-screen .shop-detail>.eyebrow{font-size:17px;letter-spacing:0;color:#ecd7a5;order:-3}.shop-screen .shop-detail>.cos-preview{order:-2;height:300px;min-height:300px;margin:14px 0 10px;border:0;background:radial-gradient(ellipse,#22374a66,#07131c);border-radius:6px}.shop-screen .shop-detail>h2{font-size:23px;margin:14px 0;color:#f5e5bc;text-align:center}.shop-screen .shop-detail>p{font-size:12px;text-align:center;line-height:1.8;color:#b4cedf}.shop-screen .shop-detail>.primary{background:linear-gradient(#ffe298,#c58b32)!important;color:#251907!important;border:1px solid #ffe2a0;border-radius:6px;min-height:50px;font-size:18px;margin:16px 0 10px}.shop-screen .shop-detail>.primary:disabled{opacity:.5}.shop-screen .shop-detail>.cos-preview .cos-avatar{width:145px!important;height:145px!important}.shop-screen .shop-detail>.cos-preview .cos-name strong{font-size:20px}.shop-screen .shop-detail>small{font-size:11px}.shop-screen .cos-product:focus-visible{outline:2px solid #9bddff;outline-offset:2px}
@media(max-width:1150px){.shop-screen .cos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-screen .shop-layout{padding:16px;gap:14px}.shop-account-actions{top:8px;right:8px}.shop-screen .shop-banner{height:210px!important}.shop-banner .shop-intro{font-size:17px}}
@media(max-width:760px){.shop-screen .shop-layout{grid-template-columns:1fr}.shop-screen .shop-detail{position:static}.shop-screen .cos-grid{max-height:520px;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-account-actions{position:static;margin-top:12px}.shop-screen .shop-banner{height:245px!important;padding:20px!important}.shop-screen .cos-toolbar{flex-wrap:wrap}.shop-screen .cos-toolbar select{width:140px}}
.shop-screen .cos-grid{grid-auto-rows:220px;flex:0 0 auto;min-height:0}.shop-screen .cos-product{height:220px;min-height:220px;box-sizing:border-box}.shop-screen .shop-banner{background-position:center,center 30%!important}

/* Entry overlays must never remain visible when animations are disabled. */
html[data-quality="low"] .cos-entry{display:none!important}
/* Reference shop layout: illustrated collection tiles and gold preview. */
.shop-v4 .shop-banner{height:185px!important;background:linear-gradient(90deg,#020c14d9,transparent 65%),url('/assets/shop-witch-v4.png') center 48%/cover!important;padding:22px 26px!important}
.shop-v4 .shop-banner h1{font-size:46px;margin:0 0 8px;color:#fff0c5}.shop-v4 .shop-banner p{margin-top:10px}.shop-v4 .shop-account-actions{top:8px;right:12px}.shop-v4 .shop-layout{grid-template-columns:minmax(0,1fr) 30%;gap:14px;padding:12px 20px 28px}.shop-v4 .shop-category-tabs{gap:12px;margin-bottom:13px;flex-wrap:nowrap}.shop-v4 .shop-category-tabs button{font-size:14px;padding:12px 18px!important;color:#b8d7eb}.shop-v4 .cos-toolbar{display:flex;min-height:40px}.shop-v4 .cos-toolbar select{width:26%;min-width:135px}.shop-v4 .cos-toolbar input:not([type=checkbox]){flex:1;min-width:0}.shop-v4 .cos-status{font-size:10px;min-height:12px;margin:0 0 5px}.shop-v4 .cos-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:620px;padding:2px;gap:12px}.shop-v4 .cos-grid.collection-grid{grid-auto-rows:auto;max-height:none;overflow:visible}.shop-v4 .shop-collection{position:relative;aspect-ratio:1.76;padding:0;border:1px solid #847c6c;border-radius:8px;overflow:hidden;background:#07121c;text-align:left;min-width:0}.shop-v4 .shop-collection.selected,.shop-v4 .shop-collection:hover{border-color:#f2ce71;box-shadow:inset 0 0 0 1px #bc973c,0 0 12px #c393362c}.shop-collection-art{width:100%;height:100%;background-image:url('/assets/shop-collections-v4.png');background-size:300% 300%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat}.shop-v4 .shop-collection>.shop-collection-art{position:absolute;inset:0}.shop-v4 .shop-collection>div:last-of-type{position:absolute;inset:45% 0 0;padding:25px 12px 9px;background:linear-gradient(transparent,#020a12 68%);display:flex;flex-direction:column;justify-content:end}.shop-v4 .shop-collection strong{font-size:18px;color:#f4f1e7;line-height:1.4}.shop-v4 .shop-collection span{font-size:12px;color:#cec9b9;line-height:1.6;padding-right:20px}.shop-v4 .shop-collection>b{position:absolute;right:12px;bottom:14px;color:#eec554;font-size:24px;font-weight:400}.shop-v4 .shop-detail{padding:14px 12px 18px;border-color:#ad8a40;border-radius:8px;min-height:560px;background:linear-gradient(140deg,#0d1b25,#040e15)}.shop-v4 .shop-detail h2,.shop-v4 .shop-detail p{text-align:left}.shop-v4 .shop-detail h2{font-size:24px;margin:14px 8px 4px}.shop-v4 .shop-detail p{font-size:14px;margin:8px;line-height:1.7}.shop-v4 .shop-detail h3{font-size:15px;margin:22px 8px 12px;color:#e5dec9}.shop-v4 .shop-detail>.eyebrow{font-size:18px;margin:3px 0 12px}.shop-v4 .collection-feature{aspect-ratio:1.62;border:1px solid #b39855;border-radius:7px;overflow:hidden}.shop-v4 .collection-portraits{display:flex;gap:8px;margin:0 8px 22px;padding-bottom:18px;border-bottom:1px solid #b0954b33}.shop-v4 .collection-face{width:54px!important;height:60px!important;border:1px solid #99834e;border-radius:5px;flex:1}.shop-v4 .shop-detail>.primary{margin:10px 8px;min-height:58px;font-size:21px}.shop-v4 .shop-detail>small{text-align:center;color:#b3b3ac;margin:0 8px;font-size:11px}.shop-v4 .shop-detail>.cos-preview{height:240px;min-height:240px;border:1px solid #8d7545}.shop-v4 .cos-product{height:220px}.shop-v4 .shop-collection:focus-visible{outline:2px solid #ffe6a1;outline-offset:2px}
@media(max-width:1000px){.shop-v4 .shop-category-tabs{gap:5px;flex-wrap:wrap}.shop-v4 .shop-category-tabs button{padding:10px!important}.shop-v4 .shop-layout{grid-template-columns:minmax(0,1fr) 32%;padding:12px}.shop-v4 .shop-collection strong{font-size:15px}.shop-v4 .shop-collection span{font-size:10px}.shop-v4 .cos-grid{gap:8px}}
@media(max-width:700px){.shop-v4 .shop-layout{grid-template-columns:1fr}.shop-v4 .cos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-v4 .shop-detail{min-height:0;position:static}.shop-v4 .shop-banner{height:220px!important}.shop-v4 .shop-banner h1{font-size:36px}.shop-v4 .shop-account-actions{position:static;margin-top:12px}.shop-v4 .shop-banner .shop-intro{font-size:16px}.shop-v4 .collection-feature{max-height:250px}.shop-v4 .shop-collection span{font-size:12px}}
@media(max-width:700px){.shop-v4 .cos-grid.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-v4 .shop-collection{aspect-ratio:1.35;min-height:125px}.shop-v4 .shop-collection>div:last-of-type{padding:15px 8px 9px;inset:35% 0 0}.shop-v4 .shop-collection strong{font-size:15px}.shop-v4 .shop-collection span{font-size:11px;line-height:1.45;padding-right:12px}.shop-v4 .shop-collection>b{right:7px;bottom:10px;font-size:20px}}
.summer-preview{background:radial-gradient(ellipse at 50% 70%,#1c889555,#071725 70%)!important;flex-direction:column}.summer-skin-sprite{display:block;width:110px;height:110px;background-size:400% 400%;background-position:100% 33.333%;background-repeat:no-repeat}.summer-preview>b{font-size:9px;color:#ffe4a0;letter-spacing:2px}.shop-detail .summer-skin-sprite{width:190px;height:190px}.shop-v4 .shop-category-tabs{flex-wrap:wrap}#account-wardrobe .summer-skin-sprite{width:160px;height:160px}
.summer-skin-sprite{background-size:contain;background-position:center}.summer-collection{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(#075b70,#07121c)}.summer-collection .summer-skin-sprite{width:33%;height:80%}
/* Generated title badges: artwork and live text share one compact baseline. */
.cos-title-badge,.cos-profile.compact .cos-title-badge,.shop-detail .cos-title-badge{position:relative;display:flex;align-items:center;justify-content:center;width:190px;height:54px!important;padding:0!important}
.cos-title-badge .cos-title-art,.cos-profile.compact .cos-title-art,.shop-detail .cos-title-art{inset:0!important;width:100%;height:100%!important}
.cos-title-badge small,.cos-profile.compact .cos-title-badge small,.shop-detail .cos-title-badge small{margin:0 10% 0 29%!important;max-width:65%!important;font-size:11px;line-height:1.3!important;white-space:nowrap;color:#e5f3ff}
.shop-detail .cos-title-badge{width:280px;height:78px!important}.shop-detail .cos-title-badge small{font-size:16px}
.sidebar .profile .cos-title-badge{width:145px;height:41px!important}.sidebar .profile .cos-title-badge small{font-size:9px}
#account-wardrobe .wardrobe-object.title{height:65px}#account-wardrobe .wardrobe-object.title strong{margin-left:23%;font-size:12px;max-width:60%}
/* Entry frames live behind the champion, anchored to the feet. */
.cos-entry{inset:0;z-index:1;animation:entry-lifetime 1.2s linear both;overflow:hidden;transform:none;background:none}
.entry-frames{position:absolute;left:10%;bottom:-2%;width:80%;height:70%;pointer-events:none;display:block}
.entry-frames .entry-frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:entry-first 1.2s linear both}
.entry-frames .entry-frame-1{animation-name:entry-peak}.entry-frames .entry-frame-2{animation-name:entry-fade}
.lobby-player:has(.cos-entry) .lobby-hero-art{animation:entry-hero 1.2s ease-out both}
.entry-preview{position:relative;background:radial-gradient(ellipse at bottom,#173348,#050c17)!important}
.entry-preview-hero{position:absolute!important;inset:5% 20% 6%!important;width:60%!important;height:89%!important;z-index:2;background-size:contain!important;background-position:center bottom!important}
.entry-preview .entry-frames{z-index:1;height:85%;bottom:0}
.entry-preview .entry-frame{animation-duration:3.6s;animation-iteration-count:infinite}
@keyframes entry-lifetime{0%,99%{opacity:1}100%{opacity:0}}
@keyframes entry-first{0%{opacity:0}15%{opacity:.8}35%,100%{opacity:0}}
@keyframes entry-peak{0%,15%{opacity:0}40%{opacity:.85}70%,100%{opacity:0}}
@keyframes entry-fade{0%,45%{opacity:0}65%{opacity:.55}100%{opacity:0}}
@keyframes entry-hero{0%,12%{opacity:0;transform:translateY(10px)}45%,100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.entry-preview .entry-frame{animation:none}.entry-preview .entry-frame-0{opacity:.5}.lobby-player:has(.cos-entry) .lobby-hero-art{animation:none}}
/* Keep the equipped nameplate and title within their own rows. */
.cos-profile .cos-identity{gap:2px;justify-content:center;align-items:center;min-width:0}
.cos-profile .cos-name.image-nameplate,.cos-profile.compact .cos-name.image-nameplate{width:190px;max-width:100%;height:34px!important;min-height:34px;overflow:hidden}
.cos-profile .cos-name .cos-plate-art,.cos-profile.compact .cos-name .cos-plate-art{position:absolute;inset:0;width:100%;height:100%;transform:none}
.cos-profile .cos-name.image-nameplate strong{font-size:12px;line-height:18px;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cos-profile .cos-title-badge,.cos-profile.compact .cos-title-badge{width:190px;max-width:100%;height:42px!important;flex-shrink:0;overflow:hidden}
.lobby-mode .seat-name .cos-profile{width:248px;max-width:100%;margin:auto;display:grid;grid-template-columns:42px minmax(0,190px);gap:12px;align-items:center}
.lobby-mode .seat-name .cos-avatar{width:42px;height:42px;margin:0}
.lobby-mode .seat-name .cos-identity{width:100%;min-width:0}
.lobby-mode .seat-name .cos-frame-art{inset:-3%;width:106%;height:106%;filter:none}
.ranking-page .cos-profile.compact .cos-identity{flex:0 1 190px;min-width:0}
.shop-detail .cos-profile .cos-name.image-nameplate{width:240px;height:44px!important}
.shop-detail .cos-profile .cos-title-badge{width:240px;height:62px!important}
/* Larger lobby identity with centered, readable title text. */
.lobby-mode .seat-name .cos-profile{width:310px;grid-template-columns:64px minmax(0,230px);gap:12px;min-height:100px}
.lobby-mode .seat-name .cos-avatar{width:64px;height:64px}
.lobby-mode .seat-name .cos-avatar .cos-face-window{inset:13%}
.lobby-mode .seat-name .cos-name.image-nameplate{width:230px;height:46px!important;min-height:46px}
.lobby-mode .seat-name .cos-name strong,.lobby-mode .seat-name .cos-name.image-nameplate strong{font-size:17px;line-height:24px;font-weight:800;max-width:76%}
.lobby-mode .seat-name .cos-name .cos-plate-art>svg{overflow:hidden}
.lobby-mode .seat-name .cos-title-badge{width:230px;height:54px!important;display:block}
.lobby-mode .seat-name .cos-title-badge small{position:absolute;inset:0 9% 0 28%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0!important;max-width:none!important;font-size:13px;line-height:18px!important}
.lobby-mode .seat-name .cos-identity{gap:0}
@media(max-width:1100px){.lobby-mode .lobby-players[style*="4"] .seat-name .cos-profile{grid-template-columns:48px minmax(0,1fr);gap:6px}.lobby-mode .lobby-players[style*="4"] .seat-name .cos-avatar{width:48px;height:48px}.lobby-mode .lobby-players[style*="4"] .seat-name .cos-name strong{font-size:15px}.lobby-mode .lobby-players[style*="4"] .seat-name .cos-title-badge small{font-size:11px}}
.lobby-mode .seat-name .cos-profile.compact .cos-avatar{width:64px;height:64px;flex:0 0 64px}
.lobby-mode .seat-name .cos-profile .cos-name{width:230px;max-width:100%;min-height:36px;text-align:center}
.lobby-mode .seat-name .cos-profile .cos-name strong{width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-mode .seat-name .cos-profile .cos-name.image-nameplate strong{max-width:76%}
@media(max-width:1100px){.lobby-mode .lobby-players[style*="4"] .seat-name .cos-profile.compact .cos-avatar{width:48px;height:48px;flex-basis:48px}}
/* Profile portraits retired: keep identity centered without an empty avatar column. */
.lobby-mode .seat-name .cos-profile,.lobby-mode .lobby-players[style*="4"] .seat-name .cos-profile{display:flex;justify-content:center;width:230px;max-width:100%;gap:0}
.cos-profile{justify-content:center}.cos-profile .cos-identity{max-width:100%}
.sidebar .profile>.cos-profile{justify-content:center}
.ranking-page .cos-profile.compact{justify-content:center;gap:0}
.pedestal-preview{isolation:isolate}.pedestal-plane{position:absolute;left:15%;width:70%;aspect-ratio:1;bottom:-22%;transform:scaleY(.38)}.pedestal-spin{width:100%;height:100%;animation:pedestal-turn 14s linear infinite}.pedestal-hero{position:absolute!important;inset:3% 24% 15%;width:52%!important;height:82%!important;background-repeat:no-repeat;background-position:center bottom!important;z-index:1}
@keyframes pedestal-turn{to{transform:rotate(360deg)}}
.damage-skin-preview{gap:8px;--damage-color:#ffcd58}.damage-frost{--damage-color:#78dfff}.damage-ember{--damage-color:#ff7159}.damage-skin-preview b,.damage-skin-preview strong{position:relative;z-index:2;font:bold 28px Georgia;color:var(--damage-color);text-shadow:1px 2px 0 #000,-1px -1px 0 #000}.damage-skin-preview strong{font-size:38px;color:#fff2dc;text-shadow:0 0 5px var(--damage-color),2px 2px 0 #000}.damage-accent{position:absolute;width:95%;height:100%}
@media(prefers-reduced-motion:reduce){.pedestal-spin{animation:none}}
.pedestal-spin,.damage-accent{mix-blend-mode:screen}
.pedestal-plane{width:min(65%,180px);left:50%;bottom:-45px;transform:translateX(-50%) scaleY(.38);mix-blend-mode:screen}.pedestal-preview{background:#0b1925!important}.damage-skin-preview{isolation:isolate}.damage-accent{mix-blend-mode:screen}.damage-skin-preview b{margin-right:16px}.damage-skin-preview strong{font-family:Arial,sans-serif}
.cos-profile .cos-name.badge-nameplate{position:relative;width:260px;max-width:100%;height:78px!important;min-height:0;padding:0!important;background:none!important;border:0!important}
.cos-profile .cos-name.badge-nameplate .cos-plate-art{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.cos-profile .cos-name.badge-nameplate strong{position:absolute;inset:0 8% 0 28%;display:flex;align-items:center;justify-content:center;max-width:none!important;text-align:center;font-size:20px!important;line-height:1.2;white-space:nowrap}
.wardrobe-object.nameplate{position:relative}.wardrobe-object.nameplate>strong{position:absolute;inset:0 8% 0 28%;display:flex;align-items:center;justify-content:center;text-align:center}
.damage-skin-preview{--damage-bottom:#d66c06;--damage-edge:#6c3103}.damage-frost{--damage-color:#55e8ff;--damage-bottom:#2474ef;--damage-edge:#073e83}.damage-ember{--damage-color:#ff9637;--damage-bottom:#ed2447;--damage-edge:#730e24}
.cos-preview.damage-skin-preview b,.cos-preview.damage-skin-preview strong{font-family:Arial,sans-serif;font-style:italic;font-weight:900;color:var(--damage-color);-webkit-text-stroke:1px var(--damage-edge);text-shadow:0 3px 0 var(--damage-bottom),2px 4px 0 #030a14,-2px -1px 0 #030a14,0 0 9px var(--damage-color)}
.cos-preview.damage-skin-preview b{font-size:34px}.cos-preview.damage-skin-preview strong{font-size:48px;transform:rotate(-4deg)}
.cos-preview.damage-skin-preview strong:before{content:'CRITICAL';position:absolute;left:0;right:0;top:-17px;text-align:center;font:900 10px Arial;letter-spacing:2px;color:#fff5d2;-webkit-text-stroke:0}
.cos-profile .cos-identity .cos-name.image-nameplate.badge-nameplate{width:260px;max-width:100%;height:auto!important;min-height:0!important;aspect-ratio:468/140;display:block;box-sizing:border-box;overflow:hidden}
.cos-profile .cos-identity .cos-name.image-nameplate.badge-nameplate>strong{position:absolute!important;inset:0 8% 0 28%!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;line-height:1.2;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:clamp(11px,1.25vw,18px)!important}
.cos-profile .cos-identity .cos-name.image-nameplate.badge-nameplate>.cos-plate-art{inset:0!important;width:100%!important;height:100%!important;transform:none!important}
.cos-profile .cos-identity .cos-name.image-nameplate.badge-nameplate{container-type:inline-size}
.cos-profile .cos-identity .cos-name.image-nameplate.badge-nameplate>strong{font-size:min(18px,calc(60cqw / var(--nickname-length,6)))!important}