@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Fredoka:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #d4f5d4;--text: #333}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Fredoka,sans-serif}.playground-root{width:100%;height:100dvh;position:relative;background:var(--bg);overflow:hidden;transition:filter .6s ease;touch-action:none;user-select:none;-webkit-user-select:none}.playground-root.inverted{filter:invert(1) hue-rotate(180deg)}.playground-svg{width:100%;height:100%;display:block}.playground-title{font-family:Bubblegum Sans,cursive;font-size:28px;fill:#5d4037;letter-spacing:1px;text-shadow:1px 1px 0 rgba(255,255,255,.5);paint-order:stroke;stroke:#fff9;stroke-width:2px}.petal-group{transition:transform .08s ease}.petal-path{transition:fill .06s ease,stroke .06s ease}.petal-group:hover .petal-path{filter:brightness(.97)}.petal-pressed{transform:scale(.96);transform-origin:center}.petal-label-note{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;pointer-events:none}.petal-label-num{font-family:Fredoka,sans-serif;font-size:12px;pointer-events:none}.center-btn{transition:fill .2s ease}.center-btn-group:hover .center-btn{filter:brightness(1.1)}.center-active{animation:pulseRed 1.5s infinite}@keyframes pulseRed{0%,to{opacity:1}50%{opacity:.7}}.center-text{font-family:Fredoka,sans-serif;font-size:10px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.glow-ring{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{r:38;opacity:.3}50%{r:44;opacity:.6}}.sun-group:hover .sun-body{filter:brightness(1.15)}.sun-ray{animation:rayPulse 3s ease-in-out infinite;transform-origin:850px 80px}.sun-ray:nth-child(2n){animation-delay:.3s}@keyframes rayPulse{0%,to{opacity:.4}50%{opacity:.8}}.cloud-drift{animation:cloudMove 40s ease-in-out infinite alternate}.cloud-drift-slow{animation:cloudMove 55s ease-in-out infinite alternate}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(40px)}}.truck-hood:hover{filter:brightness(1.1)}.truck-driver:hover{filter:brightness(1.2)}.butterfly-float{animation:bfloat 6s ease-in-out infinite}@keyframes bfloat{0%,to{transform:translate(800px,300px)}25%{transform:translate(790px,285px)}50%{transform:translate(810px,295px)}75%{transform:translate(795px,310px)}}.butterfly-wing-l{animation:wingFlap .3s ease-in-out infinite alternate;transform-origin:0 0}.butterfly-wing-r{animation:wingFlap .3s ease-in-out infinite alternate-reverse;transform-origin:0 0}@keyframes wingFlap{0%{transform:scaleX(1)}to{transform:scaleX(.4)}}.sequence-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 14px;background:#0006;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.seq-dot{width:12px;height:12px;border-radius:50%;animation:dotPop .15s ease-out}@keyframes dotPop{0%{transform:scale(0)}to{transform:scale(1)}}.notice-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-family:Fredoka,sans-serif;z-index:100;animation:toastIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.portal-splash{position:fixed;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}.portal-splash p{color:#fff;font-family:Bubblegum Sans,cursive;font-size:22px;margin-top:20px}.portal-ring{width:80px;height:80px;border:4px solid transparent;border-top-color:#ffd54f;border-right-color:#48bb78;border-radius:50%;animation:portalSpin .6s linear infinite}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-overlay{position:fixed;inset:0;background:#87ceebeb;display:flex;align-items:center;justify-content:center;z-index:300;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.start-content{text-align:center;animation:gentleBounce 2s ease-in-out infinite}.start-flower{font-size:64px;margin-bottom:16px}.start-content h2{font-family:Bubblegum Sans,cursive;font-size:32px;color:#5d4037;margin-bottom:8px}.start-content p{font-family:Fredoka,sans-serif;font-size:14px;color:#795548;opacity:.8}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.playground-title{font-size:18px}.petal-label-note{font-size:13px}.petal-label-num{font-size:10px}.center-text{font-size:8px}.start-content h2{font-size:24px}}@media(max-width:480px){.playground-title{font-size:14px}.start-content h2{font-size:20px}.start-flower{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}