.play-page{padding-block:26px 55px}.back-link{font-size:13px;text-decoration:none}.play-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:28px 0}.play-heading h1{font-size:clamp(40px,5vw,64px);letter-spacing:-1.5px}.play-heading .eyebrow{margin-bottom:12px}.play-heading>p{max-width:290px;color:#655c6d}.dress-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.studio,.wardrobe,.runner-panel{border:2px solid var(--ink);border-radius:26px;overflow:hidden}.studio{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 12px;background-image:radial-gradient(#30224719 1px,transparent 1px);background-size:22px 22px}.dress-stage{position:relative;width:300px;max-width:100%;aspect-ratio:3/4;isolation:isolate}.dress-stage>#character{width:100%;height:100%;object-fit:contain}.studio-caption{font:20px 'Fredoka','Fredoka Fallback','Fredoka Fallback R',sans-serif;margin:22px 0 0}.wardrobe{background:white;padding:25px}.wardrobe h2{font-size:28px;letter-spacing:0}.wardrobe-heading p{font-size:13px;margin:8px 0 18px;color:#655c6d}fieldset{border:0;padding:0;margin:0 0 14px;min-width:0}legend{font-weight:700;font-size:12px;margin-bottom:6px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{width:62px;height:60px;background:var(--paper);border:1.5px solid #d5cbdf;border-radius:13px;padding:7px;cursor:pointer}.choice img{width:100%;height:100%;object-fit:contain}.choice[aria-pressed=true]{background:#ece2fb;border:2px solid var(--ink);box-shadow:0 3px 0 #d7c4ee}.dress-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.dress-actions .button{padding:10px 15px;font-size:12px}.play-page button{font-family:inherit;cursor:pointer}.play-page button:disabled{opacity:.45;cursor:default;transform:none}.play-page :focus-visible{outline:3px solid #7650b4;outline-offset:4px}.piece{position:absolute;border:0;padding:0;background:transparent;touch-action:none;cursor:grab!important}.piece img{width:100%;height:100%;object-fit:contain;pointer-events:none}.piece:focus-visible{outline:2px dashed #7650b4}.play-note{font-size:13px;color:#655c6d;max-width:720px;margin:20px auto;text-align:center}#status{font-size:13px;min-height:22px;margin:18px 0 0}.more-play{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;display:flex;flex-wrap:wrap;gap:16px 25px;font-size:13px}.more-play span{font-weight:700}.runner-panel{background:white;padding:20px}.scoreboard{display:flex;gap:25px;align-items:center;font-size:13px;margin-bottom:18px}.scoreboard strong{display:block;font:28px 'Fredoka','Fredoka Fallback','Fredoka Fallback R',sans-serif}.scoreboard .button{margin-left:auto;padding:9px 18px}#runner{width:100%;height:auto;display:block;background:#fbe0ee;border-radius:16px;touch-action:manipulation}.runner-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:20px}.runner-controls label{margin-left:auto;font-size:13px}select{font:inherit;color:var(--ink);background:var(--paper);padding:10px;border:1px solid var(--ink);border-radius:12px;max-width:100%}.runner-panel #status{text-align:center}@media(max-width:800px){.dress-layout{grid-template-columns:1fr 1fr;gap:16px}.wardrobe{padding:18px}.choice{width:52px;height:52px}.play-heading{align-items:start;flex-direction:column;gap:4px}.play-heading>p{max-width:none;margin:8px 0}.studio{padding:20px 8px}}@media(max-width:600px){.dress-layout{grid-template-columns:1fr}.studio{padding:16px}.dress-stage{width:240px}.studio-caption{font-size:17px;margin-top:8px}.choice{width:56px;height:54px}.runner-panel{padding:12px}.scoreboard{gap:15px;font-size:11px}.scoreboard strong{font-size:23px}.scoreboard .button{font-size:11px;padding:8px 12px}#runner{aspect-ratio:1.45;object-fit:cover}.runner-controls label{margin-left:0}.play-page{padding-top:18px}.more-play{gap:14px}.play-heading h1{font-size:40px}}

.play-page [hidden]{display:none!important}
.audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:14px 18px;background:#eee5fb;border:1px solid #d5cbdf;border-radius:18px}.audio-controls .button{font-size:12px;padding:8px 14px;min-height:44px;box-shadow:none}.audio-controls [aria-pressed=true]{background:var(--ink);color:white}.audio-controls label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.audio-controls input{width:100px;min-height:44px;accent-color:#7650b4;cursor:pointer}.audio-note{font-size:12px;color:#655c6d;margin-left:auto}@media(max-width:600px){.audio-controls{gap:10px;padding:12px}.audio-note{margin-left:0;font-size:11px}}

/* September 23, 2026 — phones: one compact audio row so the game starts higher on the screen. */
@media(max-width:600px){.audio-controls{flex-wrap:nowrap;gap:8px;padding:8px 10px;margin-bottom:16px;border-radius:14px}.audio-controls .button{min-height:40px;padding:6px 11px;font-size:11px;white-space:nowrap}.audio-controls label{gap:6px;font-size:11px;min-width:0}.audio-controls input{width:100%;min-width:56px;min-height:40px}.audio-note{display:none}.play-heading{margin:16px 0 18px}.play-heading>p{font-size:15px;line-height:1.45}}