*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;background:linear-gradient(#fff4fa,#ffe3ef);color:#4b372d}body{min-height:100dvh}.dressup-app{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.dressup-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.dressup-top h1{margin:0;text-align:center;font-size:clamp(24px,6vw,38px)}.nav-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:0;border-radius:14px;background:#ff7ca8;color:#fff;font:inherit;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #d44f7d}.nav-button.full{width:100%;margin-top:10px}.stage-card{display:grid;place-items:center;min-height:42dvh;padding:12px;background:linear-gradient(180deg,#fff,#fff7fb);border:5px solid #ffc0d6;border-radius:28px;box-shadow:0 7px 0 #e792b0}.girl-stage{position:relative;width:min(66vw,360px);aspect-ratio:3/4;opacity:1;transition:opacity .15s ease}.girl-stage.loading{opacity:0}.girl-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.girl-top-back{z-index:0}.girl-base{z-index:1}.girl-bottom{z-index:2}.girl-top{z-index:3}.picker-block{padding:10px 0 4px}.picker-title{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 6px;font-weight:900}.picker-title strong{color:#e84e8b;font-size:18px}.fashion-carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px calc(50% - 74px) 10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.fashion-carousel::-webkit-scrollbar{display:none}.fashion-card{position:relative;flex:0 0 148px;aspect-ratio:1;overflow:hidden;scroll-snap-align:center;border:3px solid #fff;border-radius:20px;background:linear-gradient(135deg,#fff,#fff0f6);box-shadow:0 5px 0 #0002,0 8px 16px #0002;opacity:.62;transform:scale(.9);transition:.18s ease}.fashion-card.selected{opacity:1;transform:scale(1);border-color:#ff93ba;box-shadow:0 0 0 4px #ffe0eb,0 6px 0 #dd7398}.fashion-card img{width:100%;height:100%;object-fit:contain}.fashion-card span{position:absolute;left:8px;right:8px;bottom:7px;padding:5px 7px;border-radius:10px;background:#0008;color:#fff;font-size:12px;font-weight:900;text-align:center}.decide-button{width:100%;padding:15px;border:0;border-radius:20px;background:#62c96f;color:#fff;font:inherit;font-size:24px;font-weight:1000;box-shadow:0 6px 0 #2f9940}.finish-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#fff0f7ee}.finish-overlay.hidden{display:none}.finish-card{width:min(94vw,520px);padding:20px;text-align:center;background:#fff;border:6px solid #ffb2ce;border-radius:30px;box-shadow:0 9px 0 #d8789c}.finish-card h2{margin:4px 0 10px;font-size:clamp(30px,8vw,44px)}.finish-stars{font-size:44px}.finish-stage{display:grid;place-items:center;min-height:46dvh}.finish-card p{font-size:18px;font-weight:900}@media(min-width:700px){.dressup-app{padding-inline:18px}.stage-card{min-height:48dvh}.fashion-card{flex-basis:170px}.fashion-carousel{padding-inline:calc(50% - 85px)}}@media(max-width:420px){.dressup-top{grid-template-columns:1fr auto}.dressup-top h1{grid-column:1/-1;grid-row:1}.dressup-top .nav-button:first-child{grid-column:1}.dressup-top .nav-button:last-child{grid-column:2}.stage-card{min-height:39dvh}.girl-stage{width:min(72vw,320px)}}