:root{--sky: #bfe6ff}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:-apple-system,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#status{position:fixed;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));padding:6px 10px;border-radius:10px;background:#ffffffbf;color:#35424f;font-size:13px;line-height:1.3;max-width:70vw;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s}#status.hidden{opacity:0;pointer-events:none}#gui-toggle{position:fixed;right:calc(12px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:40px;height:40px;border:none;border-radius:12px;background:#fffc;color:#35424f;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lil-gui.root{position:fixed;right:calc(12px + env(safe-area-inset-right));top:calc(58px + env(safe-area-inset-top));--width: 270px;--widget-height: 26px;--font-size: 12px;max-height:calc(100vh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;border-radius:12px}.lil-gui.root.hidden{display:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s}#ui>.screen.hidden{opacity:0;pointer-events:none}#start{background:radial-gradient(120% 90% at 50% 40%,#ffd6e8,#c9b6ff 60%,#a390ff);cursor:pointer}.start-box{text-align:center;color:#4a3a6b;padding-bottom:env(safe-area-inset-bottom)}.start-spark{font-size:64px;color:#fff;text-shadow:0 0 24px #fff,0 0 60px #ffd6e8;animation:spark-pulse 1.8s ease-in-out infinite}.start-title{margin-top:8px;font-size:22px;font-weight:600;letter-spacing:.02em}.start-sub{margin-top:6px;font-size:14px;opacity:.75}@keyframes spark-pulse{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.25) rotate(20deg);opacity:1}}#lips{position:fixed;left:50%;top:42%;width:160px;height:96px;margin:-48px 0 0 -80px;opacity:0;pointer-events:none;transform:scale(0) rotate(-25deg)}#lips svg{width:100%;height:100%;filter:drop-shadow(0 4px 14px rgba(224,69,123,.55))}#lips path{fill:#e8497f}#lips.pop{animation:lips-pop .9s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes lips-pop{0%{opacity:0;transform:scale(0) rotate(-25deg)}18%{opacity:1;transform:scale(1.25) rotate(-8deg)}35%{transform:scale(1) rotate(-12deg)}70%{opacity:1;transform:scale(1.05) rotate(-12deg) translateY(-6px)}to{opacity:0;transform:scale(1.3) rotate(-12deg) translateY(-30px)}}