@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Baloo+2:wght@600;700;800&display=swap";:root{--pink: #ff5d8f;--sun: #ffd166;--mint: #06d6a0;--sky: #4cc9f0;--grape: #c77dff;--ink: #2b2350;--cream: #fff6e8}*{box-sizing:border-box}html,body{margin:0;font-family:Fredoka,"Baloo 2",Segoe UI,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:#eaf7ff}#stage{position:relative;height:100vh;overflow:hidden}#game{position:absolute;inset:0;cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20fill%3D%22%23fff6e8%22%20stroke%3D%22%232b2350%22%20stroke-width%3D%221.6%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2214%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2214%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M14%2013c-5%200-8%203-8%207%200%202.5%203.4%203%208%203s8-.5%208-3c0-4-3-7-8-7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 14 14,auto}#game canvas{display:block}.menu{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#ffd1668c,#ffd16600 55%),radial-gradient(120% 110% at 50% 110%,#ff5d8f66,#ff5d8f00 55%),linear-gradient(180deg,#9be6ff,#c8f3ff 45%,#eafff7);transition:opacity .5s ease,transform .5s ease;padding:24px}.menu.hidden{opacity:0;pointer-events:none;transform:scale(1.06)}.menu-title{font-family:"Baloo 2",Fredoka,sans-serif;font-weight:800;font-size:clamp(44px,9vw,96px);line-height:.95;color:var(--ink);text-shadow:0 3px 0 #ffffff,0 6px 0 rgba(43,35,80,.15);letter-spacing:1px;margin:0;animation:bounce-in .8s cubic-bezier(.2,1.6,.4,1) both}.menu-title .emoji{display:inline-block;animation:wiggle 2.4s ease-in-out infinite}.menu-sub{font-size:clamp(15px,2.4vw,22px);font-weight:500;color:#4a3f78;margin:0;max-width:640px;text-shadow:0 2px 0 rgba(255,255,255,.6)}.start-btn{margin-top:12px;font-family:"Baloo 2",Fredoka,sans-serif;font-weight:800;font-size:clamp(22px,3.4vw,34px);color:#fff;background:linear-gradient(180deg,#ff7dab,#ff4f86);border:none;border-radius:999px;padding:16px 54px;box-shadow:0 8px #c93a66,0 18px 30px #ff4f8666;cursor:pointer;letter-spacing:1px;transition:transform .12s ease,box-shadow .12s ease;animation:pop-in .7s .25s cubic-bezier(.2,1.6,.4,1) both}.start-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 11px #c93a66,0 24px 36px #ff4f8673}.start-btn:active{transform:translateY(4px);box-shadow:0 3px #c93a66}.menu-paws{position:absolute;inset:0;overflow:hidden;pointer-events:none}.menu-paws span{position:absolute;font-size:34px;opacity:.35;animation:drift linear infinite}.menu-hint{font-size:14px;font-weight:600;color:#5a4f8a;opacity:.85}.hud{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 20px;z-index:10;pointer-events:none}.pill{background:#fff6e8eb;border:3px solid var(--ink);border-radius:999px;padding:8px 20px;font-family:"Baloo 2",Fredoka,sans-serif;font-weight:800;font-size:clamp(18px,3vw,26px);box-shadow:0 6px #2b23502e;display:flex;align-items:center;gap:8px}.pill .label{font-weight:600;font-size:.7em;color:#7a6fa8}.pill .value{color:var(--ink)}.combo-pill{background:linear-gradient(180deg,#fff,#ffe9a8);border-color:#e8a200;color:#a05600;display:none;animation:pop-in .3s ease both}.combo-pill.show{display:flex}.combo-pill .value{color:#ff7b00;font-size:1.15em}.hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;background:#2b2350d1;color:#fff;font-weight:600;font-size:14px;padding:10px 22px;border-radius:999px;box-shadow:0 6px 20px #00000040;white-space:nowrap;pointer-events:none;transition:opacity .5s ease}.hint.faded{opacity:0}.fx-text{position:fixed;z-index:25;pointer-events:none;font-family:"Baloo 2",Fredoka,sans-serif;font-weight:800;font-size:26px;color:#fff;text-shadow:0 0 6px rgba(255,93,143,.7),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink);animation:float-up .9s ease-out both;white-space:nowrap}.fx-text.fx-meow-hot{color:#ffe066;font-size:34px;text-shadow:0 0 12px rgba(255,209,102,.9),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink)}.fx-text.fx-combo{color:#7cffcb;font-size:40px}.fx-text.fx-bonus{color:#ffd166;font-size:34px}.fx-confetti{position:fixed;top:-20px;z-index:28;border-radius:3px;animation:confetti-fall linear forwards}@keyframes bounce-in{0%{transform:scale(.4) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes drift{0%{transform:translateY(110vh) rotate(-20deg)}to{transform:translateY(-20vh) rotate(20deg)}}@keyframes float-up{0%{transform:translateY(0) scale(.7);opacity:0}15%{transform:translateY(-8px) scale(1.1);opacity:1}70%{opacity:1}to{transform:translateY(-95px) scale(1);opacity:0}}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift, 60px),108vh) rotate(540deg);opacity:.6}}@media(prefers-reduced-motion:reduce){.fx-confetti,.menu-paws span{animation:none}}.seo-content{position:relative;z-index:5;max-width:820px;margin:0 auto;padding:56px 24px 64px;color:#3a2f63}.seo-content h1{font-family:"Baloo 2",Fredoka,sans-serif;font-size:clamp(28px,5vw,44px);line-height:1.12;color:var(--ink);margin:0 0 16px;text-shadow:0 3px 0 #ffffff,0 6px 0 rgba(43,35,80,.12)}.seo-content p{font-size:17px;line-height:1.7;margin:0 0 18px}.seo-content a{color:var(--pink);font-weight:600;text-decoration-color:#ff5d8f66}.seo-content h2{font-family:"Baloo 2",Fredoka,sans-serif;font-size:clamp(22px,3.4vw,30px);color:var(--ink);margin:40px 0 12px;padding-top:8px}.seo-content h3{font-family:"Baloo 2",Fredoka,sans-serif;font-size:20px;color:var(--ink);margin:24px 0 8px}.faq-item{background:#fff;border:2px solid rgba(43,35,80,.12);border-radius:18px;padding:18px 22px;margin:14px 0;box-shadow:0 6px #2b23500f}.faq-item h3{margin:0 0 8px}.faq-item p{margin:0}.breadcrumb{position:relative;z-index:5;max-width:820px;margin:0 auto;padding:22px 24px 0;font-size:14px;color:#7a6fa8}.breadcrumb a{color:var(--pink);font-weight:600;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.site-footer{position:relative;z-index:5;border-top:3px solid rgba(43,35,80,.12);background:linear-gradient(180deg,#f4fbff,#e3f4ff);padding:28px 24px 40px;margin-top:24px}.site-footer nav{max-width:820px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px;font-weight:600}.site-footer a{color:#4a3f78;text-decoration:none}.site-footer a:hover{color:var(--pink);text-decoration:underline}
