.dg-closet{--c-pink:#f654a9;--c-purple:#8533ac;text-align:center}.dg-closet h2{font-size:clamp(32px,6vw,60px);line-height:1.05;color:var(--c-pink);text-shadow:0 3px white,0 6px #8a3a9b;margin:8px}.dg-closet-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr);gap:20px;align-items:start;margin-top:18px}.dg-closet-preview{border:5px solid white;border-radius:30px;padding:15px;background:radial-gradient(circle at 50% 25%,#fff 0%,#ffe0f2 65%,#efcfff);box-shadow:0 8px 0 #dca0d1}.dg-closet-preview img{width:100%;max-width:330px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 9px #9c6d9a55);animation:dg-float 3s ease-in-out infinite}.dg-closet-tabs,.dg-closet-categories{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.dg-closet button{cursor:pointer;font:inherit;font-weight:900;border:3px solid white;border-radius:18px;padding:10px 13px;color:#74368a;background:#fff;box-shadow:0 4px 0 #d9a8d8}.dg-closet button[aria-pressed=true]{background:#ffb8df;outline:3px solid #a64fc3}.dg-outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dg-outfit{min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:linear-gradient(#fff,#ffe9f7)!important}.dg-outfit .dg-outfit-icon{font-size:30px}.dg-closet-status{font-weight:800;color:#74368a;min-height:25px}.dg-closet-actions{margin:18px auto}.dg-closet-actions button{background:linear-gradient(#a4f55e,#49bf1f);color:white;text-shadow:0 2px #328b24;font-size:20px;padding:13px 24px}.dg-closet button:focus-visible{outline:4px solid #4c65ff;outline-offset:3px}@media(max-width:650px){.dg-closet-layout{grid-template-columns:1fr}.dg-closet-preview img{max-width:220px}.dg-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.dg-closet-preview img{animation:none}}
/* Costume previews make choosing outfits visual and easy for young players. */
.dg-outfit{overflow:hidden;min-height:150px;padding:8px!important;gap:5px;transition:transform .15s ease}
.dg-outfit:hover{transform:translateY(-3px)}
.dg-outfit-thumb{display:block;width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 4px 4px #7c367a33)}
.dg-outfit-thumb[hidden],.dg-outfit-icon[hidden]{display:none!important}
.dg-outfit-name{font-size:clamp(12px,1.7vw,16px);line-height:1.15}
@media(min-width:780px){.dg-outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.dg-outfit-thumb{height:85px}.dg-outfit{min-height:125px}}

/* The Happy Place layout hides .dg-nav on phones; expose the closet independently. */
.dg-mobile-closet-shortcut{display:none}
@media(max-width:700px){
 .dg-mobile-closet-shortcut{display:inline-flex;align-items:center;justify-content:center;position:fixed;z-index:90;top:calc(9px + env(safe-area-inset-top,0px));left:10px;min-height:46px;padding:9px 14px;border:3px solid #fff;border-radius:18px;background:linear-gradient(135deg,#fc7cc6,#a55add);color:#fff;font-size:15px;font-weight:900;box-shadow:0 5px 0 #aa70b5,0 7px 16px #6f378d33;cursor:pointer}
 .dg-mobile-closet-shortcut:focus-visible{outline:3px solid #476dff;outline-offset:3px}
}