.section-dress-up{display:block;min-height:0;padding:6rem 0 var(--spacing-2xl);background:var(--color-tan-light)}.dress-up-page-header{text-align:center;margin-bottom:var(--spacing-md)}.dress-up-back-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--color-purple);font-weight:700;text-decoration:none}.dress-up-page-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-purple);margin:var(--spacing-xs) 0}.dress-up-page-subtitle{color:var(--color-warm-brown);font-size:1.1rem;margin:0}.du{position:relative;max-width:1200px;margin:var(--spacing-md) auto 0;scroll-margin-top:84px}.du [hidden]{display:none!important}.du-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs) var(--spacing-sm);min-height:44px;margin-bottom:var(--spacing-xs)}.du-link-btn{min-height:44px;padding:0 var(--spacing-sm);background:none;border:none;color:var(--color-purple);font:700 1rem var(--font-body);cursor:pointer}.du-round,.du-score,.du-hearts{padding:.35rem .9rem;border-radius:var(--radius-full);background:var(--color-white);color:var(--color-purple);font-family:var(--font-display);font-weight:700;box-shadow:var(--shadow-soft)}.du-bar-right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--spacing-xs);margin-left:auto}.du-round,.du-score,.du-hearts,.du-music{white-space:nowrap}.du-music{min-height:44px;padding:0 .9rem;border:2px solid var(--color-purple-light);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-purple);font:700 .95rem var(--font-display);cursor:pointer}.du-music[aria-pressed=false]{border-color:var(--color-tan-dark);color:var(--color-warm-brown)}.du-music:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}.du-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:var(--spacing-lg);align-items:start}.du-stage{position:relative;height:clamp(420px,72vh,720px);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-mint-light);background-size:cover;background-position:16% 85%;display:flex;align-items:flex-end;justify-content:center;box-shadow:var(--shadow-soft)}.du-stage canvas{display:block;height:94%;width:auto;max-width:100%;aspect-ratio:2 / 3;object-fit:contain}.du-banner{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-mint-light);text-align:center}.du-banner-text{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-purple)}.du-timer{height:10px;margin-top:var(--spacing-xs);border-radius:var(--radius-full);background:var(--color-mint-light);overflow:hidden}.du-timer-fill{height:100%;background:var(--color-purple-light);transform-origin:left center}.du-banner-time{font-variant-numeric:tabular-nums;color:var(--color-warm-brown)}.du-banner-done{margin-top:var(--spacing-xs)}.du-panel{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-soft)}.du-panel section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.du-panel .btn{min-height:44px;margin:0}.du-big{width:100%;font-size:1.15rem}.du-instructions,.du-status{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-dark);line-height:1.5}.du-success{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-purple)}.du-round-points,.du-total{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-warm-brown)}.du-difficulty{display:flex;gap:var(--spacing-xs);margin:0;padding:0;border:none}.du-difficulty label{flex:1}.du-difficulty input{position:absolute;opacity:0;pointer-events:none}.du-difficulty span{display:flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--color-purple-light);border-radius:var(--radius-full);color:var(--color-purple);font-weight:700;cursor:pointer}.du-difficulty input:checked+span{background:var(--color-purple);border-color:var(--color-purple);color:var(--color-white)}.du-difficulty input:checked+span:before{content:"✓ "}.du-difficulty input:focus-visible+span,.du-switch input:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}.du-switch{display:flex;align-items:center;gap:var(--spacing-xs);min-height:44px;font-weight:700;color:var(--color-dark);cursor:pointer}.du-switch input{width:26px;height:26px;accent-color:var(--color-purple)}.du-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.du-tab{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 var(--spacing-sm);border:2px solid var(--color-purple-light);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-purple);font:700 1rem var(--font-body);cursor:pointer}.du-tab[aria-pressed=true]{background:var(--color-purple);border-color:var(--color-purple);color:var(--color-white)}.du-mark{font-size:.85rem;padding:.1rem .45rem;border-radius:var(--radius-full);background:var(--color-white)}.du-mark-right{color:#1d6b3a}.du-mark-wrong{color:var(--color-red-deep)}.du-chosen{font-size:.7rem}.du-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--spacing-xs)}.du-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:44px;padding:var(--spacing-xs);border:3px solid var(--color-tan);border-radius:var(--radius-md);background:var(--color-tan-light);color:var(--color-dark);font:600 .9rem var(--font-body);cursor:pointer}.du-card img{width:96px;height:96px;object-fit:contain}.du-card-label{line-height:1.25;text-align:center}.du-card[aria-pressed=true]{border-color:var(--color-purple);background:var(--color-mint-light)}.du-card-on{position:absolute;top:4px;right:4px;padding:.05rem .4rem;border-radius:var(--radius-full);background:var(--color-purple);color:var(--color-white);font-size:.75rem;font-weight:700}.du-tab:focus-visible,.du-card:focus-visible,.du-link-btn:focus-visible,.du .btn:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}.du-tab:disabled,.du-card:disabled,.du .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.du-progress{margin:0;font-weight:700;color:var(--color-dark)}.du-dots{margin-left:.4rem;letter-spacing:.15rem;color:var(--color-purple)}.du-feedback{margin:0;font-weight:700;color:var(--color-purple)}.du-feedback:empty,.du-missing:empty{display:none}.du-missing{margin:0;color:var(--color-warm-brown)}.du-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.du-actions .btn{flex:1 1 auto}.du[data-mode=free] .du-actions-memory,.du:not([data-mode=free]) .du-actions-free{display:none}.du-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:#fbf4ece6}.du-dialog{width:min(100%,360px);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-medium);text-align:center}.dress-up-end{margin-top:var(--spacing-sm)}.section-dress-up .game-promo{margin-top:var(--spacing-xl)}@media(max-width:900px){.du-main{grid-template-columns:1fr;gap:var(--spacing-md)}.du-stage{height:clamp(340px,58vh,560px)}}@media(max-width:480px){.du-panel{padding:var(--spacing-sm)}.du-round,.du-score,.du-hearts{padding:.3rem .6rem;font-size:.9rem}.du-music{padding:0 .6rem;font-size:.85rem}.du-card-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.du-card img{width:80px;height:80px}}.du-email{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-tan-light)}.du-email .hp-field{position:absolute;left:-9999px}.du-email-title{margin:0;font-weight:700;color:var(--color-dark)}.du-email-row{display:flex;gap:var(--spacing-xs)}.du-email-row input{flex:1;min-width:0;min-height:44px;padding:0 var(--spacing-sm);border:2px solid var(--color-purple-light);border-radius:var(--radius-full);font:1rem var(--font-body)}.du-email-row input:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}.du-email .du-switch span{font-weight:600;font-size:.95rem}.du-email-note,.du-email-status{margin:0;font-size:.9rem;color:var(--color-warm-brown)}.du-email-status:empty{display:none}.du-email-status{font-weight:700;color:var(--color-purple)}.du-focus-only{display:none!important}html.game-focus .du-focus-only{display:inline-flex!important;align-items:center;justify-content:center}html.game-focus .du-focus-hide,html.game-focus [data-panel=dress] .du-email{display:none!important}html.game-focus .section-dress-up{padding:0}html.game-focus .section-dress-up>.container{padding:0 8px}html.game-focus .du{display:flex;flex-direction:column;max-width:none;height:100vh;height:100dvh;margin:0;padding:6px 0 8px}html.game-focus .du-bar{flex-wrap:nowrap;gap:6px;min-height:44px;margin-bottom:6px}html.game-focus .du-bar-right{flex-wrap:nowrap;gap:6px}html.game-focus .du-link-btn{min-width:44px;padding:0 6px;white-space:nowrap}html.game-focus .du-round,html.game-focus .du-score,html.game-focus .du-hearts{padding:.25rem .55rem;font-size:.85rem}html.game-focus .du-music{width:44px;padding:0}html.game-focus .du-music-label,html.game-focus .du-back-word,html.game-focus .du-mark-word,html.game-focus .du-card-label,html.game-focus .du-missing{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.game-focus .du-main{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;gap:6px}html.game-focus .du-stage{flex:1 1 0;min-height:160px;height:auto;border-radius:var(--radius-md)}html.game-focus .du-stage canvas{height:96%}html.game-focus .du-panel{flex:0 0 auto;padding:8px;border-radius:var(--radius-md)}html.game-focus .du-panel section{gap:6px}html.game-focus .du-banner{margin-bottom:6px;padding:4px 10px}html.game-focus .du-banner-text{font-size:1rem}html.game-focus .du-timer{height:6px;margin-top:4px}html.game-focus .du-banner-done{margin-top:4px}html.game-focus .du-tabs{flex-wrap:nowrap;gap:4px}html.game-focus .du-tab{flex:1 1 0;min-width:0;justify-content:center;gap:2px;padding:0 4px;font-size:.85rem}html.game-focus .du-mark{padding:0 .25rem}html.game-focus .du-card-grid{grid-template-columns:repeat(3,1fr);gap:6px}html.game-focus .du-card{justify-content:center;padding:4px}html.game-focus .du-card img{width:clamp(44px,8vh,72px);height:clamp(44px,8vh,72px)}html.game-focus .du-progress{display:none}html.game-focus .du-feedback{font-size:.85rem}html.game-focus .du-actions-memory,html.game-focus .du-actions-free{flex-wrap:nowrap}html.game-focus .du-actions-memory .btn,html.game-focus .du-actions-free .btn{flex:1 1 0;padding:0 8px}@media(max-width:360px){html.game-focus .du-score-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.game-focus .du-round,html.game-focus .du-score,html.game-focus .du-hearts{padding:.2rem .45rem;font-size:.8rem}html.game-focus .du-tab{font-size:.75rem}}html.game-focus .du[data-state=sessionComplete],html.game-focus .du[data-state=freeDone]{height:auto;min-height:100vh;min-height:100dvh}html.game-focus .du[data-state=sessionComplete] .du-stage,html.game-focus .du[data-state=freeDone] .du-stage{flex:none;height:34vh}.du-done-email:empty,.du-done-end:empty{display:none}.du-lb-join{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-tan-light)}.du-lb-join[hidden],.du-lb[hidden]{display:none}.du-lb-join fieldset{margin:0;padding:0;border:0;min-width:0}.du-lb-made{margin:0 0 var(--spacing-xs);padding:0;font-weight:700;color:var(--color-purple)}.du-lb-pickers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.du-lb-pickers select{flex:1 1 8rem;min-width:0;min-height:44px;padding:0 var(--spacing-sm);border:2px solid var(--color-purple-light);border-radius:var(--radius-full);background:var(--color-white);font:700 1rem var(--font-body);color:var(--color-dark)}.du-lb-pickers select:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}.du-lb-shuffle{min-height:44px}.du-lb-status{margin:0;font-weight:700;color:var(--color-purple)}.du-lb-status:empty{display:none}.du-lb-title{margin:0 0 var(--spacing-xs);font-weight:700;color:var(--color-dark)}.du-lb-list{margin:0;padding:0;list-style:none;counter-reset:du-lb}.du-lb-list li{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:.3rem .6rem;border-radius:var(--radius-sm);counter-increment:du-lb}.du-lb-list li:nth-child(odd){background:var(--color-tan-light)}.du-lb-list li.is-you{background:#9058c82e;font-weight:700}.du-lb-name:before{content:counter(du-lb) ". ";color:var(--color-warm-brown)}.du-lb-score{font-weight:700;color:var(--color-purple);font-variant-numeric:tabular-nums}.du-lb-note,.du-top-empty{margin:var(--spacing-xs) 0 0;font-size:.95rem;color:var(--color-warm-brown)}.du-lb-note:empty{display:none}.du-top{max-width:960px;margin:var(--spacing-xl) auto 0;padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-soft)}.du-top-title{margin:0 0 var(--spacing-sm);font-family:var(--font-display);font-size:1.5rem;color:var(--color-purple);text-align:center}.du-top-boards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.du-top-board h3{margin:0 0 var(--spacing-xs);font-size:1.1rem;color:var(--color-dark)}@media(max-width:768px){.du-top-boards{grid-template-columns:1fr}}.du-print{display:none}@media print{@page{margin:12mm}html,body{background:#fff!important}body>*:not(.du-print){display:none!important}.du-print{display:block!important;text-align:center;font-family:var(--font-display);color:#444}.du-print img{display:block;width:auto;max-width:100%;max-height:92vh;margin:0 auto 4mm}}@media(prefers-reduced-motion:reduce){.du *,.du *:before,.du *:after{transition:none!important;animation:none!important}}