/* The same evening fashion show surrounds every phase; working cards stay light. */
:root{background:#2b1b38}
body{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 12% 10%,#7e47754a,transparent 48%),radial-gradient(ellipse at 91% 80%,#85479140,transparent 48%),linear-gradient(145deg,#2b1b38,#39223f 60%,#2c1a39);background-attachment:fixed}
body:not([data-screen=start]):before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,#ffc9e707 18.2%,#ffc9e707 31%,transparent 31.2%),linear-gradient(65deg,transparent 67%,#ead8f706 67.2%,#ead8f706 82%,transparent 82.2%);z-index:0}
.shell{position:relative}.screen{position:relative}
h1,h2,.skill-card h3,.success-feedback strong,.podium-step h2,.story-caption strong{font-family:FashionDisplay,Fashion,sans-serif;font-weight:800;letter-spacing:-.025em;word-spacing:.065em}
.screen>.screen-header h1,.screen>h1,.dressing-top h1{color:#fff2f1;font-family:FashionDisplay,Fashion,sans-serif;font-weight:800;letter-spacing:-.025em}
.screen>.screen-header h1{font-size:clamp(30px,3.7vw,45px)}
.screen>.screen-header .eyebrow,.screen>.eyebrow,.dressing-top .eyebrow{color:#e9c390;letter-spacing:.16em}
.screen>.screen-header p,.countdown-screen>p,.theme-description{color:#dec8dc}
.game-settings{background:#f9edf9e8;color:#795370;border-color:#e5c0dc;box-shadow:0 0 18px #e5a7dd12}
.progress-dots .dot{background:#ffffff0d;border-color:#96709460;color:#d7bed5;border-radius:10px}
.progress-dots .dot.active{background:linear-gradient(135deg,#d84d93,#b747aa);border-color:#ffb2dc55;box-shadow:0 0 16px #e76daf25;color:#fff}
.progress-dots .dot.done{background:#b6d3c833;border-color:#b6d3c855;color:#c6f2d4}
.skill-screen .setup-utility,.setup-utility .btn.ghost{color:#d6bad2}.setup-utility>span{color:#bda2bf}
.skill-search>.btn,.skill-search>span{color:#dbc5db}.skill-search input{background:#fff9f7;border-color:#ddb9d4}
.skill-group-title h2{color:#f0dcec;font-family:FashionDisplay,Fashion,sans-serif;font-size:22px;letter-spacing:-.035em}
.skill-group-title>span{background:#ffffff0d;border:1px solid #d5a4d333;color:#cfb1d1}
.skill-card{background:linear-gradient(135deg,#fffaf7,#f8edf7);border:1px solid #f4d6e8aa;box-shadow:0 9px 20px #12091716}
.skill-card h3{font-size:20px}.skill-card:hover{border-color:#f19bcd;box-shadow:0 0 0 2px #e489c433,0 10px 24px #13061730}
.skill-icon{color:#a8347a}.skill-arrow{background:#f1ddee;color:#b43880}
.question-path span{background:#ffffff22}.question-path .current{background:#ea85c0;box-shadow:0 0 10px #ffb4dc33}.question-path .done{background:#8fcbb0}
.question-card{background:#fffaf7;border-color:#f0d2e6;box-shadow:0 15px 48px #16092026}
.question-card:before{background:linear-gradient(90deg,#df65a5 0 40%,#ad80d1 40% 72%,#ebc075 72%)}
.question-card h2{font:600 clamp(22px,2.3vw,27px)/1.4 Fashion,system-ui,sans-serif;letter-spacing:-.012em}
.success-feedback strong{font-size:24px}.question-heading .btn{font-size:12px}
.countdown-screen h1{font-size:clamp(32px,4.2vw,50px);line-height:1.2}
.countdown-number{background:radial-gradient(circle,#fff7ee,#f5cfe7);border-color:#eac080;box-shadow:0 0 0 10px #ffffff09,0 0 0 11px #e7aedd44,0 0 60px #dd82c52e}
.countdown-screen>.quiet{color:#c3a8c3}
.theme-roll-screen h1,.inspiration-screen h1{font-family:FashionDisplay,Fashion,sans-serif;font-weight:800;letter-spacing:-.045em;color:#fff1f1}
.theme-slot{border-color:#ed9fce;box-shadow:0 0 0 8px #ffffff07,0 0 0 10px #d793c633,0 0 45px #e889ce24;background:#fff7f8}
.roller-ticket{font:800 28px/1.25 FashionDisplay,Fashion,sans-serif}.roller-status{color:#f0bada}.theme-roll-screen>.quiet{color:#c2a4c2}
.theme-reveal-icon{background:linear-gradient(135deg,#f8e2ef,#dcc2ed);border-color:#f8d3e9;box-shadow:0 0 30px #e991d526}
.inspiration-card{border-color:#f0d9e6;box-shadow:0 11px 22px #12071e22}
.photo-credits{color:#c6a7c2}.photo-credits a{color:#e1c1da}
.ready-theme{background:linear-gradient(140deg,#69436852,#57395b4a);border:1px solid #d7a3ce25;box-shadow:0 9px 25px #18091f0a;color:#eeddec;border-radius:18px;margin-top:14px}
.ready-theme p{color:#e5cedf}.ready-theme strong{color:#fff1f4}
.anything-card{border-color:#c79ac747;background:radial-gradient(ellipse at top left,#e6bb5624,transparent 55%),linear-gradient(120deg,#84537b55,#72568e44);box-shadow:0 12px 35px #16072022}
.anything-card h2{font-family:FashionDisplay,Fashion,sans-serif;font-size:30px;color:#ffe3f0}.anything-card p{color:#eed8e9}.anything-card .free-lock-note{color:#d8bdd4;border-color:#ffffff1a}
.dressing-top h1{font-size:29px}.dress-theme-note .lock-note{color:#cbb0c7}.dress-theme-note .btn.ghost{color:#f1c7e1}
.style-toolbox{background:#60395b70;border-color:#bc8eb92e;box-shadow:0 6px 18px #170c2022}
.style-tool{background:#f9f0f8;box-shadow:0 2px 0 #2c163929;color:#785570;border-color:#f5dceb22}
.style-tool.active{background:linear-gradient(135deg,#d9569a,#b347a5);border-color:#eda7cc80;box-shadow:0 3px 0 #772962,0 0 18px #dd80c41f;color:#fff}
.stage-card,.closet-panel{border-color:#eac6df;box-shadow:0 12px 35px #1c0c241f}
.stage-header{background:linear-gradient(110deg,#fffaf7,#f6e9f4);color:#885578}
.stage-header .timer{box-shadow:0 0 0 3px #fff5fb9c;color:#bd397b;background:#f5ddec}
.avatar-stage{background:radial-gradient(ellipse at 50% 27%,#fff3f4,#e9d4e9 66%,#ccafd4)}
.avatar-stage:before{border-color:#fff5fdc9;box-shadow:0 0 0 6px #fff4fb30}.avatar-stage:after{background:linear-gradient(#f9e8f4,#bc95c4);border-color:#b586ba;box-shadow:0 5px 0 #b18cba,0 0 15px #cfa5ce22}
.clear-outfit{min-height:48px}.equipped-chip>button:last-child{min-width:44px;min-height:44px}
.time-urgent .stage-card{box-shadow:0 0 0 3px #f1bf75a6,0 0 32px #ffa94726}
.solo-show .screen-header h1{font-family:FashionDisplay,Fashion,sans-serif;font-size:clamp(28px,3.4vw,40px)}
.catwalk-scene{background:radial-gradient(ellipse at 50% 28%,#886488 0,#5e3c64 43%,#291830 92%);border-color:#d9ad6c;box-shadow:0 0 0 5px #ffffff04,0 0 26px #d58dba1a,0 12px 35px #1b0b281c}
.curtain{background:repeating-linear-gradient(90deg,#3b2049,#704271 18px,#ac75a7 30px,#5e325f 46px);opacity:1}
.spotlight{background:linear-gradient(#ffe3b666,#ffe3d92b,transparent)}
.runway-floor{background:repeating-linear-gradient(0deg,#ab78a6,#dfbbd56b 2px,#895889 45px,#e7c3de61 47px);border-top-color:#efcfc887;opacity:.9}
.show-caption{background:#fff3f3f0;border-color:#dabbd4}.show-caption strong{font:800 22px/1.2 FashionDisplay,Fashion,sans-serif;letter-spacing:-.035em}
.voting-panel{box-shadow:0 0 22px #d7ad5812,0 10px 30px #170b2124}.voting-panel h2{font:800 30px/1.2 FashionDisplay,Fashion,sans-serif;letter-spacing:-.04em}
.your-walk-note h2{font-size:29px}.your-walk{background:linear-gradient(145deg,#ead8f5,#fff4f6);border-color:#c49cd8}
.podium{border-bottom-color:#d4a6c12c}.podium-step{box-shadow:inset -10px 0 0 #5e327512,0 10px 20px #180a241c}.podium-step h2{font-size:22px}.place-1 .podium-step h2{font-size:25px}.is-you .podium-step{outline-color:#fca4d3}.winner-crown{text-shadow:0 0 18px #f7cd5b55;color:#f7d690}
.final-medal{box-shadow:0 0 0 6px #ffffff09,0 0 0 7px #e9c89444,0 0 40px #d9b06126}
.final-screen .screen-header h1{font-family:FashionDisplay,Fashion,sans-serif}.practice-label{color:#d3b6d2}
.learning-recap{border-color:#f2d9e7;background:linear-gradient(120deg,#fffaf7,#f9eef8);box-shadow:0 12px 30px #1a0b2120}
.story-look{box-shadow:0 15px 27px #130a1f2b;border-color:#f2d7e6}.story-look:before{background:#f0bddfbb}.story-caption strong{font-size:18px;letter-spacing:-.04em}.story-caption .btn.ghost{color:#9a5c87}
.final-actions>.btn.ghost{color:#e2c5db}.final-standings{background:#fcf3f8;border-color:#e2bfd7;color:#6f4a65;box-shadow:0 10px 20px #140a1912}
.results-screen .result-actions{margin:24px auto 8px}.results-screen .result-actions .btn{min-width:220px}
@media(max-width:680px){.screen>.screen-header h1{font-size:30px}.skill-group-title h2{font-size:18px}.skill-card h3{font-size:19px}.dressing-top h1{font-size:23px}.inspiration-screen h1{font-size:33px}.question-card h2{font-size:22px}.question-card .success-feedback strong{font-size:21px}.voting-panel h2{font-size:29px}.podium-step h2{font-size:18px}.place-1 .podium-step h2{font-size:22px}.clear-outfit{font-size:9px;min-height:48px}.equipped-chip>button:last-child{min-width:36px}.story-caption strong{font-size:16px}.final-screen .screen-header h1{font-size:31px}}