:root{color:#47253a;background:#ffe3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--pink: #ff9fc4;--hot-pink: #ff4f95;--soft-pink: #ffd6e7;--cream: #fff8df;--lavender: #bca7ff;--mint: #9bf6c4;--blue: #8be4ff;--peach: #ffc49b;--ink: #47253a;--shadow: 0 22px 60px rgba(197, 72, 125, .24)}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,video{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.app-shell{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 14% 14%,rgba(255,255,255,.95) 0 8%,transparent 18%),radial-gradient(circle at 86% 18%,rgba(155,246,196,.72) 0 8%,transparent 18%),radial-gradient(circle at 18% 88%,rgba(188,167,255,.74) 0 10%,transparent 21%),linear-gradient(145deg,#ffe3ef,#fff4cf 46%,#d8f8ff)}.app-shell:before,.app-shell:after{position:absolute;z-index:0;width:250px;height:250px;border-radius:50%;content:"";filter:blur(2px);opacity:.42}.app-shell:before{top:-88px;left:-96px;background:repeating-conic-gradient(from 20deg,#ffafd0 0,#ffafd0 11deg,#fff8df 11deg,#fff8df 22deg)}.app-shell:after{right:-96px;bottom:-108px;background:repeating-conic-gradient(from 9deg,#95edff 0,#95edff 10deg,#ffc49b 10deg,#ffc49b 20deg)}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.ambient span{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;animation:float-speckle 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.35s)}.ambient span:before,.ambient span:after{position:absolute;width:10px;height:10px;border-radius:10px 10px 0;background:#ff4f9559;content:"";transform:rotate(45deg)}.ambient span:after{width:5px;height:5px;translate:18px -10px;background:#7ad1ff7a}.panel,.game-panel,.video-panel{position:relative;z-index:2;width:min(100%,430px)}.panel{display:grid;min-height:min(720px,calc(100vh - 36px));min-height:min(720px,calc(100svh - 36px));align-content:center;justify-items:center;padding:30px 22px;overflow:hidden;border:2px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(180deg,#ffffffad,#ffffff61),#ffdfed9e;box-shadow:var(--shadow);text-align:center}.intro-panel:before,.unlock-panel:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:2px dashed rgba(255,79,149,.24);border-radius:22px;content:"";pointer-events:none}.intro-stickers{position:relative;width:min(86vw,336px);height:232px;margin-bottom:18px}.intro-face{position:absolute;width:116px;height:116px;border-radius:999px;object-fit:cover;filter:drop-shadow(0 14px 18px rgba(137,55,92,.22));animation:intro-bounce 4.8s ease-in-out infinite}.face-1{left:15px;top:64px;rotate:-13deg}.face-2{left:106px;top:8px;width:140px;height:140px;animation-delay:-1s}.face-3{right:10px;top:80px;rotate:14deg;animation-delay:-1.8s}.face-4{left:118px;bottom:0;width:98px;height:98px;animation-delay:-2.5s}.eyebrow{margin:0 0 10px;color:#b02666;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);letter-spacing:0}h1{max-width:8ch;font-size:clamp(3.2rem,18vw,5.6rem);line-height:.86}h2{font-size:clamp(2rem,10vw,3.2rem);line-height:.94}.intro-copy{max-width:29ch;margin:18px 0 0;color:#47253ac2;font-size:1.05rem;font-weight:700;line-height:1.45}.primary-button,.ghost-button,.music-button{display:inline-grid;min-height:52px;place-items:center;border:0;cursor:pointer}.primary-button{min-width:160px;margin-top:28px;padding:0 24px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ff4f95,#b36cff 54%,#39cdeb),#ff4f95;box-shadow:0 12px 28px #ff4f9552;font-size:1rem;font-weight:900}.primary-button span{transform:translateY(-1px)}.primary-button:active,.ghost-button:active{transform:scale(.96)}.bubble:active{scale:.96}.game-panel,.video-panel{display:grid;height:min(760px,calc(100vh - 28px));height:min(760px,calc(100svh - 28px));grid-template-rows:auto auto 1fr;gap:14px}.game-header,.video-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:82px;padding:16px 18px;border:2px solid rgba(255,255,255,.76);border-radius:24px;background:#fff8dfb8;box-shadow:0 14px 34px #c5487d24}.game-header h2,.video-header h2{font-size:2rem}.ghost-button{width:52px;height:52px;border:2px solid rgba(255,255,255,.74);border-radius:18px;color:#9b2f67;background:#ffffff9e;box-shadow:0 8px 20px #a54f7b24;font-size:1.45rem;font-weight:900}.header-actions{display:flex;flex:0 0 auto;gap:8px}.music-button{width:52px;height:52px;border:2px solid rgba(255,255,255,.74);border-radius:18px;color:#9b2f67;background:#ffffff8a;box-shadow:0 8px 20px #a54f7b24;font-size:1.35rem;font-weight:900;opacity:.62}.music-button.active{color:#fff;background:linear-gradient(135deg,#ff4f95,#7bdff2);box-shadow:0 10px 24px #ff4f9547;opacity:1}.intro-music-button{margin-top:18px}.unlock-music-button{margin-top:20px}.meter{height:18px;padding:4px;overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff7a;box-shadow:inset 0 0 0 1px #ff4f9514}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff70a6,#ffc49b 44%,#7bdff2);box-shadow:0 0 18px #ff4f9552;transition:width .34s cubic-bezier(.2,.9,.2,1)}.playfield{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.78);border-radius:28px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.94) 0 5%,transparent 13%),radial-gradient(circle at 76% 70%,rgba(155,246,196,.44) 0 10%,transparent 23%),linear-gradient(180deg,#ffffff6b,#ffd6e785);box-shadow:var(--shadow);touch-action:manipulation}.playfield:before{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:24px;background-image:radial-gradient(circle,rgba(255,79,149,.18) 0 2px,transparent 2px),radial-gradient(circle,rgba(122,209,255,.18) 0 2px,transparent 2px);background-position:0 0,16px 20px;background-size:36px 40px;content:"";opacity:.6}.bubble{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--tilt));animation:bubble-sway var(--sway) ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 14px 18px rgba(89,47,76,.2));will-change:transform}.bubble:before{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.92);border-radius:inherit;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.98) 0 11%,transparent 18%),radial-gradient(circle at 76% 80%,rgba(255,255,255,.34),transparent 30%),linear-gradient(145deg,#ffffffb8,#8be4ff80);content:"";box-shadow:inset -10px -14px 22px #7ad1ff33,inset 9px 10px 18px #ffffff80}.bubble-pink:before{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.98) 0 11%,transparent 18%),radial-gradient(circle at 76% 80%,rgba(255,255,255,.34),transparent 30%),linear-gradient(145deg,#ffffffbd,#ff9fc48a)}.bubble-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.62),transparent 66%);opacity:.52}.bubble img{position:absolute;top:15%;right:15%;bottom:15%;left:15%;width:70%;height:70%;border-radius:50%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.sad-face{opacity:1;transition:opacity .16s ease,transform .26s ease}.happy-face{opacity:0;transform:scale(.5) rotate(-18deg);transition:opacity .17s ease,transform .36s cubic-bezier(.19,1,.22,1)}.crack{position:absolute;left:50%;top:50%;width:2px;height:46%;border-radius:999px;background:#ffffffd9;opacity:0;transform-origin:top center}.crack-one{rotate:-31deg}.crack-two{rotate:39deg}.bubble.popped{pointer-events:none;animation:bubble-pop .92s ease forwards}.bubble.popped:before{animation:shell-pop .92s ease forwards}.bubble.popped .sad-face{opacity:0;transform:scale(.42) rotate(24deg)}.bubble.popped .happy-face{opacity:1;transform:scale(1.34) rotate(8deg)}.bubble.popped .crack{opacity:1;animation:crack-spark .36s ease forwards}.smile-burst{position:absolute;left:var(--x);top:var(--y);width:76px;height:76px;pointer-events:none;transform:translate(-50%,-50%)}.smile-burst img{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:60px;height:60px;border-radius:50%;object-fit:cover;animation:fly-smile 1.45s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 10px 14px rgba(137,55,92,.22))}.smile-burst span{position:absolute;left:34px;top:34px;width:9px;height:9px;border-radius:50%;background:hsl(calc(var(--p) * 46deg),92%,70%);animation:particle-pop .72s ease-out forwards;transform:rotate(calc(var(--p) * 61deg)) translate(0)}.unlock-panel{min-height:min(720px,calc(100vh - 36px));min-height:min(720px,calc(100svh - 36px))}.unlock-face{width:min(46vw,176px);height:min(46vw,176px);margin-bottom:24px;border-radius:50%;object-fit:cover;animation:unlock-face 1.3s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(137,55,92,.24))}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-24px;width:10px;height:18px;border-radius:4px;opacity:.86;animation:confetti-fall linear infinite}.video-panel{grid-template-rows:auto 1fr}.video-stack{display:grid;align-content:center;gap:14px;min-height:0}.video-card{overflow:hidden;border:2px solid rgba(255,255,255,.78);border-radius:28px;background:#fff8dfad;box-shadow:var(--shadow)}.video-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#47253ac7;font-size:.88rem;font-weight:900}.video-card-header p{min-width:0;margin:0}.video-card-header span{flex:0 0 auto;color:#b02666}.video-card video{display:block;width:100%;max-height:calc(100vh - 228px);max-height:calc(100svh - 228px);aspect-ratio:9 / 16;background:#241827;object-fit:contain}.video-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.nav-button{min-height:44px;border:2px solid rgba(255,255,255,.76);border-radius:16px;color:#8f2b60;background:#fff8dfb8;box-shadow:0 10px 20px #c5487d24;font-size:.88rem;font-weight:900}.nav-button:disabled{cursor:not-allowed;opacity:.45}.nav-button:not(:disabled):active{transform:scale(.96)}.video-dots{display:flex;align-items:center;justify-content:center;gap:8px;min-width:58px}.video-dots button{width:11px;height:11px;padding:0;border:0;border-radius:999px;background:#ff4f9552;box-shadow:inset 0 0 0 1px #ffffffb3}.video-dots button.active{width:26px;background:linear-gradient(90deg,#ff4f95,#7bdff2)}@keyframes intro-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}@keyframes float-speckle{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(18px,-24px,0) rotate(18deg)}}@keyframes bubble-sway{0%,to{translate:0 0}50%{translate:7px -12px}}@keyframes bubble-pop{0%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1)}48%{transform:translate(-50%,-50%) rotate(0) scale(1.12)}72%{transform:translate(-50%,-50%) rotate(0) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) rotate(0) scale(.72);opacity:0}}@keyframes shell-pop{to{border-color:#fff0;background:#fff0;box-shadow:none}}@keyframes crack-spark{to{height:62%;opacity:0;transform:translateY(-20px)}}@keyframes fly-smile{0%{transform:translateZ(0) scale(.76) rotate(-8deg);opacity:0}26%{transform:translate3d(-6vw,-12vh,0) scale(.98) rotate(4deg);opacity:1}72%{transform:translate3d(-18vw,-28vh,0) scale(.86) rotate(12deg);opacity:1}to{transform:translate3d(-28vw,-42vh,0) scale(.48) rotate(16deg);opacity:0}}@keyframes particle-pop{to{opacity:0;transform:rotate(calc(var(--p) * 61deg)) translate(48px) scale(.1)}}@keyframes unlock-face{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes confetti-fall{0%{translate:0 -20px}to{translate:24px 106vh;rotate:540deg}}@media(min-width:760px){.app-shell{padding:28px}.panel,.game-panel,.video-panel{width:430px}}@media(max-width:370px){.panel{padding-inline:16px;border-radius:22px}.intro-stickers{height:206px}.intro-face{width:102px;height:102px}.face-2{width:124px;height:124px}.game-header,.video-header{min-height:76px;padding:12px 14px;border-radius:20px}.ghost-button,.music-button{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}