/* Milo game V0.3 — Life Stages 1–3 */
.stage-chapter-card{margin:10px 1px 4px;padding:13px 14px;border-radius:20px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;box-shadow:var(--soft);border:1px solid rgba(70,50,50,.05)}
.stage-chapter-card small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.3px}.stage-chapter-card b{display:block;font-size:15px;margin-top:2px}.stage-chapter-card p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.35}.stage-goal-chip{min-width:58px;border-radius:15px;background:rgba(255,255,255,.72);padding:8px 7px;text-align:center;font-weight:900;font-size:14px}.stage-goal-chip span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.stage-card-lv1{background:linear-gradient(135deg,#fff7ed,#fff0ee)}.stage-card-lv2{background:linear-gradient(135deg,#eff9f3,#f6fbef)}.stage-card-lv3{background:linear-gradient(135deg,#edf5ff,#f6f0ff)}
.cat-stage.stage-lv1{background:radial-gradient(circle at 50% 67%,rgba(255,248,239,.96),rgba(255,255,255,0) 61%)}.cat-stage.stage-lv2{background:radial-gradient(circle at 50% 67%,rgba(237,250,241,.96),rgba(255,255,255,0) 62%)}.cat-stage.stage-lv3{background:radial-gradient(circle at 50% 67%,rgba(237,245,255,.96),rgba(255,255,255,0) 62%)}
.stage-lv1 .cat-wrap{width:min(68vw,300px)}.stage-lv2 .cat-wrap{width:min(73vw,320px)}.stage-lv3 .cat-wrap{width:min(78vw,340px)}
.stage-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.stage-decor span{position:absolute;user-select:none}.stage-lv1 .d-cloud{font-size:35px;opacity:.38;filter:grayscale(.2)}.stage-lv1 .c1{left:8%;top:16%}.stage-lv1 .c2{right:7%;top:24%;font-size:26px}.stage-lv1 .d-toy{left:13%;bottom:20%;font-size:23px;opacity:.48}
.stage-lv2 .d-ball{right:9%;bottom:19%;font-size:34px;color:#e9918f;text-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.stage-lv2 .d-block{bottom:18%;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;box-shadow:var(--soft)}.stage-lv2 .b1{left:8%;background:#7fb6a0;transform:rotate(-7deg)}.stage-lv2 .b2{left:16%;bottom:15%;background:#e8b466;transform:rotate(9deg)}
.stage-lv3 .d-book{left:7%;bottom:18%;font-size:42px;color:#7aa3ca;transform:rotate(-8deg);opacity:.72}.stage-lv3 .d-pencil{right:10%;bottom:19%;font-size:36px;color:#d49c63;transform:rotate(-18deg);opacity:.72}.stage-lv3 .d-star{right:15%;top:17%;font-size:20px;color:#edc65b;opacity:.55}
.stage-accessory{pointer-events:none}.stage-baby{filter:drop-shadow(0 2px 2px rgba(100,70,50,.08))}.stage-school{filter:drop-shadow(0 3px 3px rgba(80,90,120,.12))}
.stage-missions{margin-bottom:14px;background:linear-gradient(135deg,#fff8f2,#f7fbff)}.stage-missions-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stage-missions-head small{display:block;color:var(--rose-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.stage-missions-head b{display:block;font-size:14px;margin-top:2px}.stage-missions-head strong{font-size:18px;color:#5d7a68}.stage-goal-list{display:grid;gap:7px}.stage-goal{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:9px 10px;border:1px solid rgba(70,50,50,.05)}.stage-goal>span{font-size:19px}.stage-goal b{display:block;font-size:11px}.stage-goal small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.stage-goal em{font-style:normal;font-weight:900;color:#baaaa2}.stage-goal.done{opacity:.62}.stage-goal.done em{color:#5e9679}
.cat-wrap.explore{animation:v03Explore .95s ease}.cat-wrap.study{animation:v03Study 1s ease}.fx-explore .fx-step{position:absolute;font-size:23px;opacity:0;animation:v03Step 1.15s ease both}.fx-explore .st1{left:18%;bottom:20%}.fx-explore .st2{left:39%;bottom:27%;animation-delay:.14s}.fx-explore .st3{left:63%;bottom:19%;animation-delay:.28s}.fx-explore .fx-look{position:absolute;right:23%;top:21%;font-size:24px;animation:fxSpark 1s ease both}.fx-study .fx-study-book{position:absolute;left:40%;bottom:13%;font-size:46px;animation:v03Book 1.15s ease both}.fx-study .fx-study-pencil{position:absolute;right:26%;top:31%;font-size:29px;animation:v03Pencil 1.05s ease both}.fx-study .fx-study-star{position:absolute;font-size:19px;animation:fxSpark .95s ease both}.fx-study .s1{left:27%;top:22%}.fx-study .s2{right:28%;top:18%;animation-delay:.16s}
@keyframes v03Explore{0%,100%{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-4px) rotate(-1deg)}55%{transform:translateX(12px) translateY(-6px) rotate(1deg)}78%{transform:translateX(4px) translateY(-2px)}}@keyframes v03Study{0%,100%{transform:translateY(0)}35%{transform:translateY(3px) rotate(-.5deg)}70%{transform:translateY(1px) rotate(.5deg)}}@keyframes v03Step{0%{opacity:0;transform:scale(.55) translateY(8px)}28%,68%{opacity:.85;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.8) translateY(-12px)}}@keyframes v03Book{0%{opacity:0;transform:translateY(15px) scale(.7)}25%,76%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-6px) scale(.9)}}@keyframes v03Pencil{0%{opacity:0;transform:translate(15px,-8px) rotate(12deg)}24%,76%{opacity:1}55%{transform:translate(-12px,12px) rotate(-8deg)}100%{opacity:0;transform:translate(-20px,18px) rotate(-15deg)}}
@media(max-width:410px){.stage-chapter-card{padding:11px 12px}.stage-chapter-card p{display:none}.stage-goal-chip{min-width:54px}.stage-lv1 .cat-wrap{width:min(72vw,290px)}.stage-lv2 .cat-wrap{width:min(76vw,310px)}.stage-lv3 .cat-wrap{width:min(80vw,330px)}}
