/* Cosmetics 2.0 — curated royal collections, large previews and evolving seals. */
#wardrobe-screen{--wardrobe-gold:#e8c36a;--wardrobe-violet:#c46bd5;--wardrobe-ink:#09050d;background:radial-gradient(circle at 67% 16%,rgba(111,38,130,.25),transparent 34%),linear-gradient(rgba(5,2,8,.48),rgba(5,2,8,.88)),url('/assets/main-menu-throne-hall-v076.jpg') center/cover fixed}
#wardrobe-screen .wardrobe-shell{width:min(1840px,calc(100vw - 40px));height:min(1010px,calc(100vh - 28px));border:1px solid rgba(232,195,106,.75);border-radius:18px;background:linear-gradient(145deg,rgba(29,8,35,.94),rgba(8,4,12,.96));box-shadow:0 28px 90px #000c,inset 0 1px rgba(255,233,170,.12);overflow:hidden}
#wardrobe-screen .wardrobe-header{min-height:112px;padding:18px 28px;grid-template-columns:minmax(360px,1fr) minmax(330px,430px) auto;background:linear-gradient(90deg,rgba(68,17,79,.86),rgba(26,9,32,.86));border-bottom:1px solid rgba(231,191,97,.4)}
#wardrobe-screen .wardrobe-header h2{font-size:clamp(38px,3vw,58px);line-height:.92;letter-spacing:-.025em;text-shadow:0 2px 22px rgba(218,142,235,.2)}
#wardrobe-screen .wardrobe-header p:not(.eyebrow){max-width:720px;color:#cbbdce;font-size:13px}
#wardrobe-screen .wardrobe-profile{padding:12px 16px;border:1px solid rgba(226,184,88,.35);background:rgba(7,3,10,.7);box-shadow:inset 0 0 24px rgba(111,37,128,.18)}
#wardrobe-screen .wardrobe-layout{grid-template-columns:228px minmax(620px,1fr) minmax(360px,430px);min-height:0}
#wardrobe-screen .wardrobe-categories{padding:18px 12px;background:linear-gradient(180deg,rgba(34,11,41,.76),rgba(7,3,11,.9));border-right:1px solid rgba(225,180,78,.28)}
#wardrobe-screen .wardrobe-categories::before{content:"COLLECTIONS";display:block;margin:0 10px 12px;color:#b889c0;font:900 9px/1 Inter,sans-serif;letter-spacing:.22em}
#wardrobe-screen .wardrobe-categories button{min-height:58px;margin:0 0 6px;padding:9px 10px;grid-template-columns:34px minmax(0,1fr) auto;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none}
#wardrobe-screen .wardrobe-categories button:hover,#wardrobe-screen .wardrobe-categories button:focus-visible{border-color:rgba(217,171,76,.48);background:rgba(88,32,101,.38)}
#wardrobe-screen .wardrobe-categories button[aria-current="page"]{border-color:#d9ad55;background:linear-gradient(90deg,rgba(116,42,130,.74),rgba(54,23,62,.58));box-shadow:inset 4px 0 #f2cc6f,0 9px 28px rgba(0,0,0,.2)}
#wardrobe-screen .wardrobe-categories button>i{width:30px;height:30px;border:1px solid rgba(226,184,88,.32);border-radius:50%;font-size:17px}
#wardrobe-screen .wardrobe-categories button>span:not(.wardrobe-category-progress){font-size:10px;letter-spacing:.035em}
#wardrobe-screen .wardrobe-collection{padding:18px 20px 26px;background:radial-gradient(circle at 55% -10%,rgba(123,50,142,.14),transparent 36%),rgba(7,3,10,.42)}
#wardrobe-screen .wardrobe-collection-heading{min-height:66px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(221,176,81,.3)}
#wardrobe-screen .wardrobe-collection-heading h3{font-size:clamp(28px,2vw,42px);line-height:1}
#wardrobe-screen .wardrobe-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;align-content:start}
#wardrobe-screen .wardrobe-item{min-height:104px;padding:12px;grid-template-columns:86px minmax(0,1fr);border-radius:8px;background:linear-gradient(145deg,rgba(52,17,61,.76),rgba(8,4,12,.88));box-shadow:inset 0 1px rgba(255,231,160,.05),0 12px 24px rgba(0,0,0,.24)}
#wardrobe-screen .wardrobe-item:hover,#wardrobe-screen .wardrobe-item:focus-visible,#wardrobe-screen .wardrobe-item.previewing{transform:translateY(-2px);border-color:#e5bc61;background:linear-gradient(145deg,rgba(91,30,104,.83),rgba(19,8,24,.92));box-shadow:0 16px 30px rgba(0,0,0,.38),inset 0 0 24px rgba(206,110,226,.08)}
#wardrobe-screen .wardrobe-item-visual{width:78px;height:78px;border-radius:7px;background:radial-gradient(circle,rgba(131,50,149,.28),rgba(5,2,8,.86));overflow:hidden}
#wardrobe-screen .mini-card{height:70px;width:47px}.mini-card.rival-heraldry{display:grid!important;place-items:center;position:relative;border:2px solid #d7aa51;background:radial-gradient(circle,#6d234f,#17081d 70%);box-shadow:inset 0 0 0 3px #09030c,0 7px 12px #0008}.mini-card.rival-heraldry i{font:25px/1 Georgia;color:#e6c36c}.mini-card.rival-heraldry b{position:absolute;bottom:6px;font:13px/1 Georgia;color:#d785df}
#wardrobe-screen .wardrobe-preview{padding:18px 18px 24px;grid-template-rows:minmax(270px,1fr) auto auto auto auto auto;background:linear-gradient(180deg,rgba(23,8,29,.96),rgba(7,3,10,.98));border-left:1px solid rgba(225,180,78,.3);overflow-y:auto}
#wardrobe-screen .wardrobe-stage{min-height:300px;border-radius:12px;border:1px solid rgba(232,192,98,.58);box-shadow:inset 0 0 55px #0009,0 18px 36px #0007;overflow:hidden}
#wardrobe-screen .wardrobe-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,226,145,.18);border-radius:inherit;box-shadow:inset 0 0 38px rgba(0,0,0,.62)}
#wardrobe-screen .wardrobe-stage-court-banner,#wardrobe-screen .wardrobe-stage-court-throne{display:none;position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 12px 14px #000c)}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-banner{display:block;left:4%;top:14%;width:24%;height:64%}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-throne{display:block;right:3%;bottom:11%;width:37%;height:70%}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-throne{display:none}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"]::before{opacity:.82;background-position:center;background-size:cover;filter:saturate(1.05)}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-name{z-index:7;background:linear-gradient(90deg,rgba(5,2,8,.9),rgba(40,12,46,.78));backdrop-filter:blur(8px)}
#wardrobe-screen .wardrobe-stage[data-preview-category="challenge_badge"][data-preview-has-art="true"] .wardrobe-stage-card{left:50%;bottom:17%;width:min(62%,250px);aspect-ratio:1;transform:translateX(-50%);opacity:1;pointer-events:none;border-radius:50%;box-shadow:0 18px 36px #000d,0 0 0 2px rgba(242,205,112,.72),0 0 34px color-mix(in srgb,var(--preview-accent) 58%,transparent)}
#wardrobe-screen .wardrobe-stage[data-preview-category="challenge_badge"][data-preview-has-art="true"] .wardrobe-stage-card img{object-fit:cover}
#wardrobe-screen .wardrobe-stage.apex-reward[data-preview-category="challenge_badge"] .wardrobe-stage-card{animation:cosmetics-apex-seal-breathe 3.8s ease-in-out infinite}
@keyframes cosmetics-apex-seal-breathe{0%,100%{transform:translateX(-50%) scale(.96);filter:brightness(.92) saturate(1)}50%{transform:translateX(-50%) scale(1.035);filter:brightness(1.13) saturate(1.12)}}
#wardrobe-screen .wardrobe-preview-copy h3{font-size:clamp(24px,1.8vw,34px);line-height:1.02}
#wardrobe-screen .wardrobe-court-manifest{padding:11px;border-radius:8px;background:linear-gradient(145deg,rgba(48,15,57,.8),rgba(7,3,11,.9))}
#wardrobe-screen #wardrobe-court-manifest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#wardrobe-screen .wardrobe-court-manifest button{min-height:48px}
#wardrobe-screen .court-set-grid{grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px}
#wardrobe-screen .court-set-card{min-height:300px;grid-template-rows:minmax(170px,1fr) auto;border-radius:10px;overflow:hidden;background:#09040d;box-shadow:0 18px 36px #0008}
#wardrobe-screen .court-set-card .court-set-art{min-height:170px}
#wardrobe-screen .court-set-card .court-set-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72);transition:filter .22s,transform .35s}
#wardrobe-screen .court-set-card:hover .court-set-art img,#wardrobe-screen .court-set-card.previewing .court-set-art img{filter:saturate(1.08) brightness(.92);transform:scale(1.025)}
#wardrobe-screen .court-set-copy{padding:14px 16px 16px;background:linear-gradient(180deg,rgba(31,10,37,.88),rgba(7,3,10,.98))}
#wardrobe-screen .court-set-copy strong{font-size:23px}.court-set-copy em{min-height:18px}

/* One collectible per lifetime discipline; the small nodes are its saved milestones. */
.royal-challenges-gallery>header{padding:16px 18px;border-radius:10px;background:linear-gradient(110deg,rgba(86,27,100,.72),rgba(16,7,21,.88));border:1px solid rgba(229,185,88,.42)}
.royal-challenge-tracks{grid-template-columns:repeat(2,minmax(330px,1fr));gap:14px}
.royal-challenge-track{min-height:196px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:15px;border-radius:10px;border:1px solid rgba(218,174,84,.34);background:radial-gradient(circle at 15% 45%,rgba(127,48,145,.22),transparent 33%),linear-gradient(145deg,rgba(42,13,50,.88),rgba(7,3,11,.96));box-shadow:0 15px 34px #0007,inset 0 1px rgba(255,231,164,.05)}
.royal-challenge-evolving-seal{position:relative;align-self:center;justify-self:center;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;border:4px double #6a5c68;background:radial-gradient(circle,#241528 0 30%,#0b070e 31% 58%,#29232c 59% 67%,#08040b 68%);box-shadow:inset 0 0 24px #000,0 14px 30px #0009;color:#8c828f;overflow:visible;transition:transform .18s,filter .18s,box-shadow .18s}
.royal-challenge-evolving-seal:hover,.royal-challenge-evolving-seal:focus-visible,.royal-challenge-evolving-seal.previewing{transform:translateY(-3px) scale(1.025);outline:2px solid #f0cb70;outline-offset:4px}
.royal-challenge-evolving-seal>b{font:700 46px/1 Georgia,serif;text-shadow:0 3px 12px #000;z-index:2}.royal-challenge-evolving-seal>em{position:absolute;bottom:-7px;padding:4px 9px;border:1px solid currentColor;border-radius:99px;background:#09040d;font:900 7px/1 Inter,sans-serif;letter-spacing:.13em;z-index:3}.royal-challenge-evolving-seal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.royal-challenge-evolving-seal .seal-orbit{position:absolute;inset:8px;border:1px solid currentColor;border-radius:50%;animation:cosmetic-seal-orbit 9s linear infinite}.royal-challenge-evolving-seal .seal-orbit i{position:absolute;width:8px;height:8px;border:1px solid currentColor;background:#170b1c;transform:rotate(45deg)}.seal-orbit i:nth-child(1){left:50%;top:-5px}.seal-orbit i:nth-child(2){right:-5px;top:50%}.seal-orbit i:nth-child(3){left:50%;bottom:-5px}.seal-orbit i:nth-child(4){left:-5px;top:50%}
.royal-challenge-evolving-seal:is(.tier-1,.tier-2,.tier-3){color:#b88d61;border-color:#7e5b3b;background:radial-gradient(circle,#4a2c24 0 30%,#160c0a 31% 58%,#7c5838 59% 67%,#080403 68%)}
.royal-challenge-evolving-seal:is(.tier-4,.tier-5,.tier-6){color:#d4d3db;border-color:#918f9a;background:radial-gradient(circle,#3d3445 0 30%,#100b13 31% 58%,#a4a2aa 59% 67%,#080409 68%)}
.royal-challenge-evolving-seal:is(.tier-7,.tier-8,.tier-9){color:#f1ca68;border-color:#ca9e3b;background:radial-gradient(circle,#6e3a72 0 30%,#1e0b24 31% 58%,#d2a947 59% 67%,#09040c 68%);box-shadow:inset 0 0 25px #2e0e35,0 0 28px rgba(209,144,224,.25),0 14px 30px #0009}
.royal-challenge-evolving-seal.apex{color:#ffe69b;border-color:#f2ce71;box-shadow:0 0 0 2px #8b3da2,0 0 34px rgba(211,111,233,.58),0 16px 34px #000b;animation:cosmetic-apex-breathe 3.4s ease-in-out infinite}
.royal-challenge-track-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.royal-challenge-track-copy>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.royal-challenge-track-copy>header>span{min-width:0;display:grid;gap:3px}.royal-challenge-track-copy>header strong{font:700 17px/1.08 Georgia,serif;color:#f4d88f}.royal-challenge-track-copy>header small,.royal-challenge-track-copy>header b{font:900 7px/1 Inter,sans-serif;letter-spacing:.12em;color:#d784e2}.royal-challenge-track-copy>header b{white-space:nowrap;padding-top:2px}
.royal-challenge-seals{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px}.royal-challenge-seal{min-width:0!important;width:auto!important;height:34px!important;border-radius:5px!important;display:grid!important;place-items:center!important;padding:2px!important;background:#0b070e!important}.royal-challenge-seal i{font:700 11px/1 Georgia!important}.royal-challenge-seal small{font:700 5px/1 Inter!important}.royal-challenge-seal.material-1{border-color:#684d38!important}.royal-challenge-seal.material-2{border-color:#8c6c45!important}.royal-challenge-seal.material-3{border-color:#85828e!important}.royal-challenge-seal.material-4{border-color:#b18d42!important}.royal-challenge-seal.material-5{border-color:#d6b25b!important}
@keyframes cosmetic-seal-orbit{to{transform:rotate(360deg)}}@keyframes cosmetic-apex-breathe{50%{filter:saturate(1.18) brightness(1.08);box-shadow:0 0 0 2px #e9bd5a,0 0 46px rgba(211,111,233,.72),0 16px 34px #000b}}

/* A rival portrait identifies the source; the reward itself remains the hero. */
.rival-spoil-portrait{position:relative;display:grid;place-items:center;overflow:hidden}.rival-spoil-portrait>.wardrobe-item-visual{position:relative;z-index:2;width:90px;height:112px}.rival-source-portrait{position:absolute!important;right:5px!important;bottom:5px!important;width:42px!important;height:42px!important;object-fit:cover!important;border:2px solid #d6ad58!important;border-radius:50%!important;z-index:4;box-shadow:0 5px 12px #000b}.rival-spoil-portrait>i{z-index:5}

body.reduce-motion .royal-challenge-evolving-seal,body.reduce-motion .royal-challenge-evolving-seal .seal-orbit{animation:none!important}
@media(prefers-reduced-motion:reduce){.royal-challenge-evolving-seal,.royal-challenge-evolving-seal .seal-orbit{animation:none!important}}
body.high-contrast #wardrobe-screen :is(.wardrobe-shell,.wardrobe-item,.royal-challenge-track,.wardrobe-stage){border-color:#fff!important;background:#000!important;color:#fff!important;box-shadow:none!important}
body.reduce-motion #wardrobe-screen .wardrobe-stage.apex-reward[data-preview-category="challenge_badge"] .wardrobe-stage-card{animation:none!important}
@media(prefers-reduced-motion:reduce){#wardrobe-screen .wardrobe-stage.apex-reward[data-preview-category="challenge_badge"] .wardrobe-stage-card{animation:none!important}}
@media(max-width:1380px){#wardrobe-screen .wardrobe-layout{grid-template-columns:200px minmax(520px,1fr) 340px}.royal-challenge-tracks{grid-template-columns:1fr}.royal-challenge-track{grid-template-columns:130px minmax(0,1fr)}#wardrobe-screen .wardrobe-grid{grid-template-columns:1fr}}
@media(max-width:900px){#wardrobe-screen .wardrobe-shell{width:100%;height:auto}.royal-challenge-track{grid-template-columns:100px minmax(0,1fr)}.royal-challenge-evolving-seal{width:92px;height:92px}.royal-challenge-evolving-seal>b{font-size:34px}#wardrobe-screen .court-set-grid{grid-template-columns:1fr}}

/* Royal Wardrobe showroom pass. The controls retain their established behavior,
   but the room now reads as a gallery of physical Court regalia instead of a
   three-column inventory administration surface. */
#wardrobe-screen .wardrobe-shell{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(25,8,31,.94),rgba(6,3,10,.97))}
#wardrobe-screen .wardrobe-shell>:not(.wardrobe-showroom-architecture){position:relative;z-index:2}
#wardrobe-screen .wardrobe-showroom-architecture{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
#wardrobe-screen .wardrobe-showroom-architecture::before{content:"";position:absolute;left:0;right:0;top:0;height:32%;background:radial-gradient(ellipse at 50% -10%,rgba(230,188,95,.2),transparent 58%),repeating-linear-gradient(90deg,transparent 0 12%,rgba(227,188,101,.04) 12.1% 12.3%,transparent 12.4% 25%)}
#wardrobe-screen .wardrobe-showroom-architecture::after{content:"";position:absolute;left:18%;right:18%;bottom:-16%;height:48%;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;background:repeating-linear-gradient(90deg,rgba(232,187,88,.1) 0 1px,transparent 1px 92px),repeating-linear-gradient(0deg,rgba(232,187,88,.07) 0 1px,transparent 1px 58px);mask-image:linear-gradient(to top,#000,transparent)}
#wardrobe-screen .wardrobe-showroom-architecture>i{position:absolute;top:82px;bottom:0;width:64px;border-inline:1px solid rgba(223,181,89,.12);background:linear-gradient(90deg,transparent,rgba(100,39,115,.17),transparent);box-shadow:0 0 45px rgba(0,0,0,.5)}
#wardrobe-screen .wardrobe-showroom-architecture>i:first-child{left:18px}#wardrobe-screen .wardrobe-showroom-architecture>i:nth-child(2){right:18px}
#wardrobe-screen .wardrobe-showroom-architecture>span{position:absolute;left:50%;top:86px;width:260px;height:90px;transform:translateX(-50%);border:1px solid rgba(229,187,92,.12);border-radius:50% 50% 4px 4px;box-shadow:0 0 60px rgba(144,56,166,.12)}
#wardrobe-screen .wardrobe-header{padding-left:34px;background:radial-gradient(circle at 48% 0,rgba(177,78,199,.15),transparent 39%),linear-gradient(90deg,rgba(66,20,79,.72),rgba(21,8,29,.84) 61%,rgba(7,3,11,.94))}
#wardrobe-screen .wardrobe-header .eyebrow{color:#efc86e}
#wardrobe-screen .wardrobe-header h2{text-shadow:0 3px 22px rgba(0,0,0,.8),0 0 26px rgba(190,91,207,.16)}
#wardrobe-screen .wardrobe-layout{grid-template-columns:230px minmax(600px,1fr) minmax(400px,480px)}
#wardrobe-screen .wardrobe-categories{padding:20px 14px 24px;background:linear-gradient(90deg,rgba(7,3,11,.92),rgba(33,11,41,.7));box-shadow:inset -18px 0 32px rgba(0,0,0,.2)}
#wardrobe-screen .wardrobe-categories::before{content:"GALLERY WINGS";color:#d5ad58}
#wardrobe-screen .wardrobe-categories button{position:relative;min-height:64px;margin-bottom:8px;padding:9px 10px;border-color:rgba(202,156,69,.12);border-radius:2px;background:linear-gradient(90deg,rgba(29,11,36,.64),rgba(9,4,13,.25))}
#wardrobe-screen .wardrobe-categories button::after{content:"";position:absolute;left:47px;right:12px;bottom:7px;height:1px;background:linear-gradient(90deg,rgba(225,180,82,.28),transparent)}
#wardrobe-screen .wardrobe-categories button>i{width:36px;height:36px;border:1px solid rgba(236,198,112,.55);border-radius:50%;background:radial-gradient(circle,rgba(104,38,120,.76),rgba(10,5,14,.96));box-shadow:0 0 0 3px rgba(218,174,78,.06),0 8px 18px #0008}
#wardrobe-screen .wardrobe-categories button[aria-current="page"]{background:radial-gradient(circle at 17px 50%,rgba(220,171,76,.2),transparent 27%),linear-gradient(90deg,rgba(112,40,127,.8),rgba(31,11,39,.54));box-shadow:inset 4px 0 #f1ca6c,0 10px 24px #0006}
#wardrobe-screen .wardrobe-collection{padding:22px 24px 28px;background:radial-gradient(circle at 50% 0,rgba(129,48,148,.15),transparent 36%),rgba(5,2,8,.42)}
#wardrobe-screen .wardrobe-collection-heading{align-items:center;padding:0 5px 16px;border-image:linear-gradient(90deg,transparent,#d6a94d 12%,rgba(214,169,77,.25) 80%,transparent) 1}
#wardrobe-screen .wardrobe-collection-heading h3{font-size:clamp(28px,2vw,38px);text-shadow:0 5px 18px #000}
#wardrobe-screen .wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;padding:18px 7px 18px 3px}
#wardrobe-screen .wardrobe-item{min-height:122px;padding:13px;grid-template-columns:78px minmax(0,1fr);gap:14px;border-radius:3px;background:radial-gradient(circle at 18% 26%,rgba(123,44,142,.25),transparent 35%),linear-gradient(145deg,rgba(47,16,57,.82),rgba(7,3,11,.94));box-shadow:inset 0 0 0 1px rgba(255,230,157,.025),0 16px 26px #0006}
#wardrobe-screen .wardrobe-item::before{content:"";position:absolute;inset:6px;border:1px solid rgba(230,189,98,.1);pointer-events:none}
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual{width:74px;height:88px;border-radius:4px;box-shadow:inset 0 0 18px #000b,0 10px 18px #0008,0 0 0 3px rgba(213,168,75,.06)}
#wardrobe-screen .wardrobe-item strong{font-size:17px;white-space:normal}
#wardrobe-screen .wardrobe-preview{grid-template-rows:auto minmax(300px,1fr) auto auto auto 52px auto auto;gap:12px;padding:17px 22px 25px;background:radial-gradient(circle at 50% 18%,rgba(119,42,138,.24),transparent 34%),linear-gradient(180deg,rgba(23,8,29,.97),rgba(6,3,9,.99));box-shadow:inset 22px 0 40px rgba(0,0,0,.2)}
#wardrobe-screen .wardrobe-exhibit-heading{height:38px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:0 3px;border-bottom:1px solid rgba(225,181,89,.28)}
#wardrobe-screen .wardrobe-exhibit-heading span{color:#c482d1;font:900 8px/1 Inter,sans-serif;letter-spacing:.22em}
#wardrobe-screen .wardrobe-exhibit-heading strong{color:#f4d78e;font:700 16px/1 Georgia,serif}
#wardrobe-screen .wardrobe-exhibit-heading i{grid-column:2;grid-row:1/3;color:#e8bf65;font:normal 26px/1 Georgia,serif;text-shadow:0 0 14px rgba(207,103,222,.5)}
#wardrobe-screen .wardrobe-stage{min-height:320px;border-radius:3px;border-color:rgba(239,199,111,.72);box-shadow:inset 0 0 70px #000a,0 20px 38px #0009,0 0 0 5px rgba(223,178,81,.04)}
#wardrobe-screen .wardrobe-stage::after{box-shadow:inset 0 0 46px rgba(0,0,0,.68),inset 0 -46px 44px rgba(0,0,0,.42)}
#wardrobe-screen .wardrobe-preview-copy{padding-top:4px}
#wardrobe-screen .wardrobe-preview-copy h3{font-size:clamp(27px,1.9vw,36px);text-shadow:0 4px 18px #000}
#wardrobe-screen .wardrobe-stage-focus-art,#wardrobe-screen .wardrobe-stage-court-card,#wardrobe-screen .wardrobe-stage-court-features{display:none}
#wardrobe-screen .wardrobe-stage[data-preview-category="throne"] .wardrobe-stage-focus-art{display:block;position:absolute;z-index:4;left:50%;bottom:14%;width:58%;height:70%;transform:translateX(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 18px #000d) drop-shadow(0 0 16px color-mix(in srgb,var(--preview-accent) 42%,transparent))}
#wardrobe-screen .wardrobe-stage[data-preview-category="throne"] .wardrobe-stage-throne{display:none}
#wardrobe-screen .wardrobe-stage[data-preview-category="victory_effect"][data-preview-has-art="true"] .wardrobe-stage-focus-art{display:block;position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.08) contrast(1.05);mask-image:linear-gradient(to bottom,#000 0 68%,transparent 94%)}
#wardrobe-screen .wardrobe-stage[data-preview-category="victory_effect"] .wardrobe-stage-effect{z-index:4}
#wardrobe-screen .wardrobe-stage[data-preview-category="banner"][data-preview-has-art="true"] .wardrobe-stage-banner img{opacity:.92;mix-blend-mode:normal;object-fit:cover;filter:saturate(1.06) contrast(1.04)}
#wardrobe-screen .wardrobe-stage[data-preview-category="banner"][data-preview-has-art="true"] .wardrobe-stage-banner span{opacity:.16}
#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card{overflow:visible;isolation:isolate}
#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card img{position:relative;z-index:2;border-radius:inherit}
#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card::before,#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card::after{content:"";position:absolute;z-index:-1;inset:0;border:2px solid color-mix(in srgb,var(--preview-accent) 70%,#e6c66f);border-radius:inherit;background:linear-gradient(145deg,#40154d,#100617);box-shadow:0 12px 20px #0009}
#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card::before{transform:translate(-34%,-4%) rotate(-11deg)}
#wardrobe-screen .wardrobe-stage[data-preview-category="card_back"] .wardrobe-stage-card::after{transform:translate(34%,-4%) rotate(11deg)}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-card{display:block;position:absolute;z-index:5;left:28%;bottom:21%;width:15%;height:42%;object-fit:cover;border:2px solid color-mix(in srgb,var(--preview-accent) 68%,#e9c96f);border-radius:5px;transform:rotate(-6deg);box-shadow:0 15px 20px #000c,0 0 14px color-mix(in srgb,var(--preview-accent) 38%,transparent)}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-effect{opacity:.58;filter:none;left:52%;top:28%;width:18%;z-index:3}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-effect .victory-crown{font-size:42px}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-features{display:flex;position:absolute;z-index:7;left:5%;right:5%;bottom:16%;justify-content:center;gap:4px}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-features span{padding:4px 5px;border:1px solid rgba(230,190,98,.34);background:rgba(5,2,8,.8);color:#dccbdb;font:800 5px/1 Inter,sans-serif;letter-spacing:.08em;box-shadow:0 5px 10px #0007}
body.reduce-motion #wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-effect,body.reduce-motion #wardrobe-screen .wardrobe-stage[data-preview-category="victory_effect"] .wardrobe-stage-effect{animation:none!important}
#wardrobe-screen .wardrobe-state-legend{display:flex;align-items:center;gap:6px;margin-top:9px}
#wardrobe-screen .wardrobe-state-legend b{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid rgba(218,174,81,.25);border-radius:99px;background:rgba(6,3,10,.52);font:800 6px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
#wardrobe-screen .wardrobe-state-legend .equipped{color:#ffe09a;border-color:#d8a94d}#wardrobe-screen .wardrobe-state-legend .owned{color:#e1b9e7;border-color:#9258a0}#wardrobe-screen .wardrobe-state-legend .locked{color:#aca1af;border-color:#554559}
#wardrobe-screen :is(.wardrobe-item,.court-set-card,.rival-spoil-card,.pvp-honor-card){position:relative}
#wardrobe-screen .wardrobe-card-shell{position:relative;min-width:0;align-self:stretch}
#wardrobe-screen .wardrobe-card-shell>:is(.wardrobe-item,.court-set-card){width:100%;height:100%}
#wardrobe-screen .wardrobe-card-shell.has-quick-equip>.wardrobe-item{padding-bottom:42px}
#wardrobe-screen .wardrobe-card-shell.has-quick-equip>.court-set-card .court-set-copy{padding-bottom:43px}
#wardrobe-screen .wardrobe-quick-equip{position:absolute;z-index:18;right:10px;bottom:9px;min-height:27px;padding:5px 9px;border:1px solid #e3bc61;border-radius:3px;background:linear-gradient(180deg,#f0cc73,#9b6428);box-shadow:0 5px 14px #0009;color:#1b0c1f;font:900 7px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:transform .15s,border-color .15s,filter .15s}
#wardrobe-screen .wardrobe-quick-equip span{font-size:9px}
#wardrobe-screen .wardrobe-quick-equip:hover,#wardrobe-screen .wardrobe-quick-equip:focus-visible{transform:translateY(-2px);filter:brightness(1.12);outline:2px solid #fff0b5;outline-offset:2px}
#wardrobe-screen .court-shell .wardrobe-quick-equip{right:12px;bottom:12px;min-width:96px}
#wardrobe-screen .wardrobe-state-badge{position:absolute!important;z-index:12;top:8px;right:8px;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center;gap:4px;padding:5px 7px!important;border:1px solid;border-radius:3px;background:rgba(5,2,8,.9);box-shadow:0 5px 14px #0009;color:#d8cbdc;font:900 6px/1 Inter,sans-serif!important;letter-spacing:.1em;white-space:nowrap}
#wardrobe-screen .wardrobe-state-badge i{font:normal 9px/1 Inter,sans-serif}
#wardrobe-screen .wardrobe-state-badge.equipped{color:#251126;border-color:#ffdf8e;background:linear-gradient(180deg,#ffe59b,#bd8432);box-shadow:0 0 15px rgba(235,190,91,.42),0 5px 14px #0009}
#wardrobe-screen .wardrobe-state-badge.owned{color:#f4dafa;border-color:#b26ac1;background:linear-gradient(180deg,rgba(110,43,126,.98),rgba(45,17,54,.98))}
#wardrobe-screen .wardrobe-state-badge.locked{color:#d4ccd6;border-color:#5c4d61;background:rgba(15,10,18,.94)}
#wardrobe-screen .wardrobe-item.equipped::after{display:none}
#wardrobe-screen .wardrobe-item.locked{opacity:.78;filter:none;border-style:dashed;background:linear-gradient(145deg,rgba(29,20,32,.82),rgba(7,4,9,.94))}
#wardrobe-screen .wardrobe-item.locked .wardrobe-item-visual{filter:grayscale(.72) brightness(.64)}
#wardrobe-screen .wardrobe-item.owned:not(.equipped){border-color:rgba(158,91,173,.58);box-shadow:inset 0 0 0 1px rgba(201,131,216,.06),0 14px 24px #0005}
#wardrobe-screen .wardrobe-item.equipped{border-color:#edc76c;box-shadow:inset 0 0 0 2px rgba(240,198,102,.25),0 0 18px rgba(211,151,56,.18),0 14px 26px #0007}
#wardrobe-screen :is(.court-set-card,.rival-spoil-card,.pvp-honor-card).locked{opacity:.78;filter:none;border-style:dashed}
#wardrobe-screen :is(.court-set-card,.rival-spoil-card,.pvp-honor-card).locked img{filter:grayscale(.72) brightness(.58)}
#wardrobe-screen :is(.court-set-card,.rival-spoil-card,.pvp-honor-card).owned:not(.equipped){border-color:rgba(164,95,179,.65)}
#wardrobe-screen :is(.court-set-card,.rival-spoil-card,.pvp-honor-card).equipped{border-color:#f0ca6f;box-shadow:inset 0 0 0 2px rgba(240,202,111,.28),0 0 20px rgba(218,169,72,.22),0 14px 30px #0008}
#wardrobe-screen .court-set-art>.wardrobe-state-badge{top:10px;right:10px;width:auto;height:auto;color:#d4ccd6}
#wardrobe-screen .court-set-art>.wardrobe-state-badge.equipped{color:#251126}
#wardrobe-screen .royal-challenge-seal.claimed::after{content:"✓";position:absolute;right:1px;top:1px;width:13px;height:13px;display:grid;place-items:center;border:1px solid #f0c767;border-radius:50%;background:#6b287b;color:#fff1ba;font:900 7px/1 Inter,sans-serif;box-shadow:0 0 8px rgba(202,106,220,.55)}
#wardrobe-screen .royal-challenge-seal.locked::after{content:"▣";position:absolute;right:1px;top:1px;color:#8e818f;font:8px/1 Inter,sans-serif}
body.high-contrast #wardrobe-screen :is(.wardrobe-state-legend b,.wardrobe-state-badge){border-color:#fff!important;background:#000!important;color:#fff!important;box-shadow:none!important}
body.high-contrast #wardrobe-screen .wardrobe-quick-equip{border:2px solid #fff!important;background:#000!important;color:#fff!important;box-shadow:none!important}
body.reduce-motion #wardrobe-screen .wardrobe-quick-equip{transition:none!important}

/* The Wardrobe remains a navigable royal gallery even when discovery filters
   return no rewards. Keep the recovery action in the collection column and
   quiet the inspector so stale regalia never appears to match an empty list. */
#wardrobe-screen .wardrobe-collection-heading{gap:20px}
#wardrobe-screen .wardrobe-collection-tools{min-width:0;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:8px}
#wardrobe-screen .wardrobe-search{flex:0 1 230px;min-width:170px}
#wardrobe-screen .wardrobe-filters{flex:0 0 auto}
#wardrobe-screen .wardrobe-empty{grid-column:1/-1;min-height:360px;display:grid;place-items:center;align-content:center;gap:9px;padding:46px 28px;text-align:center;border:1px solid rgba(222,177,82,.42);border-radius:7px;background:radial-gradient(circle at 50% 36%,rgba(126,49,143,.2),transparent 35%),linear-gradient(145deg,rgba(35,13,42,.88),rgba(7,4,10,.96));box-shadow:inset 0 0 0 1px rgba(255,229,155,.04),inset 0 0 46px #050207,0 18px 34px #0007;color:#d8c9da}
#wardrobe-screen .wardrobe-empty>i{width:68px;height:68px;display:grid;place-items:center;margin-bottom:3px;border:1px solid #d9ad4d;border-radius:50%;background:radial-gradient(circle,#64256f,#16081d 67%);box-shadow:inset 0 0 18px #0a030d,0 0 28px rgba(211,116,231,.2);color:#f0c961;font:normal 34px/1 Georgia,serif}
#wardrobe-screen .wardrobe-empty>small{color:#d48de0;font:900 8px/1 Inter,sans-serif;letter-spacing:.25em}
#wardrobe-screen .wardrobe-empty>strong{max-width:520px;color:#ffe7a4;font:700 clamp(24px,2vw,36px)/1.05 Georgia,serif;text-shadow:0 5px 18px #000}
#wardrobe-screen .wardrobe-empty>p{max-width:500px;margin:2px auto 7px;color:#cbbdce;font:600 12px/1.55 Inter,sans-serif}
#wardrobe-screen .wardrobe-empty>button{min-height:38px;padding:9px 17px;border:1px solid #e0b653;border-radius:4px;background:linear-gradient(180deg,#5c2868,#2a1031);box-shadow:0 8px 20px #0008;color:#ffe8a8;font:900 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:transform .15s,filter .15s,box-shadow .15s}
#wardrobe-screen .wardrobe-empty>button:hover,#wardrobe-screen .wardrobe-empty>button:focus-visible{transform:translateY(-2px);filter:brightness(1.16);box-shadow:0 10px 24px #000a,0 0 18px rgba(211,116,231,.22);outline:2px solid #fff0b5;outline-offset:2px}
#wardrobe-screen .wardrobe-stage[data-preview-category="empty"]{isolation:isolate;background:radial-gradient(circle at 50% 42%,rgba(174,91,194,.17),transparent 32%),linear-gradient(160deg,#1e0b25,#07040a 74%)}
#wardrobe-screen .wardrobe-stage[data-preview-category="empty"]::before{opacity:.16;filter:grayscale(.8) brightness(.56)}
#wardrobe-screen .wardrobe-stage[data-preview-category="empty"] :is(.wardrobe-stage-focus-art,.wardrobe-stage-card,.wardrobe-stage-banner,.wardrobe-stage-queen,.wardrobe-stage-throne,.wardrobe-stage-suits,.wardrobe-stage-effect,.wardrobe-stage-badge,.wardrobe-stage-court-banner,.wardrobe-stage-court-throne,.wardrobe-stage-court-card,.wardrobe-stage-court-features,.wardrobe-stage-court-seal){display:none!important}
#wardrobe-screen .wardrobe-stage[data-preview-category="empty"] .wardrobe-stage-crown{display:grid;z-index:4;left:50%;top:42%;width:92px;height:92px;place-items:center;transform:translate(-50%,-50%);opacity:.34;filter:grayscale(.45)}
body.high-contrast #wardrobe-screen .wardrobe-empty{border:2px solid #fff;background:#000;color:#fff;box-shadow:none}
body.high-contrast #wardrobe-screen .wardrobe-empty :is(i,small,strong,p){color:#fff!important}
body.high-contrast #wardrobe-screen .wardrobe-empty>button{border:2px solid #fff;background:#000;color:#fff}
body.reduce-motion #wardrobe-screen .wardrobe-empty>button{transition:none!important}
/* Large collections stay cheap to scroll: browsers may defer off-screen card
   paint/layout while preserving stable intrinsic space and keyboard order. */
#wardrobe-screen :is(.wardrobe-card-shell,.rival-spoil-card,.pvp-honor-card,.royal-challenge-track){content-visibility:auto;contain-intrinsic-size:auto 118px}
#wardrobe-screen .wardrobe-card-shell.court-shell{contain-intrinsic-size:auto 330px}
@media(max-width:1500px) and (min-width:901px){#wardrobe-screen .wardrobe-layout{grid-template-columns:205px minmax(510px,1fr) 370px}#wardrobe-screen .wardrobe-grid{grid-template-columns:repeat(2,minmax(235px,1fr))}#wardrobe-screen .wardrobe-item{grid-template-columns:66px minmax(0,1fr)}#wardrobe-screen .wardrobe-item>.wardrobe-item-visual{width:62px;height:76px}}
@media(max-height:820px) and (min-width:901px){#wardrobe-screen .wardrobe-header{min-height:94px;padding-block:13px}#wardrobe-screen .wardrobe-header p:not(.eyebrow){display:none}#wardrobe-screen .wardrobe-preview{grid-template-rows:auto minmax(245px,1fr) auto auto auto 48px auto auto}#wardrobe-screen .wardrobe-stage{min-height:245px}#wardrobe-screen .wardrobe-item{min-height:100px}}
@media(max-width:900px){#wardrobe-screen .wardrobe-collection-heading{align-items:flex-start}#wardrobe-screen .wardrobe-collection-tools{width:100%;justify-content:flex-start}#wardrobe-screen .wardrobe-search{flex:1 1 210px}#wardrobe-screen .wardrobe-empty{min-height:230px;padding:30px 18px}}
body.high-contrast #wardrobe-screen .wardrobe-exhibit-heading :is(span,strong,i){color:#fff!important}
body.reduce-motion #wardrobe-screen .wardrobe-showroom-architecture::after{transform:none;opacity:.3}

/* One collectible evolves through four static forms before its animated Apex. */
.royal-challenge-evolving-seal .seal-orbit{animation:none}
.royal-challenge-evolving-seal.seal-stage-awakened{color:#b88d61;border-color:#7e5b3b;background:radial-gradient(circle,#4a2c24 0 30%,#160c0a 31% 58%,#7c5838 59% 67%,#080403 68%)}
.royal-challenge-evolving-seal.seal-stage-forged{color:#d4d3db;border-color:#918f9a;border-radius:18%;transform:rotate(45deg) scale(.82);background:radial-gradient(circle,#3d3445 0 30%,#100b13 31% 58%,#a4a2aa 59% 67%,#080409 68%)}.royal-challenge-evolving-seal.seal-stage-forged>*{transform:rotate(-45deg)}.royal-challenge-evolving-seal.seal-stage-forged:hover,.royal-challenge-evolving-seal.seal-stage-forged:focus-visible,.royal-challenge-evolving-seal.seal-stage-forged.previewing{transform:rotate(45deg) translate(-3px,-3px) scale(.85)}
.royal-challenge-evolving-seal.seal-stage-gilded{color:#efd078;border-color:#c79c3f;background:radial-gradient(circle,#58305f 0 30%,#19091e 31% 55%,#d0aa4d 57% 61%,#35163b 63% 70%,#080409 72%);box-shadow:inset 0 0 25px #210b27,0 0 20px rgba(209,144,224,.18),0 14px 30px #0009}
.royal-challenge-evolving-seal.seal-stage-crowned{color:#f7d879;border-color:#d9ad48;background:conic-gradient(from 22.5deg,#16091b,#63366c,#16091b,#c89f42,#16091b,#63366c,#16091b),radial-gradient(circle,#6e3a72,#09040c 68%);box-shadow:inset 0 0 0 7px #16091b,inset 0 0 25px #2e0e35,0 0 28px rgba(209,144,224,.28),0 14px 30px #0009}
.royal-challenge-evolving-seal.apex .seal-orbit{animation:cosmetic-seal-orbit 9s linear infinite}

/* LIVE COURT SKIN START
   Every complete Court reuses the exact same gameplay DOM, dimensions and
   controls. Only palette, environmental background, throne art and the
   already-bound concealed card-back asset change between Courts. */
body[data-stq-court-theme="iron"]{--equipped-court-accent:#eef4f8;--equipped-court-rgb:238,244,248;--equipped-court-environment:url('/assets/cosmetics2/iron-court-environment-r96.png');--equipped-court-throne:url('/assets/cosmetics2/diamond-court-throne-transparent-r1.png')}
body[data-stq-court-theme="moonlit"]{--equipped-court-accent:#e34c61;--equipped-court-rgb:227,76,97;--equipped-court-environment:url('/assets/cosmetics2/moonlit-court-environment-r96.png');--equipped-court-throne:url('/assets/cosmetics2/heart-court-throne-transparent-r1.png')}
body[data-stq-court-theme="coinbound"]{--equipped-court-accent:#48cc89;--equipped-court-rgb:72,204,137;--equipped-court-environment:url('/assets/cosmetics2/coinbound-court-environment-r96.png');--equipped-court-throne:url('/assets/cosmetics2/club-court-throne-transparent-r1.png')}
body[data-stq-court-theme="gilded"]{--equipped-court-accent:#d4b665;--equipped-court-rgb:212,182,101;--equipped-court-environment:url('/assets/cosmetics2/gilded-gate-environment-r96.png');--equipped-court-throne:url('/assets/cosmetics2/spade-court-throne-transparent-r1.png')}
body[data-stq-court-theme="royal"]{--equipped-court-accent:#ebc95f;--equipped-court-rgb:235,201,95;--equipped-court-environment:url('/assets/cosmetics2/royal-court-environment-r96.png');--equipped-court-throne:url('/assets/cosmetics2/royal-court-throne-transparent-r1.png')}
body[data-stq-court-theme="custom"]{--equipped-court-accent:#d4b665;--equipped-court-rgb:212,182,101;--equipped-court-environment:url('/assets/main-menu-throne-hall-v076.jpg');--equipped-court-throne:url('/assets/royal-throne.png')}
body[data-stq-court-theme] #game-screen.selection-board-active{
  --board-gold:color-mix(in srgb,var(--equipped-court-accent) 72%,#8d5b29);
  --board-gold-bright:color-mix(in srgb,var(--equipped-court-accent) 76%,#fff0c4);
  background:
    linear-gradient(180deg,rgba(3,2,6,.46),rgba(3,2,6,.68)),
    radial-gradient(ellipse at 50% 47%,rgba(var(--equipped-court-rgb),.12),transparent 50%),
    var(--equipped-court-environment) center/cover no-repeat!important;
}
body[data-stq-court-theme] #game-screen.selection-board-active :is(.selection-side,.selection-path-panel,.board-round-message){
  border-color:color-mix(in srgb,var(--equipped-court-accent) 66%,#9a642d);
  box-shadow:inset 0 0 0 2px #08060a,inset 0 0 0 3px rgba(var(--equipped-court-rgb),.22),0 0 0 2px #030205,0 4px 10px #000c;
}
body[data-stq-court-theme] #game-screen.selection-board-active .selection-throne::before{
  background:var(--equipped-court-throne) center 52%/contain no-repeat;
  filter:brightness(.68) saturate(.82) drop-shadow(0 2px 3px #000);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}
body[data-stq-court-theme] #game-screen.selection-board-active .selection-throne.seated::before{
  filter:brightness(.96) saturate(1.04) drop-shadow(0 0 calc(var(--u)*5) rgba(var(--equipped-court-rgb),.48));
}
body[data-stq-court-theme] #game-screen.selection-board-active :is(.selection-throne.seated b,.selection-thrones-panel h3,.selection-waiting-panel h3){color:var(--equipped-court-accent)}
body[data-stq-court-theme] #game-screen.selection-board-active .selection-queen-track{
  border-color:color-mix(in srgb,var(--equipped-court-accent) 72%,#d99942);
  box-shadow:inset 0 0 0 2px rgba(var(--equipped-court-rgb),.2),inset 0 -4px 7px #0008,0 0 11px rgba(var(--equipped-court-rgb),.3),0 0 0 2px #24150c;
}
body.high-contrast[data-stq-court-theme] #game-screen.selection-board-active{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.84)),var(--equipped-court-environment) center/cover no-repeat!important}
body.court-deck-equipped :is(.selection-card-backs i,.card-back,.result-card-back){
  background-color:#100914!important;
  background-image:linear-gradient(180deg,rgba(8,3,12,.04),rgba(8,3,12,.3)),var(--stq-card-back-art)!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:none!important;
}
body.court-deck-equipped #solo-selection-board .result-card-back{
  background-color:#100914!important;
  background-image:linear-gradient(180deg,rgba(8,3,12,.04),rgba(8,3,12,.3)),var(--stq-card-back-art)!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}

/* Each side carries its own public Court presentation. This prevents the
   local player's cosmetics from repainting an opponent's hidden cards and
   Thrones, and lets Campaign rivals arrive in their chapter Court. */
#solo-selection-board .selection-side{
  --side-court-accent:#b55bd4;
  --side-court-rgb:181,91,212;
  --side-card-back-art:url('/assets/royal-card-back.png');
  --side-throne-art:url('/assets/royal-throne.png');
  border-color:color-mix(in srgb,var(--side-court-accent) 58%,#5d3b66)!important;
  box-shadow:inset 0 0 24px rgba(var(--side-court-rgb),.08)!important;
}
#solo-selection-board .selection-side :is(.selection-card-backs i,.result-card-back){
  background-image:linear-gradient(180deg,rgba(8,3,12,.04),rgba(8,3,12,.30)),var(--side-card-back-art)!important;
  background-position:center!important;
  background-size:cover!important;
  filter:none!important;
  border-color:color-mix(in srgb,var(--side-court-accent) 62%,#8e6b3c)!important;
}
#solo-selection-board .selection-side .selection-throne::before{
  background-image:var(--side-throne-art)!important;
  background-position:center!important;
  background-size:contain!important;
  filter:brightness(.62) saturate(.46) drop-shadow(0 0 4px rgba(var(--side-court-rgb),.20))!important;
  mask-image:none!important;
}
#solo-selection-board .selection-side .selection-throne.seated::before{
  filter:brightness(1.03) saturate(.92) drop-shadow(0 0 5px rgba(var(--side-court-rgb),.40))!important;
}
#solo-selection-board .selection-side :is(.selection-thrones-panel h3,.selection-waiting-panel h3){
  color:var(--side-court-accent)!important;
}

/* Approved Concept A: the Court is anchored by one carved violet-velvet throne.
   The supplied suit crests sit on its upper backrest only when a Queen is seated.
   These selectors intentionally follow the Court-skin overrides above, so cosmetics
   cannot restore the rejected circular gold medallion treatment. */
#solo-selection-board .selection-side .selection-throne{
  --stq-throne-crest:none;
}
#solo-selection-board .selection-side .selection-throne.spades{--stq-throne-crest:url('/assets/thrones/crest-spade.png')}
#solo-selection-board .selection-side .selection-throne.hearts{--stq-throne-crest:url('/assets/thrones/crest-heart.png')}
#solo-selection-board .selection-side .selection-throne.clubs{--stq-throne-crest:url('/assets/thrones/crest-club.png')}
#solo-selection-board .selection-side .selection-throne.diamonds{--stq-throne-crest:url('/assets/thrones/crest-diamond.png')}
#solo-selection-board .selection-side .selection-throne::before{
  inset:calc(var(--u)*-2) calc(var(--u)*-5) calc(var(--u)*8)!important;
  background-image:var(--side-throne-art)!important;
  background-position:center 50%!important;
  background-size:100% 100%!important;
  mask-image:none!important;
  filter:brightness(.48) saturate(.70) contrast(1.06) drop-shadow(0 2px 3px #000)!important;
}
#solo-selection-board .selection-side .selection-throne::after{
  content:'';
  position:absolute;
  z-index:2;
  left:18%;top:15%;width:64%;height:44%;
  background:var(--stq-throne-crest) center/100% 100% no-repeat;
  opacity:0;
  pointer-events:none;
}
#solo-selection-board .selection-side .selection-throne.seated::before{
  filter:brightness(.98) saturate(1.05) contrast(1.04) drop-shadow(0 0 5px rgba(var(--side-court-rgb),.34))!important;
}
#solo-selection-board .selection-side .selection-throne.seated::after{opacity:1}
#solo-selection-board .selection-side .selection-throne.seated b,
#solo-selection-board .selection-side .selection-throne.seated small{display:none!important}
#solo-selection-board .selection-track-energy-opponent{
  background:linear-gradient(90deg,rgba(var(--opponent-court-rgb,181,91,212),.92),rgba(var(--opponent-court-rgb,181,91,212),.10))!important;
}
#solo-selection-board .selection-track-energy-player{
  background:linear-gradient(90deg,rgba(var(--player-court-rgb,181,91,212),.10),rgba(var(--player-court-rgb,181,91,212),.92))!important;
}
/* LIVE COURT SKIN END */

/* Suit-court palette: Spades black, Clubs green, Diamonds white, Hearts red.
   Purple and gold remain the separate Royal Court language. */
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual.theme-gilded{--mini-accent:#d2b66c}
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual.theme-coinbound{--mini-accent:#36b978}
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual.theme-iron{--mini-accent:#eef3f7}
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual.theme-moonlit{--mini-accent:#d43d4f}
#wardrobe-screen .wardrobe-item>.wardrobe-item-visual.theme-royal{--mini-accent:#e9c45f}
#wardrobe-screen .wardrobe-stage[data-preview-theme="gilded"]{background:radial-gradient(circle at 50% 30%,rgba(206,171,87,.18),transparent 43%),linear-gradient(#111114,#030305)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="gilded"] .wardrobe-stage-banner{background:linear-gradient(#17171b,#020203)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="iron"]{background:radial-gradient(circle at 50% 30%,rgba(232,241,248,.28),transparent 44%),linear-gradient(#30343a,#08090c)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="iron"] .wardrobe-stage-banner{background:linear-gradient(#f2f2ee,#8f959c)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="moonlit"]{background:radial-gradient(circle at 50% 30%,rgba(190,34,56,.4),transparent 45%),linear-gradient(#31090f,#090305)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="moonlit"] .wardrobe-stage-banner{background:linear-gradient(#a8152b,#36060d)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="royal"]{background:radial-gradient(circle at 50% 28%,rgba(222,179,76,.32),transparent 42%),linear-gradient(#3a0d49,#09030d)}
#wardrobe-screen .wardrobe-stage[data-preview-theme="royal"] .wardrobe-stage-banner{background:linear-gradient(#672276,#21072a)}
#wardrobe-screen .wardrobe-stage[data-preview-accent="iron"]{--preview-accent:#edf3f8}
#wardrobe-screen .wardrobe-stage[data-preview-accent="moonlit"]{--preview-accent:#dc4357}
#wardrobe-screen .wardrobe-stage[data-preview-accent="royal"]{--preview-accent:#e9c45f}

/* YOUR COURT — competition-facing customization.  Legacy inventory data and
   APIs remain available, while the active screen presents five coherent Courts. */
#wardrobe-screen .wardrobe-layout{grid-template-columns:270px minmax(620px,1fr) minmax(390px,455px)}
#wardrobe-screen .wardrobe-categories::before{content:"CHOOSE YOUR COURT"}
#wardrobe-screen .wardrobe-categories button{min-height:78px;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:1fr 4px;column-gap:11px;padding:10px 12px}
#wardrobe-screen .wardrobe-categories button>i{grid-row:1;width:40px;height:40px;font-size:22px}
#wardrobe-screen .wardrobe-categories button>span:not(.wardrobe-category-progress){display:grid;gap:4px;align-content:center;text-align:left}
#wardrobe-screen .wardrobe-categories button>span strong{color:#f7e5b0;font:700 14px/1.05 Georgia,serif}
#wardrobe-screen .wardrobe-categories button>span small{color:#bdaec0;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#wardrobe-screen .wardrobe-categories button>b{max-width:72px;color:#dfbd69;font:900 8px/1 Inter,sans-serif;letter-spacing:.08em;text-align:right}
#wardrobe-screen .wardrobe-categories .wardrobe-category-progress{grid-column:2/4;grid-row:2;align-self:end;height:3px;background:#1a0d1e}
#wardrobe-screen .wardrobe-categories .wardrobe-category-progress>i{display:block;height:100%;background:linear-gradient(90deg,#a84dc0,#f0ca6d)}
#wardrobe-screen .wardrobe-collection-tools :is(.wardrobe-search,.wardrobe-filters){display:none!important}
#wardrobe-screen .wardrobe-state-legend{display:none}
#wardrobe-screen .wardrobe-grid{display:block;padding:0 6px 18px 0;overflow-y:auto}
#wardrobe-screen .wardrobe-loadouts,#wardrobe-screen .wardrobe-court-return{display:none!important}
#wardrobe-screen .wardrobe-preview{grid-template-rows:auto minmax(280px,1fr) auto auto auto auto 52px auto;overflow-y:auto}
#wardrobe-screen .your-court-hero{position:relative;min-height:318px;border:1px solid color-mix(in srgb,var(--preview-accent,#d6ac56) 64%,#6d4122);overflow:hidden;background:#08040b}
#wardrobe-screen .your-court-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,2,7,.94) 0 37%,rgba(4,2,7,.45) 62%,rgba(4,2,7,.12)),var(--your-court-art) center/cover no-repeat;filter:saturate(1.04)}
#wardrobe-screen .your-court-hero::after{content:"";position:absolute;inset:7px;border:1px solid rgba(244,209,125,.25);pointer-events:none}
#wardrobe-screen .your-court-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(54%,520px);min-height:318px;padding:28px 32px;text-shadow:0 3px 14px #000}
#wardrobe-screen .your-court-hero-copy>span{color:#d984e6;font:900 10px/1 Inter,sans-serif;letter-spacing:.2em}
#wardrobe-screen .your-court-hero-copy h4{margin:8px 0 10px;color:#ffe5a3;font:700 clamp(30px,2.2vw,44px)/.95 Georgia,serif}
#wardrobe-screen .your-court-hero-copy p{max-width:430px;margin:0 0 21px;color:#eee4ec;font:500 13px/1.5 Inter,sans-serif}
#wardrobe-screen .your-court-hero-copy>div{display:grid;gap:7px}
#wardrobe-screen .your-court-hero-copy>div strong{color:#f0ca6f;font:900 9px/1 Inter,sans-serif;letter-spacing:.13em}
#wardrobe-screen .your-court-hero-copy>div>i{height:7px;border:1px solid rgba(230,188,96,.5);background:#09040d}
#wardrobe-screen .your-court-hero-copy>div>i>b{display:block;height:100%;background:linear-gradient(90deg,#b64ed0,#f2cb6b)}
#wardrobe-screen .your-court-hero-copy>div small{color:#cfbfd0;font:700 9px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#wardrobe-screen .your-court-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#wardrobe-screen .your-court-milestone{min-height:136px;padding:13px 15px;border:1px solid rgba(208,162,74,.28);background:linear-gradient(145deg,rgba(46,14,54,.78),rgba(6,3,9,.92));box-shadow:inset 0 1px rgba(255,231,157,.04)}
#wardrobe-screen .your-court-milestone.complete{border-color:rgba(236,196,102,.66);background:linear-gradient(145deg,rgba(76,26,84,.88),rgba(10,5,13,.94))}
#wardrobe-screen .your-court-milestone header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center}
#wardrobe-screen .your-court-milestone header>i{display:grid;width:28px;height:28px;place-items:center;border:1px solid #8b612c;border-radius:50%;color:#f1c96a;font:700 13px/1 Georgia,serif}
#wardrobe-screen .your-court-milestone header span{display:grid;gap:2px}
#wardrobe-screen .your-court-milestone header small{color:#c274d0;font:900 7px/1 Inter,sans-serif;letter-spacing:.16em}
#wardrobe-screen .your-court-milestone header strong{overflow:hidden;color:#f8e3ad;font:700 14px/1.1 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}
#wardrobe-screen .your-court-milestone header>b{color:#c8bacb;font:900 7px/1 Inter,sans-serif;letter-spacing:.1em}
#wardrobe-screen .your-court-milestone.complete header>b{color:#f2ca69}
#wardrobe-screen .your-court-milestone>p{margin:11px 0 8px;color:#e3b955;font:900 8px/1 Inter,sans-serif;letter-spacing:.13em}
#wardrobe-screen .your-court-milestone ul{display:flex;gap:7px;margin:0;padding:0;list-style:none}
#wardrobe-screen .your-court-milestone li{flex:1;padding:6px 7px;border:1px solid rgba(196,151,67,.18);color:#a99dac;font:700 8px/1.2 Inter,sans-serif}
#wardrobe-screen .your-court-milestone li span{margin-right:5px;color:#775a7c}.your-court-milestone li.earned{color:#f2dfac}.your-court-milestone li.earned span{color:#e8c162}
#wardrobe-screen .wardrobe-court-manifest{display:block!important}
#wardrobe-screen #wardrobe-court-manifest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#wardrobe-screen .your-court-piece{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:center;min-height:46px;padding:7px;border:1px solid rgba(209,166,78,.18);background:rgba(4,2,7,.45)}
#wardrobe-screen .your-court-piece>i{color:#79597e;font-style:normal}.your-court-piece.unlocked>i{color:#efc767}
#wardrobe-screen .your-court-piece span{display:grid;gap:3px}.your-court-piece strong{overflow:hidden;color:#ead9e8;font:700 9px/1 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}.your-court-piece small{overflow:hidden;color:#998d9c;font:700 7px/1.1 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}.your-court-piece.unlocked small{color:#d5b666}
#wardrobe-screen #wardrobe-equip{font-size:15px;letter-spacing:.08em}
#wardrobe-screen #wardrobe-preview-status{min-height:26px;color:#c9bdca;text-align:center}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-card{display:block;position:absolute;z-index:5;right:30%;bottom:13%;width:17%;height:47%;object-fit:contain;filter:drop-shadow(0 12px 13px #000d)}
#wardrobe-screen .wardrobe-stage[data-preview-category="court_set"] .wardrobe-stage-court-features{display:none}
.royal-profile-card.your-court-profile{grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;gap:0 13px}
.royal-profile-card.your-court-profile .royal-profile-standard{grid-column:1;grid-row:1}.royal-profile-card.your-court-profile .royal-profile-name{grid-column:2;grid-row:1}.royal-profile-card.your-court-profile .royal-profile-rank{grid-column:1/-1;grid-row:2}.royal-profile-card.your-court-profile .royal-profile-honors{grid-column:1/-1;grid-row:3}.royal-profile-card.your-court-profile .royal-profile-court{grid-column:1/-1;grid-row:4}.royal-profile-card.your-court-profile #records-open-wardrobe{grid-column:1/-1;grid-row:5}
.royal-profile-card.your-court-profile .royal-profile-standard img{width:52px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 9px #000a)}
.royal-profile-card.your-court-profile .royal-profile-standard>small{display:none}
.royal-profile-card.your-court-profile .royal-profile-honors>div{display:grid;place-items:center;min-height:56px;border:1px solid rgba(213,171,83,.25);background:rgba(7,3,11,.5)}
.royal-profile-card.your-court-profile .royal-profile-honors>div strong{color:#f2ce75;font:700 23px/1 Georgia,serif}.royal-profile-card.your-court-profile .royal-profile-honors>div span{color:#bfb0c1;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em}
.player-regalia.court-identity{display:inline-flex;align-items:center;gap:5px}.player-regalia.court-identity>i{color:#e6be61;font-style:normal}.player-regalia.court-identity>em{font-style:normal}.player-regalia.court-identity>small{opacity:.72}
@media(max-width:1500px) and (min-width:901px){#wardrobe-screen .wardrobe-layout{grid-template-columns:225px minmax(520px,1fr) 365px}#wardrobe-screen .your-court-hero{min-height:270px}#wardrobe-screen .your-court-hero-copy{min-height:270px;padding:22px}.royal-profile-card.your-court-profile{grid-template-columns:55px minmax(0,1fr)}}
@media(max-height:820px) and (min-width:901px){#wardrobe-screen .wardrobe-collection{padding:13px 18px 18px}#wardrobe-screen .wardrobe-collection-heading{min-height:52px;margin-bottom:8px;padding-bottom:8px}#wardrobe-screen .your-court-hero{min-height:210px}#wardrobe-screen .your-court-hero-copy{min-height:210px;padding:15px 22px}#wardrobe-screen .your-court-hero-copy p{margin-bottom:11px}#wardrobe-screen .your-court-milestone{min-height:106px;padding:8px 10px}#wardrobe-screen .your-court-milestone>p{margin:7px 0 6px}#wardrobe-screen .wardrobe-stage{min-height:225px}}
@media(max-width:900px){#wardrobe-screen .wardrobe-layout{display:block}#wardrobe-screen .wardrobe-categories{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto}#wardrobe-screen .wardrobe-categories::before{display:none}#wardrobe-screen .wardrobe-categories button{min-width:150px}#wardrobe-screen .your-court-hero-copy{width:75%}#wardrobe-screen .wardrobe-preview{border-top:1px solid rgba(225,180,78,.3);border-left:0}.royal-profile-card.your-court-profile{grid-template-columns:70px minmax(0,1fr)}}
@media(max-height:760px) and (min-width:901px){.royal-profile-card.your-court-profile{grid-template-columns:49px minmax(0,1fr);gap:0 9px}.royal-profile-card.your-court-profile .royal-profile-standard img{width:38px;height:42px}.royal-profile-card.your-court-profile .royal-profile-honors>div{min-height:42px}.royal-profile-card.your-court-profile .royal-profile-honors>div strong{font-size:17px}.royal-profile-card.your-court-profile .royal-profile-honors>div span{font-size:6px;letter-spacing:.05em}}
body.high-contrast #wardrobe-screen :is(.your-court-hero,.your-court-milestone,.your-court-piece){border-color:#fff!important;background:#000!important;color:#fff!important}
body.reduce-motion #wardrobe-screen :is(.your-court-hero,.your-court-milestone,.your-court-piece){transition:none!important}