/* A visible current-look panel: nothing is hidden below the model. */
.game-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 14px;min-height:48px}
.game-controls .game-settings{position:static;width:34px;height:34px;font-size:18px}
.music-toggle{min-height:34px;border:1px solid #a878a6;border-radius:22px;padding:6px 13px;background:#493052;color:#fff2fb;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.music-toggle:hover{background:#64416d}.music-toggle[aria-pressed=true]{color:#d6c1dd;background:#33213e}
.dress-theme-note .finish-dressing{font-size:12px;min-height:40px;padding:8px 15px;margin-top:4px;white-space:normal}
.with-look-panel{grid-template-columns:minmax(200px,.82fr) minmax(0,1.8fr) minmax(220px,.82fr);gap:14px;align-items:start}
.with-look-panel>.stage-card{grid-column:1;grid-row:1;position:relative;top:auto}
.with-look-panel>.closet-panel{grid-column:2;grid-row:1}
.with-look-panel>.current-look-panel{grid-column:3;grid-row:1}
.current-look-panel{background:linear-gradient(150deg,#fffaf7,#faeef8);border:1px solid #eac6df;border-radius:20px;padding:13px;min-width:0;box-shadow:0 12px 35px #1c0c241f;color:#714b68}
.look-panel-heading>span{display:block;color:#a5688e;font-size:9px;font-weight:600;letter-spacing:.13em}
.look-panel-heading h2{font-size:25px;margin:2px 0 10px;line-height:1.2;color:#593353}
.look-section-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:5px}
.look-section-heading h3{margin:0;font-size:11px;font-weight:600;color:#75476a;line-height:1.25}
.look-section-heading h3>span{font-size:10px;color:#b04685;margin-left:3px}
.look-scroll-buttons{display:flex;gap:3px;flex-shrink:0}
.look-scroll-buttons button{display:grid;place-items:center;min-width:29px;min-height:31px;padding:0;background:#f4e4f0;border:1px solid #e2c7db;border-radius:8px;font-size:17px;color:#996284}
.look-scroll-buttons button:hover:not(:disabled){background:#ebcde2}
.look-scroll-buttons button:disabled{opacity:.27}
.current-look-panel .equipped-list{display:flex;flex-direction:column;flex-wrap:nowrap;max-height:clamp(87px,calc((100dvh - 235px)*.34),190px);min-height:42px;padding:2px 3px 4px 0;gap:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1afc7 transparent}
.current-look-panel .equipped-chip{width:100%;min-height:39px;flex-shrink:0;border-radius:9px}
.current-look-panel .equipped-chip>button:first-child{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px;line-height:1.3;padding:6px}
.current-look-panel .equipped-chip>button:last-child{min-width:34px;min-height:39px;font-size:19px}
.worn-piece-preview{display:block;flex:0 0 60px;width:60px;height:64px;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#fffaf5,#efdfeb)}
.worn-piece-preview svg{display:block;width:100%;height:100%}
.worn-piece-name{min-width:0;overflow-wrap:anywhere}
.current-look-panel .equipped-chip>button:first-child{padding:4px;gap:8px}
.current-look-panel .equipped-chip>button:last-child{align-self:stretch}
.look-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--piece-color);box-shadow:0 0 0 1px #6e4b6626;flex-shrink:0}
.current-look-panel .clear-outfit{font-size:10px;min-height:37px;margin:7px 0 10px;padding:7px 5px;box-shadow:none}
.look-features-section{border-top:1px solid #e7ccdf;padding-top:9px}
.look-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:clamp(132px,calc((100dvh - 235px)*.46),330px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1afc7 transparent;padding:1px 3px 3px 0;align-content:start}
.look-feature{border:1px solid #ebd5e4;background:#fffbfe;border-radius:9px;display:block;padding:6px;min-width:0;text-align:left;min-height:48px}
.look-feature>span{display:block;font-size:8px;color:#a27797;line-height:1.3;margin-bottom:4px}
.look-feature>strong{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;line-height:1.25;color:#764666}
.look-feature:hover{border-color:#cd8bb6;background:#fff1f9}.look-feature:focus-visible{outline-offset:0}
.look-feature .look-color-dot{width:10px;height:10px}
.look-empty{font-size:11px;margin:6px 0;color:#98718b}
.with-look-panel .piece-browser .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.with-look-panel .item-preview{height:118px}
.with-look-panel .stage-header{padding:8px 10px;gap:5px}
.with-look-panel .stage-header>span:first-child{font-size:9px}
.with-look-panel .studio-toolbar{flex-wrap:wrap}.with-look-panel .studio-toolbar .btn{padding-inline:7px}
.face-preset-section{grid-column:1/-1}
.face-preset-section>p{font-size:11px;color:#9a728e;margin:0 0 10px}
.face-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.face-preset .feature-preview{height:112px;background:radial-gradient(ellipse at top,#fff7ef,#edd5e9)}
.face-preset>span:last-child{font-weight:600}
.ready-theme.ready-above{display:flex;flex-direction:column-reverse;align-items:center;gap:10px;padding:14px;margin:14px auto 24px;max-width:820px;animation:none}
.ready-above>p{margin:0}.ready-above>.btn{min-width:min(340px,100%)}
@media(min-width:1080px){
 .current-look-panel{height:clamp(345px,calc(100dvh - 190px),670px);display:flex;flex-direction:column}
 .look-panel-heading{flex-shrink:0}.look-clothes-section{flex:0 1 46%;min-height:125px;display:flex;flex-direction:column}
 .look-features-section{flex:1;min-height:0;display:flex;flex-direction:column}
 .look-section-heading,.current-look-panel .clear-outfit{flex-shrink:0}
 .current-look-panel .equipped-list,.look-feature-list{flex:1;min-height:0;max-height:none}
 .current-look-panel .equipped-chip>button:first-child{font-size:11px}
 .look-feature>span{font-size:9px}.look-feature>strong{font-size:10px}
 .current-look-panel .clear-outfit{font-size:11px}
}
@media(max-width:1079px){
 .with-look-panel{grid-template-columns:minmax(190px,.75fr) minmax(0,1.6fr);gap:12px}
 .with-look-panel>.stage-card{grid-row:2;grid-column:1}.with-look-panel>.closet-panel{grid-row:2;grid-column:2}
 .with-look-panel>.current-look-panel{grid-row:1;grid-column:1/-1;display:grid;grid-template-columns:140px 1fr 1.2fr;gap:14px;padding:11px 13px}
 .look-panel-heading h2{margin-bottom:2px}.look-panel-heading{align-self:center}
 .look-features-section{padding-top:0;border-top:0;border-left:1px solid #e7ccdf;padding-left:14px}
 .current-look-panel .equipped-list{max-height:77px;min-height:0}.current-look-panel .clear-outfit{margin:4px 0 0;min-height:30px}
 .look-feature-list{max-height:111px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .with-look-panel .avatar-stage .avatar-render{height:clamp(250px,calc(100dvh - 390px),450px)}
 .with-look-panel .piece-browser .item-grid{max-height:clamp(210px,calc(100dvh - 445px),420px)}
 .with-look-panel .feature-browser .custom-sections{max-height:clamp(300px,calc(100dvh - 345px),520px)}
}
@media(max-width:680px){
 .with-look-panel{grid-template-columns:minmax(108px,.6fr) minmax(0,1fr);gap:8px}
 .with-look-panel>.current-look-panel{grid-template-columns:1fr 1fr;gap:6px 10px;padding:8px 10px;border-radius:14px}
 .look-panel-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}
 .look-panel-heading h2{font-size:18px;margin:0}.look-panel-heading>span{font-size:8px}
 .look-features-section{padding-left:8px}.look-section-heading h3{font-size:10px}
 .look-scroll-buttons button{min-width:27px;min-height:29px;font-size:15px}
 .current-look-panel .equipped-list{max-height:70px}.current-look-panel .equipped-chip{min-height:34px}
 .current-look-panel .equipped-chip>button:first-child{font-size:10px}.current-look-panel .equipped-chip>button:last-child{min-width:30px;min-height:34px}
 .current-look-panel .clear-outfit{font-size:9px;min-height:30px}
 .worn-piece-preview{flex-basis:43px;width:43px;height:50px}
 .current-look-panel .equipped-chip>button:first-child{gap:5px;padding:3px}
 .look-feature-list{grid-template-columns:1fr 1fr;max-height:104px}.look-feature{min-height:47px;padding:5px}
 .look-feature>strong{font-size:10px}.look-feature>span{font-size:9px}
 .with-look-panel .piece-browser .item-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:210px;max-height:350px}
 .with-look-panel .item-preview{height:100px}.with-look-panel .avatar-stage .avatar-render{height:290px}
 .with-look-panel .stage-header>span:first-child{display:none}.with-look-panel .stage-header{justify-content:center}
 .with-look-panel .face-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.face-preset .feature-preview{height:94px}
 .ready-theme.ready-above{padding:12px 8px;margin:12px auto 18px}.ready-above>p{font-size:11px}
}