body.dressing{--wall:url('assets/atelie.webp')}
body.dressing::before{background-image:linear-gradient(170deg,#100c1b9e,var(--base) 86%),url('assets/atelie.webp')}
.dressing .intro-art{background-image:url('assets/atelie.webp')}
.game-intro .intro-art{background-position:50% 47%}
.studio{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.91fr);gap:15px;align-items:start}
.mirror-side{min-width:0}
.mirror{min-height:410px;height:min(67vh,595px);background:var(--wall) center/cover no-repeat;overflow:hidden}
.mirror::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 30px #1c11298c;pointer-events:none;border-radius:inherit}
.mirror #avatar{position:absolute;top:3.7%;right:0;bottom:5.3%;left:0;isolation:isolate;z-index:1}
#avatar svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;height:100%;width:100%;filter:drop-shadow(2px 5px 5px #44273472);overflow:visible}
.mirror-glow{position:absolute;top:3%;right:12%;bottom:5%;left:12%;background:radial-gradient(ellipse at center,#fff3d9b9,transparent 63%);mix-blend-mode:screen;pointer-events:none;opacity:0;z-index:2}
.studio-label{position:absolute;z-index:3;right:16px;bottom:13px;padding:5px 10px;border:1px solid #f0cfbb6e;border-radius:15px 6px 15px 6px;background:#1e142bc4;color:#f7e5d1;font-family:var(--italic);line-height:1.1}
.mirror.is-changing .mirror-glow{animation:mirror-glint .5s both}
.mirror.is-finished .mirror-glow{animation:mirror-glint 1.65s both}
.mirror.is-finished #avatar{transform-origin:50% 89%;animation:mirror-pose 1.65s cubic-bezier(.23,.67,.34,1) both}
@keyframes mirror-glint{0%,100%{opacity:0;transform:scale(.88)}40%{opacity:.52;transform:scale(1.06)}}
@keyframes mirror-pose{0%,100%{transform:translateY(0) rotate(0)}42%,64%{transform:translateY(-5px) rotate(-1.4deg)}}
.studio-note{color:var(--soft);padding:8px 6px 0;min-height:30px;font-size:.83rem}
.wardrobe{min-width:0;padding:clamp(15px,2.25vw,27px);display:grid;gap:13px}
.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wardrobe-heading .eyebrow{margin-bottom:3px}
.wardrobe-heading .jewel{border-color:#eac2b556}
.wardrobe-tabs,.outfit-items,.swatches{display:flex;gap:6px;min-width:0;scrollbar-width:thin;scrollbar-color:#c79daf6f transparent;overflow-x:auto;padding:3px 3px 7px}
.wardrobe-tabs{flex-wrap:wrap;gap:5px;border-bottom:1px solid #d8b2b433;padding-bottom:11px}
.wardrobe-tabs .charm{font-size:.77rem;padding:8px 10px;gap:5px}
.wardrobe-tabs .icon{width:17px;height:17px}
.outfit-items{gap:8px;align-items:stretch}
.outfit-card{position:relative;flex:1 0 90px;max-width:130px;min-width:0;min-height:112px;padding:6px 5px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;
 border:1px solid #dfb6bc57;border-radius:19px 9px 19px 9px;background:radial-gradient(ellipse at 50% 25%,#ae759663,#4d354fa1 58%,#281e34);color:var(--ink);box-shadow:inset 0 0 0 3px #f4e1ca13;transition:background .35s,border .35s,transform .35s}
.outfit-card svg{width:100%;height:70px;display:block;filter:drop-shadow(0 2px 3px #20142599)}
.outfit-card span{font-size:.72rem;line-height:1.17;text-align:center}
.outfit-card small{font-size:.6rem;color:var(--accent)}
.outfit-card[aria-pressed=true]{border-color:#ffe5ca;background:radial-gradient(ellipse at 50% 25%,#b48292,#68445e 58%,#3c2640);box-shadow:0 0 11px #eac2b43b,inset 0 0 0 3px #f4e1ca29}
.outfit-card:hover:not([aria-pressed=true]){border-color:#f0c8ba;transform:translateY(-2px)}
.outfit-card.is-locked svg{opacity:.48;filter:saturate(.5)}
.color-line{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:47px}
.swatches{align-items:center;padding:3px 4px;min-height:44px}
.swatch{width:44px;height:44px;min-width:44px;border:1px solid #e8c4bb64;border-radius:50%;background:radial-gradient(circle at 40% 28%,var(--swatch),var(--shade));box-shadow:inset 0 0 0 4px #2e233d82;color:var(--ink)}
.swatch[aria-pressed=true]{border-color:#fff0d7;outline:1px solid #f3bfbe;outline-offset:2px}
.swatch .icon{width:17px;height:17px;filter:drop-shadow(0 1px 2px #201423)}
.color-line .quiet-link{font-size:.79rem;padding-inline:5px}
.outfit-commands{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:7px;border-top:1px solid #e3bac32d}
.outfit-commands button{font-size:.81rem;padding-inline:10px}
.challenge{background:#241a30a6;border:1px solid #dcafa849;border-radius:17px 8px 17px 8px;padding:13px}
.challenge h2{font-size:clamp(1.3rem,3.3vw,2rem)}
.challenge .fine{margin-top:6px}
.criteria{list-style:none;padding:0;margin:9px 0 0;display:grid;gap:5px}
.criteria li{display:flex;gap:7px;align-items:center;font-size:.77rem;line-height:1.28;color:#ead4d8}
.criteria .icon{width:14px;height:14px;color:#deb4d2}
.criteria .met .icon{color:#d9edc6}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:9px;max-height:48vh;overflow:auto;padding:4px}
.gallery-card{display:grid;gap:5px;justify-items:center;border:1px solid #e3bac35c;border-radius:13px;background:#22172f;padding:7px 5px 5px;text-align:center}
.gallery-card .mini-look{display:grid;place-items:center;height:146px;width:100%;background:var(--wall) center/cover;border-radius:8px}
.gallery-card .mini-look svg{width:100%;height:139px}
.gallery-card h3{font-size:.99rem;overflow-wrap:anywhere}
.gallery-card .charm{font-size:.69rem;padding:6px 8px}
@media(max-width:800px){
 .studio{grid-template-columns:1fr;gap:9px}
 .mirror{min-height:0;height:min(51vh,470px);height:min(51svh,470px)}
 .mirror-side{width:100%}
 .studio-note{padding-top:4px;min-height:23px}
 .wardrobe{gap:8px}
 .wardrobe-tabs{flex-wrap:nowrap;padding-bottom:6px}
 .wardrobe-tabs .charm{flex:none}
 .outfit-card{flex:0 0 88px}
}
@media(max-width:475px){
 .mirror{height:clamp(300px,48vh,440px);height:clamp(300px,48svh,440px)}
 .wardrobe{padding:11px}
 .outfit-card svg{height:61px}
 .outfit-card{min-height:96px}
 .studio-label{right:9px;bottom:9px;font-size:.75rem}
 .game-heading .heading-commands{gap:4px}
 .game-heading .heading-commands button{font-size:.68rem;padding-inline:7px;gap:4px}
}
@media(max-height:530px) and (orientation:landscape){.mirror{min-height:320px;height:62vh}}
@media(max-width:420px){.outfit-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-commands button{padding-inline:6px}}
#color-name:not(:empty){display:block;padding:1px 4px;color:var(--accent);font-size:.73rem}
.unlocked-wardrobe{color:var(--shimmer);animation:unlocked-stitch 1.3s both}
.unlocked-wardrobe .icon{width:18px;height:18px}
@keyframes unlocked-stitch{0%{opacity:.4}35%{text-shadow:0 0 15px #ffe2b9;opacity:1}100%{text-shadow:none;opacity:1}}

/* Espelho, catálogo de tecidos e controles do ateliê. */
body.dressing::before{background-image:linear-gradient(145deg,#180d18,transparent 77%),url('assets/atelie.webp')}
.studio{grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr);gap:clamp(12px,2vw,23px)}
.mirror.lunar-panel{border-radius:43px 43px 15px 15px;border-color:#d6a38d;height:clamp(450px,69vh,610px);box-shadow:0 14px 36px #0e070e8a}
.mirror.lunar-panel::before{border-radius:37px 37px 12px 12px;top:6px;right:6px;bottom:6px;left:6px;opacity:.55}
.mirror #avatar{top:4%;bottom:7%}
#avatar svg{filter:drop-shadow(2px 6px 5px #2e16264d)}
.studio-label{right:14px;bottom:13px;border:none;border-radius:3px;padding:4px 8px;background:#23141fc9;color:#ffe9c9;font-size:.91rem}
.studio-note{min-height:35px;padding:8px 5px 0;font-size:.81rem}
.wardrobe.lunar-panel{
 border-radius:27px 27px 12px 12px;padding:22px;background:linear-gradient(150deg,#39252e,#251923 54%,#22171d);
 border-color:#b0867e66;box-shadow:0 14px 35px #0d070d5b
}
.wardrobe.lunar-panel::before{top:6px;right:6px;bottom:6px;left:6px;border-radius:22px 22px 8px 8px;opacity:.3;--corner-size:19px}
.wardrobe-heading{padding:0 2px}
.wardrobe-heading h2{font-size:clamp(1.73rem,3.5vw,2.75rem);margin:2px 0 4px;color:#ffecd4}
.wardrobe-sub{font:1.03rem var(--italic);color:#e3bdb6}
.wardrobe-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px;padding:4px 0 10px;border-color:#bd918d43}
.wardrobe-tabs .charm{border-color:#dcaba558;background:#1e161e90;font-weight:600;min-height:42px;padding:6px 5px;border-radius:17px 17px 9px 9px;box-shadow:none;color:#f6d9d1}
.wardrobe-tabs .charm[aria-pressed=true]{background:linear-gradient(160deg,#f0d3be,#d4a7aa);color:#2c1d24;border-color:#f8dcbd;box-shadow:inset 0 0 0 2px #603b4a31}
.wardrobe-tabs .icon{width:16px;height:16px}
.outfit-items{gap:7px;padding:3px 2px 8px}
.outfit-card{
 flex:1 0 92px;min-height:137px;border-radius:43px 43px 10px 10px;padding:9px 6px 7px;
 background:radial-gradient(ellipse at 50% 35%,#bd99816b,#452e36a6 68%,#2c202b 100%);
 border-color:#bb989368;box-shadow:inset 0 0 0 2px #d9ad9b19;color:#f8e5d8
}
.outfit-card[aria-pressed=true]{
 background:radial-gradient(ellipse at 50% 35%,#b68c76,#6a454d 68%,#3c2837);border-color:#efd3ad;
 box-shadow:inset 0 0 0 2px #e7c2a33c,0 2px 8px #0906096c
}
.outfit-card .swatch-art{display:block;width:100%;height:86px;object-fit:contain;filter:drop-shadow(0 3px 4px #23132073)}
.outfit-card.is-locked .swatch-art{opacity:.48;filter:saturate(.6)}
.outfit-card span{font-family:var(--heading);font-size:.88rem;line-height:1.05}
.outfit-card small{font-size:.63rem}
.color-line{min-height:46px}
.swatch{border-radius:14px 14px 9px 9px}
.outfit-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:9px;border-color:#bd918d43}
.outfit-commands .quiet-link{min-height:44px}
.gallery-card{background:#291d26;border-color:#b0867e66}
@media(max-width:795px){
 .studio{grid-template-columns:1fr;gap:7px}
 .mirror.lunar-panel{height:clamp(310px,55vh,445px);height:clamp(310px,55svh,445px);border-radius:34px 34px 13px 13px}
 .mirror.lunar-panel::before{border-radius:28px 28px 9px 9px}
 .wardrobe.lunar-panel{padding:14px;gap:7px}
 .wardrobe-tabs .charm{min-height:44px}
 .outfit-card{flex:0 0 90px}
 .outfit-card .swatch-art{height:71px}
 .outfit-card{min-height:115px}
}
@media(max-width:420px){
 .mirror.lunar-panel{height:clamp(305px,46vh,395px);height:clamp(305px,46svh,395px)}
 .dressing .game-heading .heading-commands #switch-mode{font-size:.7rem;padding-inline:6px}
 .dressing .game-heading .heading-commands #gallery .icon{display:none}
}
@media(max-height:500px) and (orientation:landscape){.mirror.lunar-panel{min-height:315px;height:74vh}}
@media(min-width:741px){.dressing .game-intro .intro-art img{object-position:55% 18%}}
.wardrobe-emblem{display:block;flex:0 0 21px;width:21px;height:21px;background:url('assets/abas.webp') no-repeat;background-size:300% 300%;filter:drop-shadow(0 1px 2px #2b162455)}
.outfit-items{scroll-snap-type:x proximity}
.outfit-card{scroll-snap-align:start}
.outfit-items::-webkit-scrollbar{height:5px}
.outfit-items::-webkit-scrollbar-thumb{border-radius:6px;background:#a47c857a}
.outfit-items::-webkit-scrollbar-track{background:#251921}
@media(max-width:365px){
 .dressing .game-heading .heading-commands #gallery{width:44px;font-size:0;gap:0;padding:0}
 .dressing .game-heading .heading-commands #gallery .icon{display:block}
}