/* Six wearable atmospheres; image-led and crown themes use their own surface palette. */
body[data-worn-medal] #app{position:relative;z-index:1}
.medal-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:radial-gradient(ellipse at 65% 22%,#69439b25,transparent 60%);animation:wardrobe-arrive 1.2s ease-out both}
.wardrobe-scene{isolation:isolate;--w-accent:#c5a7ff;--w-companion:#bba0ff}
.medal-atmosphere{--w-accent:inherit;--w-companion:inherit}
.wardrobe-fog,.wardrobe-ribbons,.wardrobe-orbs,.wardrobe-halos,.wardrobe-rays,.wardrobe-stars{position:absolute;inset:0;pointer-events:none}
.wardrobe-fog{inset:-10%;background:radial-gradient(ellipse at 28% 25%,color-mix(in srgb,var(--w-accent) 17%,transparent),transparent 43%),radial-gradient(ellipse at 75% 62%,#9765d529,transparent 48%);animation:wardrobe-fog 24s ease-in-out infinite alternate}
.wardrobe-ribbons,.wardrobe-orbs,.wardrobe-halos,.wardrobe-rays{display:none}
.wardrobe-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--w-accent);box-shadow:0 0 12px var(--w-accent);opacity:.5;animation:wardrobe-drift 17s var(--d) ease-in-out infinite}
.wardrobe-stars i:nth-child(5n){clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;box-shadow:none;width:9px;height:9px}
.wardrobe-scene[data-medal='first'] .wardrobe-fog{background:radial-gradient(ellipse at 30% 25%,#bd85d42b,transparent 45%),radial-gradient(ellipse at 80% 76%,#e8a5cf1c,transparent 40%)}
.wardrobe-scene[data-medal='first'] .wardrobe-stars i:nth-child(3n){background:#f5dff5;animation-duration:23s}
.wardrobe-scene[data-medal='supply'] .wardrobe-ribbons,.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons{display:block}
.wardrobe-ribbons i{position:absolute;left:-30%;top:12%;width:155%;height:12%;border-radius:50%;transform:rotate(-28deg);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--w-accent) 24%,transparent) 65%,#b386da19 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--w-accent) 32%,transparent);animation:wardrobe-ribbon 18s ease-in-out infinite alternate}
.wardrobe-ribbons i:nth-child(2){top:42%;animation-delay:-8s;opacity:.6;transform:rotate(-22deg)}
.wardrobe-ribbons i:nth-child(3){top:72%;animation-delay:-13s;opacity:.35}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i{left:6%;top:-20%;width:26%;height:130%;border:0;border-radius:48%;background:linear-gradient(90deg,transparent,#8fdcd11a 20%,#afa1ed3d 48%,#9271cc12 80%,transparent);transform:rotate(23deg);animation:wardrobe-curtain 22s ease-in-out infinite alternate}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i:nth-child(2){left:46%;animation-delay:-8s;opacity:.7}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i:nth-child(3){left:75%;animation-delay:-15s;opacity:.5}
.wardrobe-scene[data-medal='both'] .wardrobe-orbs,.wardrobe-scene[data-medal='both'] .wardrobe-halos{display:block}
.wardrobe-orbs i{position:absolute;left:4%;top:7%;width:65%;height:55%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--w-accent) 25%,transparent),transparent 68%);animation:wardrobe-twin 19s ease-in-out infinite alternate}
.wardrobe-orbs i:nth-child(2){left:43%;top:42%;background:radial-gradient(ellipse,color-mix(in srgb,var(--w-companion) 23%,transparent),transparent 68%);animation-delay:-9.5s;animation-direction:alternate-reverse}
.wardrobe-halos i{position:absolute;left:12%;top:20%;width:80%;height:44%;border:1px solid color-mix(in srgb,var(--w-accent) 26%,transparent);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 28px #a980d314,inset 0 0 20px #af80df0c;animation:wardrobe-orbit 28s ease-in-out infinite alternate}
.wardrobe-halos i:nth-child(2){transform:rotate(28deg);border-color:color-mix(in srgb,var(--w-companion) 30%,transparent);animation-delay:-14s}
.wardrobe-halos i:nth-child(3){display:none}
.wardrobe-scene[data-medal='explorer'] .wardrobe-fog{inset:2% -35%;border-radius:50%;background:conic-gradient(from 40deg,transparent,#b594e334,transparent 28%,#90bad526,transparent 58%,#925ab333,transparent);mask-image:radial-gradient(ellipse,#000 8%,transparent 69%);animation:wardrobe-nebula 70s linear infinite}
.wardrobe-scene[data-medal='explorer'] .wardrobe-halos{display:block;transform:rotate(40deg);opacity:.6}
.wardrobe-scene[data-medal='explorer'] .wardrobe-halos i{border-style:dashed;border-radius:36%;height:62%;animation-duration:40s}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos,.wardrobe-scene[data-medal='crown'] .wardrobe-rays{display:block}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos i{left:8%;top:12%;width:84%;height:48%;transform:rotate(-14deg);border-color:#e9cba349;border-bottom-width:2px;box-shadow:0 0 32px #d5ad8820,inset 0 0 30px #c5a0ef1b;animation:wardrobe-crown 18s ease-in-out infinite alternate}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos i:nth-child(2){left:14%;top:17%;width:72%;height:38%;opacity:.55;animation-delay:-9s}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos i:nth-child(3){display:block;left:20%;top:23%;width:60%;height:26%;opacity:.3;animation-delay:-4s}
.wardrobe-rays{inset:-18% -22% 15%;background:repeating-conic-gradient(from 10deg at 50% 45%,transparent 0deg 17deg,#e6c49816 19deg 20deg,transparent 23deg 36deg);mask-image:radial-gradient(ellipse,#000 5%,transparent 65%);animation:wardrobe-nebula 100s linear infinite}
.wardrobe-scene[data-medal='crown'] .wardrobe-stars i{animation-name:wardrobe-fall;animation-duration:22s}
body[data-worn-medal] .star-gallery{background:radial-gradient(ellipse at 34% 35%,#49347750,transparent 55%),linear-gradient(145deg,#14132dc9,#20183bc9 65%,#121126cb);border-color:color-mix(in srgb,var(--w-accent) 30%,transparent)}
body[data-worn-medal] .royal-card-glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--w-accent) 27%,transparent),#b489e62b 38%,transparent 70%)}
body[data-worn-medal] .panel,body[data-worn-medal] .royal-card{box-shadow:0 16px 50px #09051018,0 0 0 1px color-mix(in srgb,var(--w-accent) 9%,transparent)}
.wardrobe-strip{display:flex;align-items:center;gap:10px;min-height:66px;padding:9px 14px;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--w-accent,#bba0ef) 25%,transparent);border-radius:16px;background:linear-gradient(115deg,#322341d9,#1b1528bd);box-shadow:inset 0 1px #ead8ff10;color:#eee2fb}
.wardrobe-strip-art{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;color:#cfb0f3;font-size:28px}
.wardrobe-strip-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px #bf91e549)}
.wardrobe-strip small{display:block;color:#b5a3c7;font-size:9px;margin-bottom:1px}
.wardrobe-strip strong{display:block;font-size:12px;letter-spacing:.5px;font-weight:500}
.wardrobe-change{margin-left:auto;flex-shrink:0;border:1px solid #bd9ad644;border-radius:10px;background:#ba9adc10;min-height:40px;padding:8px 12px;color:#e0c8f5;font-size:11px}
.wardrobe-change span{margin-left:6px;color:var(--w-accent,#ceaaf4)}
dialog.wardrobe-dialog{width:650px;background:#20192e;color:#f2e6ff;border-color:#bca0e649}
.wardrobe-dialog::backdrop{background:#0c0817db;backdrop-filter:blur(12px)}
.wardrobe-intro{font-size:12px;color:#baabce;line-height:1.9;margin:0 0 20px}
.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wardrobe-choice{position:relative;overflow:hidden;min-width:0;padding:0 0 12px;text-align:center;background:#191225;border:1px solid #b594dd30;border-radius:15px;color:#eee1fc;transition:border-color .3s,box-shadow .3s}
.wardrobe-choice:disabled{opacity:.7}
.wardrobe-choice.is-worn{border-color:#d2b1f4;box-shadow:0 0 16px #c290ee20,inset 0 0 15px #a783d51a}
.wardrobe-choice:focus-visible,.wardrobe-change:focus-visible{outline:2px solid #e0bfff;outline-offset:3px}
.wardrobe-preview{position:relative;display:grid;place-items:center;overflow:hidden;height:112px;margin-bottom:8px;background:#1d1630}
.wardrobe-preview img{position:relative;width:82px;height:82px;object-fit:contain;z-index:1;filter:drop-shadow(0 4px 12px #b290de35)}
.wardrobe-preview img.is-locked{filter:grayscale(1);opacity:.5}
.wardrobe-preview *{animation:none!important}
.wardrobe-preview .wardrobe-stars i:nth-child(n+9){display:none}
.wardrobe-choice-name,.wardrobe-choice-theme,.wardrobe-choice-status{display:block}
.wardrobe-choice-name{font-size:12px;font-weight:500}
.wardrobe-choice-theme{font-size:10px;color:#ac9ac4;margin-top:3px}
.wardrobe-choice-status{font-size:10px;color:#ceb3e8;margin-top:10px}
.wardrobe-choice.is-worn .wardrobe-choice-status{color:#f0d8ff}
.wardrobe-note{font-size:10px;color:#a598b7;line-height:1.9;margin:18px 0 14px}
.wardrobe-detail{border-top:1px solid #b798d52d;margin-top:20px;padding-top:18px}
.wardrobe-detail>span{font-size:12px;color:#dfc1fa}
.wardrobe-detail p{font-size:11px;color:#b6a0c8;margin:6px 0 14px}
.wardrobe-detail small{display:block;font-size:9px;color:#a391b6;margin-top:9px}
:root[data-theme='day'] .medal-atmosphere{opacity:.6}
:root[data-theme='day'] .wardrobe-strip{background:linear-gradient(115deg,#f5edfcdd,#eee5f7dd);color:#4a315f}
:root[data-theme='day'] .wardrobe-strip small{color:#82718f}
:root[data-theme='day'] .wardrobe-change{color:#77519b}
body:has(dialog[open]) .medal-atmosphere *,.medal-atmosphere[data-paused='true'] *{animation-play-state:paused!important}
[data-motion='reduced'] .medal-atmosphere,[data-motion='reduced'] .medal-atmosphere *{animation:none!important}
@keyframes wardrobe-arrive{from{opacity:0}to{opacity:1}}
@keyframes wardrobe-fog{from{transform:translate(-2%,-2%) scale(.94)}to{transform:translate(3%,3%) scale(1.08)}}
@keyframes wardrobe-drift{0%,100%{opacity:.18;transform:translate(0,0) scale(.7)}50%{opacity:.72;transform:translate(12px,-30px) scale(1)}}
@keyframes wardrobe-ribbon{from{transform:translate(-2%,-8%) rotate(-28deg);opacity:.3}to{transform:translate(5%,14%) rotate(-18deg);opacity:.7}}
@keyframes wardrobe-curtain{from{transform:translate(-6%,0) rotate(20deg) scaleX(.9)}to{transform:translate(10%,4%) rotate(30deg) scaleX(1.25)}}
@keyframes wardrobe-twin{from{transform:translate(-5%,-5%) scale(.85)}to{transform:translate(8%,10%) scale(1.1)}}
@keyframes wardrobe-orbit{from{transform:rotate(-25deg) scale(.95)}to{transform:rotate(25deg) scale(1.04)}}
@keyframes wardrobe-nebula{to{transform:rotate(360deg)}}
@keyframes wardrobe-crown{from{transform:rotate(-14deg) scale(.95);opacity:.5}to{transform:rotate(-8deg) scale(1.04);opacity:.9}}
@keyframes wardrobe-fall{0%{transform:translateY(-35px);opacity:0}25%,75%{opacity:.6}100%{transform:translateY(65px);opacity:0}}
@media(max-width:680px){.wardrobe-strip{margin-bottom:18px;padding:7px 10px;gap:8px;min-height:62px}.wardrobe-strip-art{width:35px;height:35px}.wardrobe-change{font-size:10px;padding:8px 10px}.wardrobe-strip strong{font-size:11px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wardrobe-preview{height:100px}.wardrobe-preview img{width:72px;height:72px}.medal-atmosphere .wardrobe-stars i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.medal-atmosphere,.medal-atmosphere *{animation:none!important}}

/* Rose dream: original supplied photo, softened in CSS without altering its pixels. */
.wardrobe-scene[data-medal='first']{background:#f2d7e5}
.wardrobe-scene[data-medal='first']::before{content:'';position:absolute;inset:0;background:url('./assets/wardrobe/first-rose-dream.png') center 48%/cover no-repeat;opacity:.82;pointer-events:none}
.wardrobe-scene[data-medal='first']::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#ffeff89c,#fbe7f070 38%,#fcebf4bd 76%,#f6e2f0dc);pointer-events:none}
.wardrobe-scene[data-medal='first'] .wardrobe-fog{z-index:1;background:radial-gradient(ellipse at 25% 25%,#fff3f78c,transparent 48%),radial-gradient(ellipse at 80% 70%,#efa9c838,transparent 52%);animation-duration:32s}
.wardrobe-scene[data-medal='first'] .wardrobe-stars{z-index:1}
.wardrobe-scene[data-medal='first'] .wardrobe-stars i{background:#fff8fd;box-shadow:0 0 8px #fff,0 0 20px #d789b9;animation-duration:25s}
.wardrobe-scene[data-medal='first'] .wardrobe-stars i:nth-child(3n){background:#f8b5d4;animation-duration:31s}
.wardrobe-preview[data-medal='first']::after{background:linear-gradient(135deg,#ffe6ef30,#ead6ed80)}
.wardrobe-preview[data-medal='first'] img{z-index:2}

/* Onyx and champagne gold: original CSS stars and light trails, no reference art. */
.wardrobe-scene[data-medal='crown']{background:radial-gradient(ellipse at 80% 9%,#88603735,transparent 50%),radial-gradient(ellipse at 10% 87%,#61432524,transparent 42%),#090909}
.wardrobe-scene[data-medal='crown'] .wardrobe-fog{background:radial-gradient(ellipse at 70% 24%,#bc8c3e22,transparent 48%),radial-gradient(ellipse at 25% 76%,#f2d3a00c,transparent 50%);animation-duration:36s}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos i{border-color:#d2ad6750;box-shadow:0 0 30px #c391421b,inset 0 0 35px #dca85d12;animation-duration:30s}
.wardrobe-scene[data-medal='crown'] .wardrobe-halos i::after{content:'';position:absolute;left:18%;top:6%;width:5px;height:5px;border-radius:50%;background:#ffedc8;box-shadow:0 0 9px #ffdf9e,0 0 24px #e2a94d}
.wardrobe-scene[data-medal='crown'] .wardrobe-rays{opacity:.55;background:repeating-conic-gradient(from 10deg at 50% 45%,transparent 0deg 17deg,#e6bc7018 19deg 20deg,transparent 23deg 36deg)}
.wardrobe-scene[data-medal='crown'] .wardrobe-ribbons{display:block;overflow:hidden}
.wardrobe-scene[data-medal='crown'] .wardrobe-ribbons i{left:15%;top:18%;width:150px;height:1px;border:0;border-radius:100%;background:linear-gradient(90deg,transparent,#e1b76c77,#fff0ca);box-shadow:0 0 7px #f6ce7550;animation:wardrobe-gold-comet 24s linear infinite;opacity:0;transform:rotate(-24deg)}
.wardrobe-scene[data-medal='crown'] .wardrobe-ribbons i:nth-child(2){left:50%;top:50%;width:100px;animation-delay:-9s}
.wardrobe-scene[data-medal='crown'] .wardrobe-ribbons i:nth-child(3){left:5%;top:80%;width:120px;animation-delay:-17s}
.wardrobe-scene[data-medal='crown'] .wardrobe-stars i{background:#efd9ab;box-shadow:0 0 10px #cb9d54;animation-duration:29s}
@keyframes wardrobe-gold-comet{0%,68%,100%{opacity:0;transform:translate(-80px,45px) rotate(-24deg)}72%{opacity:.65}83%{opacity:0;transform:translate(180px,-72px) rotate(-24deg)}}

/* Theme tokens apply to member content only; dialogs retain their readable surfaces. */
body[data-worn-medal='first']{background:#f3dfe9;--skin-ink:#512b45;--skin-muted:#80576e;--skin-accent:#a34f7d;--skin-soft:#6f455e;--skin-line:#a7628e3d;--skin-panel:#fff5f9eb;--skin-surface:#f6e3ef;--skin-hover:#f3d6e7;--skin-glass:#fff1f7e8;--skin-button:#f9e4ef;--skin-button-ink:#703958;--skin-field:#fff9fc;--skin-glow:#eb9bc140;--skin-deep:#623349;--skin-hero:linear-gradient(125deg,#653749f0,#92506af2 60%,#bc7a98eb);--skin-highlight:#ffe6f1;--skin-hero-soft:#f5d7e4;--skin-gilding:linear-gradient(120deg,#ffe5f2,#eeb3cf)}
body[data-worn-medal='crown']{background:#090909;--skin-ink:#f5e5c7;--skin-muted:#c4b18f;--skin-accent:#e6c58c;--skin-soft:#d0bd9c;--skin-line:#c5a36a3d;--skin-panel:#171511ee;--skin-surface:#30291e;--skin-hover:#403423;--skin-glass:#14120ff0;--skin-button:#d6b175;--skin-button-ink:#332515;--skin-field:#13110e;--skin-glow:#dcae4a24;--skin-deep:#15120d;--skin-hero:linear-gradient(120deg,#17140ff2,#32291cee 62%,#605035e8);--skin-highlight:#ffebc1;--skin-hero-soft:#dbc6a1;--skin-gilding:linear-gradient(115deg,#fff0cf,#d1ac70 60%,#f4dfb1)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app,
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.panel,.point-card,.royal-shortcuts,.reward-card,.stat){--ink:var(--skin-ink);--muted:var(--skin-muted);--text-soft:var(--skin-soft);--gold:var(--skin-accent);--gold-ink:var(--skin-accent);--gold-bg:var(--skin-surface);--gold-light:var(--skin-surface);--teal:var(--skin-accent);--teal-light:var(--skin-surface);--line:var(--skin-line);--card:var(--skin-panel);--panel-top:var(--skin-panel);--surface:var(--skin-surface);--surface-hover:var(--skin-hover);--field:var(--skin-field);--ticket-bg:var(--skin-panel);--ticket-border:var(--skin-line);--top-bg:var(--skin-glass);--button-bg:var(--skin-button);--button-ink:var(--skin-button-ink);color:var(--skin-ink)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.panel,.point-card,.royal-shortcuts,.reward-card,.stat,.plaza-post,.star-gallery){background:var(--skin-panel);border-color:var(--skin-line);box-shadow:0 14px 38px #100b101a,inset 0 1px #ffffff0b}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.wardrobe-strip,.topbar,.sidebar,.prototype-bar,.bottom-nav){background:var(--skin-glass);color:var(--skin-ink);border-color:var(--skin-line)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .wardrobe-strip{box-shadow:inset 0 1px #ffffff16,0 8px 30px #190c1110}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.wardrobe-strip small,.nav-caption,.nav button,.side-note,.breadcrumbs,.proto-label,.proto-extra,.footer){color:var(--skin-muted)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.wardrobe-change,.visual-toggle,.tg-window-toggle,.icon-btn,.layout-menu-trigger,.layout-menu-close,.display-layout-picker,.display-layout-options button,.mode-toggle button,.header-member){background:var(--skin-surface);color:var(--skin-ink);border-color:var(--skin-line)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.display-layout-heading,.display-layout-heading button,.display-layout-note,.display-layout-options small){color:var(--skin-muted)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.nav button.active,.display-layout-options button.selected,.mode-toggle button.active){background:linear-gradient(115deg,var(--skin-hover),var(--skin-surface));border-color:var(--skin-line);color:var(--skin-accent);box-shadow:inset 0 1px #ffffff16}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .royal-card{background:var(--skin-hero);color:var(--skin-highlight);border-color:color-mix(in srgb,var(--skin-accent) 48%,transparent);box-shadow:0 20px 50px #1d0d161f,inset 0 1px #ffffff27}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .royal-card-glow{background:radial-gradient(ellipse,var(--skin-glow),transparent 68%)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-card h2,.royal-card h2 span,.royal-tier,.royal-star){color:var(--skin-highlight)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-eyebrow,.royal-card-copy p,.royal-member small,.royal-card-stat>span,.royal-card-stat small,.royal-demo-button){color:var(--skin-hero-soft)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-card-button,.btn.primary,.point-card>.btn){background:var(--skin-gilding);color:var(--skin-button-ink);border-color:#ffffff40;box-shadow:0 6px 22px #120b121a}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-perk,.royal-shortcut-icon,.royal-perk-icon,.point-spark,.royal-member .avatar,.avatar){background:var(--skin-surface);color:var(--skin-accent);border-color:var(--skin-line);box-shadow:inset 0 1px #ffffff17}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-shortcuts button,.royal-perk,.royal-mini-medal,.points-big,.royal-shortcuts strong b,.point-label,.wardrobe-strip strong){color:var(--skin-ink);border-color:var(--skin-line)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-shortcuts button>span>small,.royal-perk small,.royal-mini-medal small,.royal-collection-foot>span,.pending,.progress-caption,.point-label small,.points-big small,.panel-head .subtext){color:var(--skin-muted)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.text-btn,.royal-perk-link,.royal-all-privileges,.bottom-nav button.active,.wardrobe-change span){color:var(--skin-accent)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.royal-collection-foot,.royal-card-bottom,.royal-card-stat,.royal-tier,.royal-ring){border-color:var(--skin-line)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .progress-track{background:var(--skin-surface)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .progress-track>span{background:linear-gradient(90deg,var(--skin-accent),var(--skin-button));box-shadow:0 0 12px var(--skin-glow)}
body[data-worn-medal='first'] #app .page-head{text-shadow:0 1px 10px #fff9}
body[data-worn-medal='first'] #app .royal-artwork img{filter:hue-rotate(30deg) drop-shadow(0 18px 20px #36132940)}
body[data-worn-medal='crown'] #app :is(.royal-artwork img,.royal-small-diamond){filter:grayscale(1) sepia(.9) saturate(.85) drop-shadow(0 16px 22px #0006)}
body[data-worn-medal='crown'] #app .royal-star{text-shadow:0 0 16px #e0b46a}
body[data-worn-medal='crown'] #app .royal-pedestal{background:radial-gradient(ellipse,#f1d4a04a,transparent 67%)}
body[data-worn-medal='crown'] #app .star-gallery{background:radial-gradient(ellipse at 65% 20%,#5e47231c,transparent 65%),#13110feb}
body[data-worn-medal='first'] #app .star-gallery{background:linear-gradient(140deg,#542b4de8,#372039eb);color:#ffeafa}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .daily-entry{background:var(--skin-hero);border-color:var(--skin-line);box-shadow:inset 0 1px #ffffff1a,0 8px 28px #140b1317}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.daily-eyebrow,.daily-entry p,.daily-entry h2 span){color:var(--skin-hero-soft)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .daily-entry h2{color:var(--skin-highlight)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .daily-entry-button{background:var(--skin-gilding);color:var(--skin-button-ink);border-color:#ffffff40;box-shadow:inset 0 1px #fff4,0 3px 0 var(--skin-deep)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .plaza-page{--plaza-text:var(--skin-ink);--plaza-soft:var(--skin-muted);--plaza-line:var(--skin-line);--plaza-accent:var(--skin-accent);--plaza-card:var(--skin-panel)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app :is(.sound-toggle,.entrance-settings-button){background:var(--skin-surface);border-color:var(--skin-line);color:var(--skin-ink)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .sound-activation{background:var(--skin-panel);color:var(--skin-ink);border-color:var(--skin-line)}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .sound-activation button{background:var(--skin-gilding);color:var(--skin-button-ink);border-color:var(--skin-line)}
:root[data-theme='day'] body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) .medal-atmosphere{opacity:1}
@media(min-width:1001px){.medal-atmosphere[data-medal='first']::before{left:40%;background-size:cover;background-position:center 38%;mask-image:linear-gradient(90deg,transparent,#000 38%);opacity:.85}.medal-atmosphere[data-medal='first']::after{background:linear-gradient(90deg,#fae6f0 8%,#f8e4eede 36%,#fae6f068 73%,#fae6f092)}}

/* Starlight wish: decorative art only, with readable blue glass surfaces. */
.wardrobe-scene[data-medal='guarantee']{background:#070c28}
.wardrobe-scene[data-medal='guarantee']::before{content:'';position:absolute;inset:0;background:url('./assets/wardrobe/third-starlight-wish.png') center 63%/cover no-repeat;opacity:.65;pointer-events:none}
.wardrobe-scene[data-medal='guarantee']::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#050c29a8,#0a123a3d 46%,#07122e63 74%,#15102f91);pointer-events:none}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-fog{z-index:1;background:radial-gradient(ellipse at 12% 35%,#4178ea25,transparent 46%),radial-gradient(ellipse at 85% 65%,#ae80ea1d,transparent 40%);animation-duration:36s}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons{z-index:1;overflow:hidden}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i{left:-20%;top:32%;width:140%;height:22%;border-radius:50%;border:0;border-bottom:1px solid #94dfff48;background:linear-gradient(180deg,transparent 50%,#527bfb0b 88%,#b3e5ff1c);box-shadow:0 8px 24px #4f9cff0d;animation:wardrobe-wish-stream 28s ease-in-out infinite alternate;transform:rotate(-18deg);opacity:.6}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i:nth-child(2){left:-10%;top:62%;width:130%;height:16%;border-color:#d8bcff45;animation-delay:-12s;opacity:.45}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-ribbons i:nth-child(3){left:0;top:80%;width:110%;height:12%;border-color:#ffe0a13b;background:transparent;animation-delay:-20s;opacity:.35}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-stars{z-index:1}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-stars i{background:#b4eaff;box-shadow:0 0 8px #92ceff,0 0 19px #80acff55;animation-duration:27s}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-stars i:nth-child(3n){background:#dcc7ff;box-shadow:0 0 12px #ab9df0;animation-duration:33s}
.wardrobe-scene[data-medal='guarantee'] .wardrobe-stars i:nth-child(4n){background:#ffe6b0;box-shadow:0 0 9px #e9cb89;animation-duration:31s}
.wardrobe-preview[data-medal='guarantee']::before{background-position:center 75%;opacity:.85}
.wardrobe-preview[data-medal='guarantee']::after{background:linear-gradient(130deg,#0d123415,#15113863)}
.wardrobe-preview[data-medal='guarantee'] img{z-index:2}
body[data-worn-medal='guarantee']{background:#080e28;--skin-ink:#edf5ff;--skin-muted:#b1c6e4;--skin-accent:#a4dfff;--skin-soft:#c6d5ec;--skin-line:#9ecbff38;--skin-panel:#101d40e8;--skin-surface:#223455;--skin-hover:#304568;--skin-glass:#0b1733ef;--skin-button:#aad9ff;--skin-button-ink:#132b4e;--skin-field:#0b1530;--skin-glow:#74c9ff2c;--skin-deep:#0b1029;--skin-hero:linear-gradient(120deg,#152d51f5,#294b7be8 54%,#49396be8);--skin-highlight:#fff1d8;--skin-hero-soft:#d6e6f9;--skin-gilding:linear-gradient(115deg,#d7efff,#b8cefa 52%,#e4cff5)}
body[data-worn-medal='guarantee'] #app .page-head h1{color:#e4efff;text-shadow:0 1px 18px #50a1ff30}
body[data-worn-medal='guarantee'] #app .page-head h1 span{color:#a7d8ff}
body[data-worn-medal='guarantee'] #app .royal-artwork img{filter:hue-rotate(-32deg) drop-shadow(0 16px 25px #11173f70)}
body[data-worn-medal='guarantee'] #app .royal-star{color:#ffe6b4;text-shadow:0 0 18px #e4c5a2a0}
body[data-worn-medal='guarantee'] #app .royal-pedestal{background:radial-gradient(ellipse,#91cefa50,#b4a4fa17 45%,transparent 70%)}
body[data-worn-medal='guarantee'] #app .star-gallery{background:radial-gradient(ellipse at 80% 15%,#9083d81b,transparent 55%),#0d1937ed}
body[data-worn-medal='guarantee'] #app :is(.royal-tier,.royal-perk-link){color:#f1d8a7}
@keyframes wardrobe-wish-stream{from{transform:translate(-2%,-2%) rotate(-18deg);opacity:.25}to{transform:translate(4%,5%) rotate(-11deg);opacity:.65}}
@media(min-width:1001px){.medal-atmosphere[data-medal='guarantee']::before{left:31%;background-position:center 72%;mask-image:linear-gradient(90deg,transparent,#000 22%);opacity:.72}.medal-atmosphere[data-medal='guarantee']::after{background:linear-gradient(90deg,#080e28f5 8%,#0b1638b8 40%,#0b16382e 76%,#11153163)}}

/* An always-available reset, separate from earned badges and account points. */
.wardrobe-strip{flex-wrap:wrap}
.wardrobe-strip-copy{min-width:0;flex:1}
.wardrobe-strip-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.wardrobe-strip-actions .wardrobe-change{margin-left:0}
.wardrobe-reset{min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid #bfa1e347;background:#a984db12;color:#d9c2f2;font-size:11px;white-space:nowrap}
.wardrobe-reset span{display:inline-block;margin-right:3px;font-size:15px}
.wardrobe-reset:hover{background:#b58ee323;border-color:#c7a6ed80}
.wardrobe-reset:focus-visible,.wardrobe-default-card:focus-visible{outline:2px solid #ddbeff;outline-offset:3px}
body:is([data-worn-medal='first'],[data-worn-medal='supply'],[data-worn-medal='guarantee'],[data-worn-medal='both'],[data-worn-medal='explorer'],[data-worn-medal='crown']) #app .wardrobe-reset{color:var(--skin-muted);background:var(--skin-surface);border-color:var(--skin-line)}
:root[data-theme='day'] body:not([data-worn-medal]) .wardrobe-reset{color:#77519b}
.wardrobe-default-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:0 0 18px;border:1px solid #bb9ae54d;border-radius:14px;background:linear-gradient(120deg,#352747,#251b36);color:#eddbff;text-align:left}
.wardrobe-default-card>span:last-child{margin-left:auto;font-size:22px;color:#d1aff7}
.wardrobe-default-swatch{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:radial-gradient(ellipse,#986dcc,#38264e 70%);border:1px solid #c29aea50;font-size:27px;color:#ebd3ff}
.wardrobe-default-card strong{display:block;font-size:12px;font-weight:500}
.wardrobe-default-card small{display:block;font-size:10px;color:#baa7cf;margin-top:4px}
@media(max-width:680px){.wardrobe-strip{padding:10px 12px}.wardrobe-strip-actions{flex:1 0 100%;margin:2px 0 0;gap:8px}.wardrobe-strip-actions button{flex:1;min-height:40px;font-size:10px}.wardrobe-strip-copy{min-width:0}}

/* Original art compositions: crimson butterflies and the Monkey King's golden flame. */
.wardrobe-scene[data-medal='both']{background:#110b10}
.wardrobe-scene[data-medal='both']::before{content:'';position:absolute;inset:0;background:url('./assets/wardrobe/four-crimson-butterfly.png') center 48%/cover no-repeat;opacity:.84;pointer-events:none}
.wardrobe-scene[data-medal='both']::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#10091190,#1b081440 40%,#100b1575 80%,#0e0c15bf);pointer-events:none}
.wardrobe-scene[data-medal='both'] .wardrobe-fog{z-index:1;background:radial-gradient(ellipse at 76% 18%,#cf244329,transparent 44%),radial-gradient(ellipse at 18% 82%,#ffb5cc12,transparent 44%);animation-duration:38s}
.wardrobe-scene[data-medal='both'] :is(.wardrobe-orbs,.wardrobe-halos){display:none}
.wardrobe-scene[data-medal='both'] .wardrobe-stars{z-index:1}
.wardrobe-scene[data-medal='both'] .wardrobe-stars i{background:#eb95a5;box-shadow:0 0 11px #cf405a88;animation-duration:34s}
.wardrobe-scene[data-medal='both'] .wardrobe-stars i:nth-child(3n){background:#f5e5ed;box-shadow:0 0 13px #f8d9e757;animation-duration:29s}
.wardrobe-preview[data-medal='both']::before{background-position:center 43%;opacity:.9}
.wardrobe-preview[data-medal='both']::after{background:linear-gradient(130deg,#160c1310,#110c1845)}
.wardrobe-preview[data-medal='both'] img{z-index:2}
body[data-worn-medal='both']{background:#110b10;--skin-ink:#f9e9ee;--skin-muted:#d0b0bf;--skin-accent:#f4abbc;--skin-soft:#dfc4cf;--skin-line:#d19aa435;--skin-panel:#24141fed;--skin-surface:#3c2634;--skin-hover:#503142;--skin-glass:#180e19ef;--skin-button:#edb1c3;--skin-button-ink:#421c2c;--skin-field:#1a0f19;--skin-glow:#e35c7530;--skin-deep:#170c16;--skin-hero:linear-gradient(125deg,#3c1427f5,#6b273cee 56%,#362133ed);--skin-highlight:#fff0f1;--skin-hero-soft:#f1ced9;--skin-gilding:linear-gradient(115deg,#f5d9e4,#e7a3b7 55%,#ddb3cf)}
body[data-worn-medal='both'] #app .page-head h1{color:#fff0f5;text-shadow:0 2px 18px #16080fff}
body[data-worn-medal='both'] #app .page-head h1 span{color:#f2b6c6}
body[data-worn-medal='both'] #app .royal-artwork img{filter:hue-rotate(36deg) saturate(.8) drop-shadow(0 16px 23px #17080c88)}
body[data-worn-medal='both'] #app .royal-star{text-shadow:0 0 16px #e9a5be}
body[data-worn-medal='both'] #app .royal-pedestal{background:radial-gradient(ellipse,#ec94ac35,transparent 70%)}
body[data-worn-medal='both'] #app .star-gallery{background:radial-gradient(ellipse at 70% 20%,#b5304917,transparent 55%),#20121fed}

.wardrobe-scene[data-medal='explorer']{background:#130e0a}
.wardrobe-scene[data-medal='explorer']::before{content:'';position:absolute;inset:0;background:url('./assets/wardrobe/five-qitian-flame.png') center 42%/cover no-repeat;opacity:.76;pointer-events:none}
.wardrobe-scene[data-medal='explorer']::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#140f0ad1,#20110a65 42%,#190d0a80 70%,#130e0bbb);pointer-events:none}
.wardrobe-scene[data-medal='explorer'] .wardrobe-fog{inset:-10%;z-index:1;border-radius:0;mask-image:none;background:radial-gradient(ellipse at 70% 32%,#ecab4a20,transparent 45%),radial-gradient(ellipse at 20% 78%,#9e332222,transparent 45%);animation:wardrobe-fog 38s ease-in-out infinite alternate}
.wardrobe-scene[data-medal='explorer'] .wardrobe-halos{display:none}
.wardrobe-scene[data-medal='explorer'] .wardrobe-ribbons{display:block;z-index:1;overflow:hidden}
.wardrobe-scene[data-medal='explorer'] .wardrobe-ribbons i{left:-20%;top:62%;width:130%;height:25%;border-radius:50%;border:0;border-bottom:1px solid #edc4833a;background:linear-gradient(180deg,transparent 85%,#df893b0b);animation:wardrobe-flame-flow 31s ease-in-out infinite alternate;transform:rotate(-26deg);opacity:.5}
.wardrobe-scene[data-medal='explorer'] .wardrobe-ribbons i:nth-child(2){top:75%;border-color:#c86a4930;animation-delay:-13s;opacity:.35}
.wardrobe-scene[data-medal='explorer'] .wardrobe-ribbons i:nth-child(3){display:none}
.wardrobe-scene[data-medal='explorer'] .wardrobe-stars{z-index:1}
.wardrobe-scene[data-medal='explorer'] .wardrobe-stars i{background:#f3cf8e;box-shadow:0 0 10px #f6a24d88;animation:wardrobe-ember 26s var(--d) ease-in-out infinite}
.wardrobe-scene[data-medal='explorer'] .wardrobe-stars i:nth-child(3n){background:#e58c60;box-shadow:0 0 12px #b54c2e70;animation-duration:34s}
.wardrobe-preview[data-medal='explorer']::before{background-position:center 32%;opacity:.9}
.wardrobe-preview[data-medal='explorer']::after{background:linear-gradient(130deg,#1c140b10,#1c130b55)}
.wardrobe-preview[data-medal='explorer'] img{z-index:2}
body[data-worn-medal='explorer']{background:#130e0a;--skin-ink:#f9edd6;--skin-muted:#d2ba96;--skin-accent:#f0ca8a;--skin-soft:#e4cba9;--skin-line:#d2ac6c38;--skin-panel:#261b13ef;--skin-surface:#443023;--skin-hover:#593b28;--skin-glass:#1c140fef;--skin-button:#edc783;--skin-button-ink:#422916;--skin-field:#1b130f;--skin-glow:#eaaa3b2b;--skin-deep:#1b120b;--skin-hero:linear-gradient(125deg,#41271af5,#6d3724ef 55%,#7e6038eb);--skin-highlight:#fff0cf;--skin-hero-soft:#efdbb9;--skin-gilding:linear-gradient(115deg,#fce9bb,#dfb576 52%,#f1cca0)}
body[data-worn-medal='explorer'] #app .page-head h1{color:#fff1d7;text-shadow:0 2px 18px #1a0d04ff}
body[data-worn-medal='explorer'] #app .page-head h1 span{color:#eecd92}
body[data-worn-medal='explorer'] #app :is(.royal-artwork img,.royal-small-diamond){filter:grayscale(.9) sepia(.75) saturate(1.1) drop-shadow(0 16px 22px #27100588)}
body[data-worn-medal='explorer'] #app .royal-star{color:#ffe1a7;text-shadow:0 0 15px #e0a65c}
body[data-worn-medal='explorer'] #app .royal-pedestal{background:radial-gradient(ellipse,#f0ca893d,transparent 68%)}
body[data-worn-medal='explorer'] #app .star-gallery{background:radial-gradient(ellipse at 70% 20%,#ab682117,transparent 55%),#211810ed}
@keyframes wardrobe-ember{0%,100%{transform:translate(0,18px) scale(.6);opacity:0}25%{opacity:.3}65%{transform:translate(10px,-24px) scale(1);opacity:.6}90%{transform:translate(16px,-42px) scale(.6);opacity:0}}
@keyframes wardrobe-flame-flow{from{transform:translate(-2%,2%) rotate(-26deg);opacity:.18}to{transform:translate(4%,-4%) rotate(-18deg);opacity:.48}}
@media(min-width:1001px){
 .medal-atmosphere[data-medal='both']::before{left:33%;background-position:center 45%;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.8}
 .medal-atmosphere[data-medal='both']::after{background:linear-gradient(90deg,#110b10f5 8%,#160d18bd 40%,#1b0d142e 75%,#100a1580)}
 .medal-atmosphere[data-medal='explorer']::before{left:32%;background-position:center 37%;mask-image:linear-gradient(90deg,transparent,#000 24%);opacity:.77}
 .medal-atmosphere[data-medal='explorer']::after{background:linear-gradient(90deg,#130e0af5 8%,#1b140ec2 40%,#2816094d 74%,#160e0a8c)}
}

/* Starlit cascade: user's original image, softened only by composited UI layers. */
.wardrobe-scene[data-medal='supply']{background:#100e29}
.wardrobe-scene[data-medal='supply']::before{content:'';position:absolute;inset:0;background:url('./assets/wardrobe/second-starlit-cascade.png') center 38%/cover no-repeat;opacity:.73;pointer-events:none}
.wardrobe-scene[data-medal='supply']::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#110d2ac7,#17163773 38%,#12152c82 70%,#13112bbb);pointer-events:none}
.wardrobe-scene[data-medal='supply'] .wardrobe-fog{z-index:1;background:radial-gradient(ellipse at 25% 15%,#b6a1ec28,transparent 48%),radial-gradient(ellipse at 80% 75%,#a2deff20,transparent 48%);animation-duration:36s}
.wardrobe-scene[data-medal='supply'] .wardrobe-ribbons{z-index:1;overflow:hidden}
.wardrobe-scene[data-medal='supply'] .wardrobe-ribbons i{left:19%;top:-12%;width:1px;height:62%;border:0;border-radius:50%;background:linear-gradient(180deg,transparent,#d8cdff15 45%,#deefff70 80%,transparent);box-shadow:0 0 14px #b5c8ff22;animation:wardrobe-cascade-ray 22s ease-in-out infinite;transform:none;opacity:.4}
.wardrobe-scene[data-medal='supply'] .wardrobe-ribbons i:nth-child(2){left:54%;top:-20%;height:70%;animation-delay:-9s;opacity:.3;background:linear-gradient(180deg,transparent,#cebbff1a 45%,#ddd0ff5c 80%,transparent)}
.wardrobe-scene[data-medal='supply'] .wardrobe-ribbons i:nth-child(3){left:82%;top:-8%;height:56%;animation-delay:-15s;opacity:.3}
.wardrobe-scene[data-medal='supply'] .wardrobe-stars{z-index:1}
.wardrobe-scene[data-medal='supply'] .wardrobe-stars i{background:#e8deff;box-shadow:0 0 8px #d7cbff,0 0 18px #b6b8ff66;animation:wardrobe-cascade-star 27s var(--d) ease-in-out infinite}
.wardrobe-scene[data-medal='supply'] .wardrobe-stars i:nth-child(3n){background:#bceaff;box-shadow:0 0 12px #a6d6f577;animation-duration:32s}
.wardrobe-preview[data-medal='supply']::before{background-position:center 27%;opacity:.88}
.wardrobe-preview[data-medal='supply']::after{background:linear-gradient(130deg,#14102d20,#1d153c70)}
.wardrobe-preview[data-medal='supply'] img{z-index:2}
body[data-worn-medal='supply']{background:#100e29;--skin-ink:#f2edff;--skin-muted:#c4bfdc;--skin-accent:#d4c7ff;--skin-soft:#d9d2ed;--skin-line:#c6b4f73b;--skin-panel:#211c41ed;--skin-surface:#383050;--skin-hover:#4a4066;--skin-glass:#17132ff0;--skin-button:#dacbf3;--skin-button-ink:#33254f;--skin-field:#17132d;--skin-glow:#b9a3f535;--skin-deep:#17112e;--skin-hero:linear-gradient(125deg,#30244df5,#514474ed 57%,#3c526cec);--skin-highlight:#f8f1ff;--skin-hero-soft:#e3dbf5;--skin-gilding:linear-gradient(115deg,#f2e7ff,#ccbaf3 52%,#c7e9f8)}
body[data-worn-medal='supply'] #app .page-head h1{color:#fbf6ff;text-shadow:0 2px 18px #130c2bff}
body[data-worn-medal='supply'] #app .page-head h1 span{color:#d7d0ff}
body[data-worn-medal='supply'] #app .page-head p{text-shadow:0 1px 10px #100b26}
body[data-worn-medal='supply'] #app .royal-artwork img{filter:saturate(.72) brightness(1.05) drop-shadow(0 16px 24px #17133280)}
body[data-worn-medal='supply'] #app .royal-star{color:#f0eaff;text-shadow:0 0 18px #d1c3ff}
body[data-worn-medal='supply'] #app .royal-pedestal{background:radial-gradient(ellipse,#beb8fa40,#9ab8e718 45%,transparent 70%)}
body[data-worn-medal='supply'] #app .star-gallery{background:radial-gradient(ellipse at 75% 20%,#9f97df20,transparent 58%),#1a1637ee}
@keyframes wardrobe-cascade-ray{0%,100%{transform:translateY(-8%) scaleY(.8);opacity:.15}50%{transform:translateY(16%) scaleY(1.06);opacity:.65}}
@keyframes wardrobe-cascade-star{0%,100%{transform:translate(0,-18px) scale(.6);opacity:0}25%{opacity:.35}65%{transform:translate(6px,22px) scale(1);opacity:.65}90%{transform:translate(10px,40px) scale(.6);opacity:0}}
@media(min-width:1001px){.medal-atmosphere[data-medal='supply']::before{left:34%;background-position:center 29%;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.76}.medal-atmosphere[data-medal='supply']::after{background:linear-gradient(90deg,#100e29f5 8%,#15112ebd 40%,#15142b55 75%,#13112c85)}}