@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap";
:root{--sky-top:#22a6db;--sky-bottom:#0f7bb0;--sky-accent:#6cdbfb;--game-navy:#0f2744;--game-dark:#132438;--color-gold:#f59e0b;--color-gold-shadow:#b45309;--color-gold-light:#fef08a;--color-green:#10b981;--color-green-shadow:#047857;--color-green-light:#a7f3d0;--color-red:#ef4444;--color-red-shadow:#b91c1c;--color-red-light:#fecaca;--color-blue:#3b82f6;--color-blue-shadow:#1d4ed8;--color-blue-light:#bfdbfe;--color-purple:#8b5cf6;--color-purple-shadow:#6d28d9;--bg-card:#fff;--bg-card-shadow:#cdd9e5;--bg-board:#f4f8fb;--border-rim:#294666;--font-game:"Fredoka", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num:"Nunito", "Fredoka", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}@media (max-width:380px){html{font-size:13.5px}}@media (min-width:381px) and (max-width:480px){html{font-size:14.5px}}@media (min-width:481px) and (max-width:768px){html{font-size:15.5px}}@media (min-width:769px) and (max-width:1200px){html{font-size:15px}}@media (min-width:1201px) and (max-width:1600px){html{font-size:18px}}@media (min-width:1601px) and (max-width:2000px){html{font-size:22px}}@media (min-width:2001px) and (max-width:2800px){html{font-size:32px}}@media (min-width:2801px) and (max-width:3400px){html{font-size:38px}}@media (min-width:3401px){html{font-size:48px}}@media (min-width:3401px) and (max-height:1400px){html{font-size:38px}}@media (min-width:3401px) and (max-height:1000px){html{font-size:28px}}@media (min-width:2001px) and (max-width:3400px) and (max-height:950px){html{font-size:25px}}@media (min-width:2001px) and (max-width:3400px) and (max-height:720px){html{font-size:19px}}html,body{width:100%;min-height:100dvh;font-family:var(--font-game);color:var(--game-dark);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 20%,#29bbf3 0%,#178dbf 45%,#0b628b 100%) fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px),radial-gradient(#ffffff14 2px,#0000 2px);background-position:0 0,16px 16px;background-size:32px 32px,96px 96px;position:fixed;inset:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#f59e0b;border:2px solid #b45309;border-radius:8px}@keyframes floatBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.5deg)}}@keyframes pulseSubtle{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes headShake{0%{transform:translate(0)}15%{transform:translate(-8px)rotate(-1.5deg)}30%{transform:translate(7px)rotate(1.5deg)}45%{transform:translate(-5px)rotate(-1deg)}60%{transform:translate(4px)rotate(1deg)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes happyBounce{0%,to{transform:scale(1)}35%{transform:scale(1.08)translateY(-4px)}65%{transform:scale(.96)translateY(2px)}}@keyframes floatScore{0%{opacity:1;transform:translateY(0)scale(.9)}50%{transform:translateY(-28px)scale(1.2)}to{opacity:0;transform:translateY(-48px)scale(1)}}