.princess-room.active{position:fixed;inset:0;z-index:12;display:block;padding:0;height:100dvh;overflow:hidden;--vanity-height:160px;--final-height:56px;background:#e9c2d5 url('assets/princess-v9/room.webp') center/cover}
.v10-title{position:absolute;z-index:2;top:calc(10px + env(safe-area-inset-top));left:60px;right:60px;text-align:center;pointer-events:none;color:#9d2866;text-shadow:0 2px #fff1ca,1px 0 #fff1ca}
.v10-title>span{font-size:10px;letter-spacing:2px;text-transform:uppercase}.v10-title h2{font:bold 35px Georgia,serif;margin:0;color:#bd347a}.v10-title em{display:block;font:italic 19px Georgia,serif}
.v10-stage{position:absolute;top:88px;left:0;right:0;bottom:calc(var(--vanity-height) + 22px + env(safe-area-inset-bottom))}.v10-stage>svg{width:100%;height:100%;filter:drop-shadow(0 5px 4px #6c354d40)}#doll-jewel{filter:drop-shadow(0 1px 1px #68542760)}
#body-view{position:absolute;z-index:3;right:12px;top:97px;min-height:44px;padding:8px 12px;border:2px solid #e7bd7c;border-radius:30px;background:#fff3e6e8;color:#854670;font-size:11px}
.v10-vanity{position:absolute;z-index:4;bottom:calc(9px + env(safe-area-inset-bottom));left:8px;right:8px;max-width:700px;margin:auto;padding:9px;border:3px solid #ebc27d;border-radius:27px;background:linear-gradient(#ffe8f3ed,#edb7dcf5);box-shadow:0 0 0 2px #fff2b7,0 8px 25px #803e7160,inset 0 2px 5px white;backdrop-filter:blur(8px)}
.v10-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.v10-tabs button{min-width:0;height:78px;padding:3px 2px;border:2px solid #edc67c;border-radius:24px 24px 15px 15px;background:radial-gradient(ellipse at 40% 20%,#fff2ef,#db86be);box-shadow:inset 0 0 0 2px #fff0bf,inset 0 -5px 9px #bf54834d,0 3px 0 #aa657f;color:#7a305b}.v10-tabs img{width:100%;height:48px;object-fit:contain;filter:drop-shadow(0 2px 2px #78472855)}.v10-tabs span{display:block;font-size:clamp(9px,2.4vw,13px);font-weight:bold;white-space:nowrap}.v10-tabs button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 25%,#fff6cf,#ed97c8);box-shadow:inset 0 0 0 2px #fffbc2,0 0 10px #fff4b7}
.v10-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.v10-actions button{min-height:48px;display:flex;flex:1;justify-content:center;align-items:center;padding:3px;border:2px solid #ebbf69;border-radius:27px;background:linear-gradient(#ddadee,#9a58c7);box-shadow:inset 0 2px 3px #fff9,0 3px 0 #98609c;color:white;font:bold 15px Georgia,serif;text-shadow:0 1px 2px #6a285d}.v10-actions img{width:35px;height:35px;object-fit:contain}.v10-actions #princess-done{flex:1.3;font-size:25px;background:linear-gradient(#ffb8dc,#e4489a)}.v10-actions #princess-reset{flex:0 0 46px}#princess-reset svg{width:27px;height:27px}
#v10-tray{position:relative;padding:0 0 8px}#v10-tray[hidden],#v10-finale[hidden]{display:none!important}#wardrobe-close{position:absolute;right:-1px;top:-4px;width:44px;height:44px;padding:0;border:1px solid #e1b66c;border-radius:50%;background:#fff0e1;color:#8b4075;font-size:29px}#v10-parts{display:flex;gap:5px;overflow-x:auto;padding:0 47px 6px 2px;scrollbar-width:thin}#v10-parts button{flex-shrink:0;min-height:44px;padding:6px 11px;border:1px solid #edc692;border-radius:22px;background:#fff2e8;color:#86396b;font-size:12px;font-weight:bold;white-space:nowrap}#v10-parts button[aria-pressed=true]{background:#c974af;color:white}#wardrobe-hint{margin:0 0 5px;color:#814d71;font-size:10px}#wardrobe-hint:empty{display:none}
#wardrobe-options{display:flex;gap:8px;padding:2px 2px 5px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.v10-choice{position:relative;flex:0 0 75px;min-height:75px;padding:4px 3px;border:2px solid #e6c28b;border-radius:15px;background:linear-gradient(#fff8f0,#f4d4e6);color:#794567;scroll-snap-align:center}.v10-choice>img{height:42px;width:60px;object-fit:contain}.v10-choice small{display:block;font-size:10px;font-weight:bold;line-height:1.15}.v10-choice[aria-pressed=true]{border-color:#ae4e9c;box-shadow:0 0 0 2px #fff4b4}.remove-icon{display:block;font-size:36px;line-height:42px;color:#bd6f9b}.color-choice:after{content:'';position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;border:2px solid white;background:var(--choice-color)}
.ready .v10-vanity,.ready #body-view{display:none}.ready .v10-stage{bottom:calc(var(--final-height) + 50px + env(safe-area-inset-bottom))}#v10-finale{position:absolute;inset:0;z-index:6;pointer-events:none}.fairy{position:absolute;right:4%;bottom:calc(var(--final-height) + 78px);width:120px}.fairy img{width:100%;filter:drop-shadow(0 0 16px white)}.fairy p{position:absolute;bottom:100%;right:0;width:175px;margin:0 0 8px;padding:11px;border:2px solid #e9c78b;border-radius:22px;background:#fff2f5ef;color:#963768;font:bold italic 14px Georgia,serif}
.final-actions{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom));left:5%;right:5%;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;pointer-events:auto}.final-actions button,.final-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 13px;border:2px solid #e6be79;border-radius:25px;background:linear-gradient(#ffdded,#e899c4);color:#763358;font-size:12px;font-weight:bold;text-decoration:none}.final-actions a{background:#fff0e6}.final-actions a[hidden]{display:none}#save-message{position:absolute;bottom:calc(4px + env(safe-area-inset-bottom));left:5%;right:5%;margin:0;padding:3px;border-radius:10px;color:#772756;background:#fffdf4dd;font-size:11px;line-height:1.25}#save-message:empty{display:none}
#princess-loading{position:absolute;top:40%;left:10%;right:10%;padding:20px;border:2px solid #edc889;border-radius:24px;color:#8b476e;background:#fff1e2ee;font-weight:bold}#princess-loading[hidden]{display:none}#v10-sparkles{position:absolute;inset:0;pointer-events:none}#v10-sparkles.magic{background:radial-gradient(circle at 25% 30%,#fff7bc 0 2px,transparent 5px),radial-gradient(circle at 60% 20%,#fff 0 2px,transparent 6px),radial-gradient(circle at 70% 55%,#ffedb3 0 3px,transparent 7px),radial-gradient(circle at 35% 75%,#fff 0 3px,transparent 7px);background-size:95px 125px;animation:v10magic .9s ease-out}@keyframes v10magic{0%{opacity:0;transform:scale(.8)}35%{opacity:1}100%{opacity:0;transform:scale(1.1)}}
body.princess-mode{overflow:hidden}body.princess-mode header{z-index:30;background:transparent!important;border:0;pointer-events:none}body.princess-mode header .brand{visibility:hidden}body.princess-mode header button{pointer-events:auto;position:relative;width:44px;height:44px;border:2px solid #e4bf7e;border-radius:50%;background:#fff1dedb;color:#a3568c}body.princess-mode #sound{font-size:0;background:#f7c6e6 url('assets/princess-v10/music.webp') center/34px no-repeat!important}body.princess-mode #sound[aria-pressed=false]{opacity:.8}body.princess-mode #sound[aria-pressed=false]:after{content:'';position:absolute;left:8px;top:20px;width:28px;height:2px;background:#a56a90;transform:rotate(-45deg)}.princess-room button,.princess-room a{touch-action:manipulation}.v10-vanity button:active{transform:scale(.96)}.princess-room button:focus-visible,.princess-room a:focus-visible{outline:3px solid #75449e;outline-offset:2px}
@media(min-width:800px) and (min-height:601px){.v10-title h2{font-size:38px}.v10-vanity{bottom:18px;padding:11px}.v10-tabs button{height:87px}.v10-tabs img{height:56px}.v10-choice{flex-basis:85px}#body-view{right:30px}.fairy{right:18%;width:155px}}
@media(orientation:landscape) and (max-height:600px){.v10-title{left:60px;right:305px;top:7px}.v10-title h2{font-size:24px}.v10-title em{font-size:14px}.v10-title>span{font-size:8px}.v10-stage{top:59px;bottom:12px;right:305px}.v10-vanity{left:auto;right:10px;top:10px;bottom:10px;width:285px;padding:8px;display:flex;flex-direction:column;justify-content:center}.v10-tabs{grid-template-columns:repeat(3,1fr);gap:5px}.v10-tabs button{height:60px}.v10-tabs img{height:33px}.v10-tabs span{font-size:10px}#v10-tray{order:2;margin-top:8px}#v10-parts{padding-bottom:4px}#v10-parts button{min-height:44px}#wardrobe-options{max-height:77px}.v10-choice{min-height:67px;flex-basis:65px}.v10-choice>img{height:35px}.v10-choice small{font-size:9px}.v10-actions{order:3;margin-top:7px}.v10-actions button{min-height:44px;font-size:12px}.v10-actions img{width:27px;height:27px}.v10-actions #princess-done{font-size:20px}.v10-actions #princess-reset{flex-basis:44px}#body-view{right:314px;top:65px}.ready .v10-stage{right:0;bottom:calc(var(--final-height) + 45px)}.ready .v10-title{right:60px}.fairy{right:5%;width:88px;bottom:calc(var(--final-height) + 56px)}.fairy p{right:92px;bottom:20%;width:155px;font-size:12px}}
@media(max-width:370px) and (orientation:portrait){.v10-title{top:7px}.v10-title h2{font-size:29px}.v10-title em{font-size:16px}.v10-stage{top:75px}.v10-vanity{padding:7px}.v10-tabs{gap:3px}.v10-tabs button{height:70px}.v10-tabs img{height:41px}.v10-actions button{font-size:12px}.v10-actions #princess-done{font-size:22px}.v10-actions img{width:28px;height:28px}#body-view{top:80px;padding:6px 9px;font-size:10px}.fairy{width:90px;right:3%}.fairy p{width:145px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.princess-room *{animation:none!important;transition:none!important}}
body.princess-mode header button{position:absolute!important}body.princess-mode #back{left:16px;right:auto}body.princess-mode #sound{right:16px;left:auto}

.v10-actions{max-width:330px;margin:9px auto 0}.v10-actions #princess-done{flex:1;min-height:52px;font-size:27px}.princess-room.ready{background-image:url('assets/princess-v10/ballroom-v10-2.webp')}.ready .v10-stage{bottom:calc(var(--final-height) + 96px + env(safe-area-inset-bottom))}.ready-message{position:absolute;bottom:calc(var(--final-height) + 43px + env(safe-area-inset-bottom));left:5%;right:5%;margin:0 auto;max-width:420px;padding:12px 15px;border:2px solid #ecc482;border-radius:28px;background:#fff3e9e8;color:#9b3972;font:bold italic 23px Georgia,serif;text-shadow:0 1px white}.ready #princess-layers{animation:princess-arrival .65s ease-out}@keyframes princess-arrival{from{opacity:.15}to{opacity:1}}@media(max-width:370px){.ready-message{font-size:19px;padding:10px}.ready .v10-stage{bottom:calc(var(--final-height) + 87px)}}@media(orientation:landscape) and (max-height:600px){.v10-actions #princess-done{min-height:44px;font-size:24px}.ready-message{font-size:18px;padding:8px;bottom:calc(var(--final-height) + 40px)}.ready .v10-stage{bottom:calc(var(--final-height) + 87px)}}

/* Hillary princess branding */
.v10-title{top:calc(3px + env(safe-area-inset-top));left:60px;right:60px;height:90px;display:flex;justify-content:center;align-items:center}.hillary-logo{display:block;width:155px;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #84286955)}.ready-message{padding:0;border:0;background:none;max-width:315px;left:7%;right:7%;filter:drop-shadow(0 2px 2px #71336988)}.ready-message img{display:block;width:100%;height:74px;object-fit:contain}.ready .v10-stage{bottom:calc(var(--final-height) + 125px + env(safe-area-inset-bottom))}@media(max-width:370px){.v10-title{height:78px}.hillary-logo{width:135px}.ready-message img{height:64px}.ready .v10-stage{bottom:calc(var(--final-height) + 110px)}}@media(orientation:landscape) and (max-height:600px){.v10-title{height:55px}.hillary-logo{width:110px}.ready .v10-title{height:65px}.ready-message img{height:55px}.ready .v10-stage{bottom:calc(var(--final-height) + 108px)}}