/* Calm, game-like hierarchy. Every mode retains a single primary action. */
#welcome[open]{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);padding:22px 30px;border-radius:24px;gap:18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 25px 100px #10221830;text-align:left;animation:introAppear .3s ease-out both}#welcome .intro-mark{display:grid;place-items:center;width:50px;height:50px;background:var(--soft);border-radius:17px;font-size:30px}#welcome strong{font-size:19px;letter-spacing:.15px}#welcome small{font-size:9px;letter-spacing:2.4px}@keyframes introAppear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.home-card{border-radius:28px;border:1px solid var(--line)}.card-art{position:relative}.card-copy{padding:22px 24px}.home-card:active{transform:scale(.985)}.game-weather{padding:18px 22px;background:var(--soft);border-radius:20px;margin:18px 0 24px}.game-weather>small{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:11px}.dressing-stage{height:clamp(400px,61vh,650px);background:radial-gradient(ellipse at 50% 24%,#fffdf5,#e7e2d8 56%,#c2cebf 100%);border:1px solid #e3e5d9}.studio-grid{grid-template-columns:1.05fr 1fr;gap:34px}.wardrobe-options{background:#fff9;border:1px solid var(--line);padding:28px;border-radius:26px}.wardrobe-options legend{font-size:23px;font-weight:600;line-height:1.35}.dress-progress{letter-spacing:1px;font-size:10px}.garments{gap:10px}.garment{border:2px solid transparent;box-shadow:0 4px 15px #15251a08;transition:transform .18s,border-color .18s}.garment:hover{transform:translateY(-3px);background:#f8f6f0}.garment[aria-pressed=true]{border:2px solid #4e805d;box-shadow:0 0 0 3px #d9e7d4}.garment-photo{border-radius:12px}.outfit-inventory{display:flex;justify-content:center;gap:10px;margin:14px 0 0}.inventory-slot{width:52px;height:52px;display:grid;place-items:center;border:1px dashed #c4d1c0;border-radius:14px;color:#7c8e7b;font-size:24px;overflow:hidden}.inventory-slot.filled{border:1px solid #d7e3d0;background:#fff}.inventory-slot .garment-photo{width:100%;height:100%}.scenario-picker{max-width:550px;margin:26px auto;color:var(--muted);font-size:12px;text-align:center}.scenario-picker summary{cursor:pointer;padding:10px}.outfit-example,.finish-portrait{background-image:url(assets/outfit-reference-v7.png);background-repeat:no-repeat;background-size:200% 209.3%}.outfit-example{position:absolute;inset:0;z-index:3;border-radius:22px}.look-0{background-position:0% 0%}.look-1{background-position:100% 0%}.look-2{background-position:0% 100%;background-size:200% 191.5%}.look-3{background-position:100% 100%;background-size:200% 191.5%}.example-label{position:absolute;left:14px;top:14px;background:#ffffffe6;color:#244636;padding:8px 12px;border-radius:20px;font-size:9px;letter-spacing:1.6px}.close-example{position:absolute;top:10px;right:10px;background:#ffffffe6;color:#244636;border:0;padding:6px;min-width:40px;min-height:40px}.outfit-finish{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:50px;align-items:center;max-width:1000px;margin:20px auto}.finish-portrait{aspect-ratio:4/5;border-radius:28px;box-shadow:0 15px 50px #173b2220}.outfit-finish h1{font-size:48px}.outfit-finish p{line-height:1.8;max-width:450px}.finish-checks{line-height:2.4;font-size:14px;color:var(--accent);margin:20px 0}.route-entry{text-align:center;margin:20px 0 0}.route-entry button{font-size:13px;background:var(--soft);border:0}.route-heading{position:relative;text-align:center;padding:20px 45px 0}.route-heading h2{font-size:24px;margin:8px auto;max-width:600px}.route-heading>button{position:absolute;right:0;top:30px}.route-options{display:flex;justify-content:center;gap:20px;margin:24px auto;max-width:600px}.route-options .visual-answer{min-height:170px;max-width:240px}.route-options .planet-thumb{width:90px;height:90px}#routeFeedback{max-width:700px;text-align:center;margin:18px auto;font-size:17px}#routeNext{display:block;margin:18px auto}.route-complete{text-align:center;padding:35px 20px}.route-complete>span{font-size:60px;color:#d9b46b}.scene-frame{box-shadow:0 12px 40px #001b2210}.space-app .scene-frame{border:1px solid #293f56;box-shadow:inset 0 0 80px #6b9abc12,0 20px 55px #0003}
@media(max-width:800px){.studio-grid{gap:22px}.wardrobe-options{padding:20px}.outfit-finish{gap:30px}}@media(max-width:650px){#welcome[open]{top:50%;padding:18px 22px;gap:14px}#welcome strong{font-size:17px}#welcome .intro-mark{width:44px;height:44px;font-size:26px}.studio-grid{grid-template-columns:1fr;gap:18px}.dressing-stage{height:40vh;min-height:300px}.wardrobe-options{padding:18px}.wardrobe-options legend{font-size:21px}.game-weather{padding:15px;gap:12px;margin:10px 0 18px}.game-weather>small{display:none}.game-weather h3{font-size:18px}.game-weather p{font-size:12px}.inventory-slot{width:44px;height:44px}.outfit-finish{grid-template-columns:1fr;gap:20px;margin:10px auto;text-align:center}.finish-portrait{width:min(78vw,350px);margin:auto}.outfit-finish h1{font-size:34px;margin:10px 0}.outfit-finish p{margin:12px auto;font-size:15px}.outfit-finish .eyebrow{display:block}.finish-checks{font-size:12px;margin:12px}.route-heading h2{font-size:20px}.route-heading{padding:18px 36px 0}.route-heading>button{right:-5px;padding:8px}.route-options{gap:12px;margin:20px auto}.route-options .visual-answer{padding:15px;min-height:155px}.route-options .planet-thumb{width:74px;height:74px}#routeFeedback{font-size:15px}.card-copy{padding:18px}}
body.reduce-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){#welcome[open]{animation:none}.garment{transition:none}}