:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}.scene{position:relative;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#fff6d8 0%,#ffe9b8 22%,transparent 55%),radial-gradient(90% 70% at 80% 110%,#8fd99a 0%,transparent 60%),linear-gradient(180deg,#cdeeff,#a9e0ff 38%,#b7ecc0)}.scene:before,.scene:after{content:"";position:absolute;border-radius:50%;filter:blur(6px);opacity:.5;pointer-events:none}.scene:before{width:220px;height:220px;top:8%;left:10%;background:radial-gradient(circle,#ffffff 0%,transparent 70%)}.scene:after{width:320px;height:320px;bottom:4%;right:6%;background:radial-gradient(circle,#ffffffcc 0%,transparent 70%)}.hud{position:absolute;top:clamp(16px,4vh,40px);left:50%;transform:translate(-50%);text-align:center;color:#0f3d4a;z-index:3;pointer-events:none}.hud h1{margin:0;font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:-.02em;text-shadow:0 2px 0 #ffffffaa}.hud p{margin:.35rem 0 0;font-size:clamp(.85rem,2vw,1.05rem);opacity:.8}.cat-wrap{position:absolute;bottom:clamp(8px,6vh,60px);left:50%;transform:translate(-50%);width:min(78vmin,560px);height:min(78vmin,560px);z-index:1}.cat-stage{width:100%;height:100%}.dragonfly{position:absolute;top:0;left:0;z-index:2;pointer-events:auto;touch-action:none;cursor:grab;transform:translate(var(--x, 50vw),var(--y, 40vh)) translate(-50%,-50%);will-change:transform}.dragonfly.is-grabbing{cursor:grabbing}.dragonfly__body{transform:rotate(calc(var(--rot, 0deg) + var(--facing-offset, 0deg)));filter:drop-shadow(0 8px 8px rgba(20,60,80,.22))}.dragonfly__rive{width:clamp(110px,16vmin,180px);height:clamp(110px,16vmin,180px);transition:transform .15s ease}.dragonfly.is-grabbing .dragonfly__rive{transform:scale(1.12)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;color:#0f3d4a;background:radial-gradient(120% 80% at 50% -10%,#fff6d8 0%,#ffe9b8 22%,transparent 55%),linear-gradient(180deg,#cdeeff,#a9e0ff 40%,#b7ecc0);opacity:1;transition:opacity .45s ease}.loading.is-exiting{opacity:0;pointer-events:none}.loading__inner{width:min(82vw,360px);text-align:center}.loading__title{font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.loading__bar{height:12px;border-radius:999px;background:#fff6;overflow:hidden;box-shadow:inset 0 1px 2px #0f3d4a2e}.loading__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#36c6a8,#2aa7e0);transition:width .12s linear}.scare-reveal,.scare-black{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.scare-reveal{background:#000;overflow:hidden}.scare-burst{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--burst-x, 50%) var(--burst-y, 50%);animation:scare-lunge .3s cubic-bezier(.2,.9,.25,1) forwards}.scare-rattle{position:absolute;top:0;right:0;bottom:0;left:0;animation:scare-shake .4s linear infinite}.scare-face__bg{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-size:cover;background-position:center;filter:blur(32px) brightness(.5)}.scare-face__svg,.scare-face__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-aspect-ratio: 13 / 20){.scare-face__img{object-fit:contain}}@keyframes scare-lunge{0%{transform:scale(.06)}to{transform:scale(1.1)}}@keyframes scare-shake{0%,to{transform:translate(0)}20%{transform:translate(-14px,9px)}40%{transform:translate(12px,-11px)}60%{transform:translate(-9px,-7px)}80%{transform:translate(9px,12px)}}.scare-black{background:#000}