/* Dani's Games Magical Closet — candy pastel, no horizontal category scrolling. */
#dg-closet-slot .dg-mix-mode-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 16px;max-width:720px}
#dg-closet-slot .dg-mix-mode-tabs button,.dg-mixmatch-game button{font:inherit;font-weight:850;cursor:pointer;border-radius:16px;border:3px solid white;box-shadow:0 4px 0 #cba7dc;background:linear-gradient(180deg,#fff,#ffeaf7);color:#763988;padding:10px 13px;min-height:44px}
#dg-closet-slot .dg-mix-mode-tabs button[aria-pressed=true],.dg-mixmatch-game button[aria-pressed=true]{background:linear-gradient(180deg,#ffd4f0,#edbaff);outline:2px solid #ab51c8;outline-offset:0}
.dg-mixmatch-game[hidden],#dg-closet-view[hidden],.dg-mix-feedback[hidden]{display:none!important}
.dg-mixmatch-game,.dg-mixmatch-game *{box-sizing:border-box}
.dg-mixmatch-game{width:100%;max-width:1180px;margin:auto;color:#763988}
.dg-mix-intro{text-align:center}
.dg-mix-intro h3{font-size:clamp(25px,4vw,42px);color:#e345a0;line-height:1.12;text-shadow:0 2px white,0 3px #d4a6df;margin:9px 0}
.dg-mix-intro p{font-size:clamp(14px,2vw,18px);margin:4px 0 15px}
.dg-mix-kitties{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 18px}
.dg-mix-layout{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(350px,1.4fr);align-items:start;gap:18px}
.dg-mix-preview-area{padding:16px;background:radial-gradient(circle at 50% 20%,#fff 0%,#ffe5f5 65%,#ead2ff);border:4px solid #fff;border-radius:27px;box-shadow:0 7px 0 #d5b0d8;min-width:0}
.dg-mix-stage{width:min(100%,340px);aspect-ratio:1;position:relative;margin:0 auto;overflow:hidden}
.dg-mix-stage .dg-mix-layer,.dg-mix-stage .dg-mix-idle-preview{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.dg-mix-stage .dg-mix-idle-preview{filter:drop-shadow(0 6px 7px #9266a655)}
.dg-mix-status{font-weight:800;font-size:14px;min-height:30px;margin:8px 0}
.dg-mix-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:9px auto}
.dg-mix-actions button{flex:1 1 120px;max-width:200px;font-size:14px;padding:11px 10px;background:linear-gradient(#ffeff9,#ffd4ed)}
.dg-mix-actions [data-mix-photo]{background:linear-gradient(#fcebad,#ffc5ef)}
.dg-mix-small-actions button{font-size:12px;min-height:40px;padding:8px 10px}
.dg-mix-feedback{border-radius:12px;padding:9px 11px;background:#fff9eb;color:#86427f;font-size:13px;font-weight:800;margin:8px 0}
.dg-mix-saved{font-size:12px;opacity:.8;max-width:400px;margin:10px auto;line-height:1.45}
.dg-mix-shop{min-width:0}
.dg-mix-departments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.dg-mix-departments button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:12px 6px;min-height:99px;line-height:1.18;font-size:13px}
.dg-mix-departments button span{font-size:30px;line-height:1}
.dg-mix-departments button strong{font-size:clamp(11px,1.45vw,14px);line-height:1.2}
.dg-mix-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;overflow:visible}
.dg-mix-categories button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;white-space:normal;text-align:left;font-size:12px;line-height:1.15;overflow-wrap:anywhere;min-height:57px;padding:8px 9px}
.dg-mix-categories button span{font-size:20px;flex:none}
.dg-mix-categories button strong{font-size:12px}
.dg-mix-item-title{text-align:left;margin:8px 4px 10px;font-size:18px;font-weight:900;color:#9344aa}
.dg-mix-item-title small{font-size:13px;color:#a675ad}
.dg-mix-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:555px;overflow-y:auto;overflow-x:hidden;padding:6px 4px 10px;scrollbar-width:thin}
.dg-mix-items .dg-mix-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:148px;padding:8px 6px;font-size:13px;text-align:center}
.dg-mix-item img{height:92px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #8b70a744)}
.dg-mix-item .dg-mix-item-emoji{font-size:39px;display:grid;place-items:center;height:92px}
.dg-mix-item strong{font-size:13px;line-height:1.15}
.dg-mix-item small{font-size:11px;opacity:.7;line-height:1.15}
.dg-mix-looks{margin-top:14px;padding:12px;background:#ffffffb8;border:2px solid white;border-radius:19px;text-align:left}
.dg-mix-looks h4{margin:0 0 11px;font-size:16px;font-weight:900}
.dg-mix-looks h4 small{font-weight:700;opacity:.65}
.dg-mix-looks p{font-size:12px;line-height:1.4;margin:3px 0}
.dg-mix-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dg-mix-preset{min-width:0;position:relative}
.dg-mix-preset button[data-mix-restore]{width:100%;min-height:105px;padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 2px 0 #d9b6dd;font-size:11px}
.dg-mix-preset button[data-mix-restore] strong{font-size:11px;line-height:1.15}
.dg-mix-preset-image{display:block;width:min(100%,82px);aspect-ratio:1;position:relative}
.dg-mix-preset-layer{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;pointer-events:none}
/* Photos saved in the wardrobe can be exported again directly from their gallery tiles. */
.dg-mix-preset .dg-mix-rephoto{position:absolute;left:0;bottom:0;min-height:29px;height:29px;min-width:32px;padding:0 4px;border-radius:12px;border:1px solid #fff;background:#ffedf9;box-shadow:0 2px 0 #dfb7d7;font-size:15px;line-height:1;color:#773d91;z-index:1}
.dg-mix-preset .dg-mix-rephoto:focus-visible{outline:3px solid #326cff;outline-offset:2px}
.dg-mix-preset .dg-mix-delete{position:absolute;top:0;right:0;font-size:15px;line-height:1;width:24px;height:24px;min-height:24px;padding:0;color:#962f75;background:#ffe5ef;border:1px solid white;box-shadow:none;border-radius:50%}
.dg-mixmatch-game button:disabled{cursor:not-allowed;opacity:.6;box-shadow:0 2px 0 #c0a8c4}
.dg-mixmatch-game button:focus-visible,#dg-closet-slot .dg-mix-mode-tabs button:focus-visible{outline:3px solid #326cff;outline-offset:3px}
@media(max-width:850px){
 .dg-mix-layout{grid-template-columns:1fr}
 .dg-mix-items{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
 .dg-mix-preview-area{max-width:600px;margin:auto;width:100%}
 .dg-mix-stage{width:min(68vw,315px)}
 .dg-mix-departments{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
 .dg-mix-departments{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dg-mix-departments button{min-height:76px;flex-direction:row;justify-content:center;gap:8px}
 .dg-mix-departments button span{font-size:26px}
 .dg-mix-departments button strong{font-size:13px}
 .dg-mix-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dg-mix-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .dg-mix-kitties button{padding:9px 8px;font-size:13px}
 .dg-mix-stage{width:min(82vw,310px)}
 .dg-mix-presets{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:370px){
 .dg-mix-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dg-mix-departments button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.dg-mixmatch-game *{scroll-behavior:auto!important}}
/* Existing character wrappers carry the fitted sprites into the Play page. */
.dg-mix-wear{position:relative;display:inline-block;vertical-align:middle;max-width:100%;line-height:0;isolation:isolate}
.dg-mix-wear > img.dg-mix-origin{opacity:0!important;visibility:visible!important;display:block!important}
.dg-mix-wear > img.dg-mix-wear-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;opacity:1!important;animation:none!important;transform:none!important;filter:none!important;pointer-events:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}