.surprises{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.play-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.play-controls button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:44px}.play-controls svg{width:18px;height:18px;flex-shrink:0}.quiet-copy{font-size:13px;color:var(--muted);line-height:1.6}.surprise-road{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.surprise-stop{min-width:0;min-height:140px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px}.surprise-stop>svg{width:24px;height:24px;color:#259b72}.surprise-stop strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.surprise-stop small,.surprise-number{font-size:11px;color:var(--muted)}.surprise-stop.latest{border-color:#79b9a0;background:#f0faf5}.surprise-stop.sealed{background:#f6f8f7;color:#91a19a}.surprise-stop.sealed>svg{color:#9baaa3}.surprise-stop .text-button{font-size:11px;gap:3px;min-height:28px;margin-top:auto}.surprise-stop .text-button svg{width:12px;height:12px}
.living-stage .scene-toy{position:absolute;left:32%;top:62%;width:12%;height:15%;padding:0;background:transparent;z-index:3}.living-stage .scene-toy img{width:100%;height:100%;object-fit:contain}.scene-toy span{position:absolute;bottom:0;right:0;display:grid;place-items:center;background:#fff;width:22px;height:22px;border-radius:50%;color:#25845d;box-shadow:0 1px 4px #183b3726}.scene-toy svg{width:12px;height:12px}.scene-toy.playing img{animation:toy-turn 1.5s ease}.pet-touch[data-motion=roll] .pet-body,.pet-touch[data-motion=play-roll] .pet-body{animation:pet-roll 1.6s ease!important}.pet-touch[data-motion=float] .pet-body,.pet-touch[data-motion=play-float] .pet-body{animation:pet-float 1.6s ease!important}.pet-touch[data-motion=hop] .pet-body,.pet-touch[data-motion=play-hop] .pet-body{animation:pet-hop 1.6s ease!important}.pet-touch[data-motion=soar] .pet-body,.pet-touch[data-motion=play-soar] .pet-body{animation:pet-soar 1.6s ease!important}.play-effect{position:absolute;left:65%;top:34%;z-index:3;color:#c99728;animation:play-spark 1.8s ease forwards;pointer-events:none}.play-effect svg{width:30px;height:30px}.effect-leaf{color:#db7d91}.effect-cloud{color:#77abc7}.effect-crystal{color:#39afb0}.story-pet{width:100%;height:130px;object-fit:contain;margin:14px 0}.pet-story{font-size:15px;line-height:1.9;color:#476458}.badge-choice{background:transparent;color:#345a46;padding:10px 4px;border:1px solid var(--line);border-radius:8px}.badge-choice[aria-pressed=true]{background:#eef8f2;border-color:#2c9f76}.badge-choice .choice-status{color:#2a936a}.badge-save{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.badge-save svg{width:18px}.upgrade-surprise{padding:14px;border-left:3px solid #3ba17b;background:#f1f9f5;margin:16px 0}.upgrade-surprise strong{display:block;color:#2c7558;font-size:16px}.upgrade-surprise p{font-size:13px;line-height:1.6;margin-top:8px}.upgrade-surprise .text-button{font-size:13px;margin-top:10px}
@keyframes pet-roll{25%{transform:translateX(-12%) rotate(-20deg)}60%{transform:translateX(12%) rotate(20deg)}85%{transform:translateX(-4%) rotate(-6deg)}}@keyframes pet-float{30%{transform:translateY(-24px) rotate(-4deg)}65%{transform:translateY(-18px) rotate(5deg)}}@keyframes pet-hop{20%,60%{transform:translateY(-30px)}40%,80%{transform:translateY(3px) scale(1.05,.96)}}@keyframes pet-soar{35%{transform:translateY(-20px) rotate(-9deg)}65%{transform:translateY(-28px) rotate(9deg)}}@keyframes toy-turn{30%{transform:rotate(-18deg) scale(1.1)}65%{transform:rotate(25deg) scale(1.08)}}@keyframes play-spark{0%{opacity:0;transform:translateY(10px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.2)}}
.pet-touch[data-motion=toy] .pet-body{animation:pet-pat .65s ease 2!important}.habitat-banner{position:absolute;left:5%;top:48%;width:23%;display:flex;justify-content:space-around;border-top:2px solid #ecd796;z-index:2;transform:rotate(-5deg);pointer-events:none}.habitat-banner span{display:block;width:18px;height:25px;clip-path:polygon(0 0,100% 0,50% 100%);background:#e29bb4}.habitat-banner span:nth-child(2){background:#e9bf64}.habitat-banner span:nth-child(3){background:#79bebc}.habitat-banner span:nth-child(4){background:#82b77f}.festival-emblem{position:absolute;left:28px;top:123px;display:flex;align-items:center;gap:7px;color:#a98027;background:#fff9e7df;border-radius:6px;padding:5px 8px;z-index:3}.festival-emblem svg{width:16px;height:16px}
@media(max-width:799px){.habitat-banner{left:5%;top:53%;width:28%}.habitat-banner span{width:12px;height:17px}.festival-emblem{left:20px;top:112px}}
@media(max-width:799px){.surprise-road{grid-template-columns:repeat(2,minmax(0,1fr))}.surprise-stop{min-height:130px}.play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.play-controls .quiet-copy{grid-column:1/-1}.play-controls button{padding:10px 6px;font-size:12px;overflow-wrap:anywhere}.living-stage .scene-toy{left:27%;top:61%;width:17%;height:14%}.badge-choice{padding:10px 2px}.badge-choice strong{font-size:12px}.badge-choice small{font-size:10px}.pet-story{font-size:14px}.surprise-road strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pet-touch .pet-body,.scene-toy.playing img,.play-effect{animation:none!important}.play-effect{display:none}}
.current-gift{display:flex;gap:12px;align-items:center;background:#f0f8f4;padding:16px 12px;border-radius:8px;margin-bottom:12px}.current-gift>div{flex:1;min-width:0}.gift-icon{color:#309270;flex-shrink:0}.gift-icon svg{width:26px;height:26px}.current-gift h3{font-size:15px;margin:5px 0;overflow-wrap:anywhere}.current-gift small{color:#6f8b7d;font-size:11px}.current-gift p{font-size:12px;color:#648472;line-height:1.6}.current-gift button{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center}.gift-history summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0;cursor:pointer;min-height:44px;color:#3d6454;font-size:14px}.gift-history summary::-webkit-details-marker{display:none}.gift-history summary>span{flex:1}.gift-history summary small{font-size:11px;color:#7d9386}.gift-history summary svg{width:17px;height:17px}.gift-history[open] summary svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.living-stage .pet-touch img.pet-body,.mini-habitat img.pet-body{animation:none!important}}