@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&display=swap";:root{color:#403b35;font-synthesis:none;background:#f8f2e8;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f8f2e8;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}.app{background:radial-gradient(circle at 50% 0,#fffaf2 0,#f8f2e8 56%,#f2e8da 100%);height:100dvh;min-height:570px;position:relative;overflow:hidden}.home{text-align:center;flex-direction:column;align-items:center;padding:clamp(62px,15vh,130px) 26px 26px;display:flex}.brand{letter-spacing:-3px;color:#3e3b36;z-index:1;font-size:clamp(48px,15vw,72px);font-weight:900;line-height:.83}.brand i{color:#eab640;font-style:normal}.tagline{letter-spacing:2px;color:#977e67;margin:26px 0 47px;font-size:12px;font-weight:800}.home-best{color:#a18a73;flex-direction:column;gap:1px;margin-bottom:26px;display:flex}.primary{color:#fffaf1;background:#e8b83e;border-radius:18px;min-width:184px;padding:16px 46px;font-size:18px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 8px #d7a932,0 13px 24px #d9b77266}.primary:active{transform:translateY(4px);box-shadow:0 4px #d7a932,0 8px 15px #d9b77244}.primary span{margin-right:8px;font-size:16px}.text-btn{color:#89745f;background:0 0;padding:18px;font-size:14px;font-weight:800}.home-foot{color:#b19a82;font-size:11px;position:absolute;bottom:28px}.ambient{opacity:.22;color:#9c7d5a;border-radius:50%;place-items:center;font-weight:900;animation:12s ease-in-out infinite drift;display:grid;position:absolute}.a1{background:#f1d995;width:90px;height:90px;font-size:31px;top:13%;left:8%}.a2{background:#f0b49b;width:59px;height:59px;font-size:19px;animation-delay:-4s;top:34%;right:8%}.a3{background:#c7dfe1;width:42px;height:42px;font-size:16px;animation-delay:-8s;bottom:19%;left:15%}.a4{background:#dac8ee;width:74px;height:74px;font-size:25px;animation-delay:-2s;bottom:9%;right:14%}@keyframes drift{50%{transform:translate(8px,-12px)rotate(8deg)}}.game-shell{padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom);justify-content:center;align-items:center;display:flex}.game-card{flex-direction:column;width:min(100%,420px);height:min(100dvh - 26px,780px);display:flex;position:relative}.hud{grid-template-columns:1fr 1fr 64px 34px;align-items:center;gap:9px;height:82px;padding:0 6px;display:grid}.hud>div{flex-direction:column;display:flex}.hud span{color:#a18b74;letter-spacing:1.7px;font-size:9px;font-weight:900}.hud strong{color:#544b40;letter-spacing:-.5px;font-size:22px}.score,.next{align-items:center}.next-ball{width:46px;height:46px;margin-top:2px;position:relative}.icon-btn{color:#9b836b;background:#eee3d5;border-radius:12px;width:32px;height:32px;font-size:13px;font-weight:900}.board-wrap{touch-action:none;background:#eee2d3;border:1px solid #e4d4c2;border-radius:28px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 11px 30px #8f6c3d22}.board-wrap:before{content:"";pointer-events:none;background:linear-gradient(110deg,#fff8 0 2%,#0000 2% 99%,#c9ad8d22);position:absolute;inset:0}.game-canvas{width:100%;height:100%;position:absolute;inset:0}.danger-label{letter-spacing:1.5px;color:#bf8d72;opacity:.65;pointer-events:none;font-size:8px;font-weight:900;position:absolute;top:76px;right:16px}.drop-guide{pointer-events:none;border-left:1px dashed #aa90754c;position:absolute;top:42px;bottom:18px;left:50%}.aim-ball{pointer-events:none;height:46px;position:absolute;top:8px;left:0;right:0}.aim-ball .ball{opacity:.96;transform:translate(-50%);box-shadow:0 5px 9px #9b765333}.game-tip{text-align:center;color:#ae957d;padding:11px;font-size:11px;font-weight:700}.combo{color:#d19c35;pointer-events:none;background:#fff9ef;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;animation:1.3s forwards floatup;position:absolute;top:102px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #8d684522}.achievement{color:#fff9ed;text-shadow:0 3px 14px #9d6b1d88;pointer-events:none;flex-direction:column;align-items:center;animation:2.2s forwards celebrate;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.achievement small{letter-spacing:2px;font-size:11px}.achievement b{color:#e9b63e;font-size:58px;line-height:1}.achievement span{letter-spacing:4px;font-size:18px;font-weight:900}@keyframes floatup{0%{opacity:0;transform:translate(-50%,10px)}20%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)}}@keyframes celebrate{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-65%)scale(1)}}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#57432d36;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.modal{text-align:center;background:#fffaf2;border-radius:28px;width:min(100%,330px);padding:28px 25px 24px;position:relative;box-shadow:0 18px 50px #694a2f33}.modal h2{letter-spacing:-.6px;margin:8px 0 4px;font-size:28px}.modal-sub{color:#9c826b;margin:0 0 24px;font-size:13px}.modal-icon{color:#e0af3b;font-size:23px}.results{justify-content:center;gap:36px;margin:22px 0 25px;display:flex}.results div{flex-direction:column;gap:2px;display:flex}.results span{letter-spacing:1.5px;color:#a18a73;font-size:9px;font-weight:900}.results b{font-size:22px}.secondary{color:#88725d;background:#eee3d6;border-radius:14px;width:100%;margin-top:14px;padding:13px;font-weight:900;display:block}.modal .primary{min-width:100%;padding:14px}.close{color:#b39c84;background:0 0;font-size:26px;position:absolute;top:14px;right:17px}.steps{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px;display:grid}.steps div{flex-direction:column;align-items:center;gap:3px;display:flex}.steps b{color:#9c7431;background:#f4dfa8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.steps strong{letter-spacing:1px;font-size:10px}.steps span{color:#a68d77;font-size:9px}.equation{justify-content:center;align-items:center;gap:10px;margin-bottom:25px;font-size:23px;font-weight:900;display:flex}.equation span{color:#756653;background:#f7eedc;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.equation i{color:#b49a7a;font-style:normal}.small{font-size:14px;width:auto!important;min-width:140px!important;padding:12px 30px!important}@media (width>=600px){.game-card{height:min(92dvh,780px)}.home{padding-top:13vh}}.hud{grid-template-columns:1fr 1fr 64px 28px 34px;gap:7px}.sound-btn{color:#9b836b;background:#eee3d5;border-radius:10px;width:28px;height:28px;font-size:17px;font-weight:900;line-height:1}.game-card{height:min(100dvh - 26px,780px)}.ball{border-radius:50%;flex:none;place-items:center;font-weight:900;line-height:1;display:grid}.next-ball{width:34px;height:34px}.next-ball .ball{box-shadow:0 3px 7px #9b765333}.home-top{z-index:1;flex-direction:column;align-items:center;display:flex}.eyebrow{letter-spacing:2.5px;color:#b2977b;margin-bottom:18px;font-size:9px;font-weight:900}.home .tagline{margin:22px 0 0}.hero-stack{width:220px;height:178px;margin:25px 0 22px;position:relative}.hero-ball{border-radius:50%;place-items:center;font-weight:900;animation:5s ease-in-out infinite heroFloat;display:grid;position:absolute;box-shadow:0 12px 22px #8d6c442e,inset 0 2px #fff8}.hb-8{color:#754d3e;background:#ffc59c;width:88px;height:88px;font-size:34px;top:40px;left:22px;transform:rotate(-10deg)}.hb-4{color:#665631;background:#ffe49a;width:69px;height:69px;font-size:27px;animation-delay:-1.2s;top:10px;right:27px;transform:rotate(10deg)}.hb-2{color:#756653;background:#f7eedc;width:53px;height:53px;font-size:21px;animation-delay:-2.4s;bottom:10px;right:0}.spark{color:#e9b640;font-size:20px;animation:2.5s ease-in-out infinite twinkle;position:absolute}.s1{top:26px;left:0}.s2{font-size:13px;animation-delay:-1.2s;bottom:2px;right:31px}.home-panel{z-index:1;background:#fffaf2b8;border:1px solid #fff8;border-radius:24px;width:min(100%,250px);padding:17px 19px 15px;box-shadow:0 12px 32px #8e6d4020}.home-panel .home-best{margin-bottom:15px}.home-panel .primary{width:100%}.home-panel .text-btn{padding:14px 8px 2px}.home-best{color:#a18a73;flex-direction:column;gap:1px;display:flex}.home-best span{letter-spacing:2px;font-size:9px;font-weight:900}.home-best b{color:#564d42;font-size:25px}.home-foot{color:#b19a82;font-size:11px}@keyframes heroFloat{0%,to{translate:0}50%{translate:0 -6px}}@keyframes twinkle{0%,to{opacity:.3;scale:.8}50%{opacity:1;scale:1.1}}.app{color:#26384f;background:radial-gradient(circle at 50% 0,#f9fbff 0,#f0f4fb 56%,#e7eef8 100%)}.brand{color:#26384f}.brand i{color:#67bfc0}.tagline{color:#7188a0}.ambient{color:#53718c;opacity:.2}.a1{background:#bddff2}.a2{background:#f7c9d1}.a3{background:#c8d2f2}.a4{background:#bce4d9}.home-panel{background:#ffffffb8;border-color:#fff;box-shadow:0 12px 32px #55718f20}.eyebrow,.home-best{color:#7188a0}.home-best b{color:#324963}.home-foot{color:#8297ad}.primary{background:#67bfc0;box-shadow:0 8px #4fa8ac,0 13px 24px #5caeb344}.primary:active{box-shadow:0 4px #4fa8ac,0 8px 15px #5caeb344}.text-btn{color:#68809a}.hero-ball{box-shadow:0 12px 22px #55718f2e,inset 0 2px #fff8}.hb-8{color:#7e4f58;background:#ffd1c7}.hb-4{color:#514978;background:#d8d1fb}.hb-2{color:#3e5872;background:#e4efff}.spark{color:#67bfc0}.modal{background:#fafdff}.board-wrap{background:#e7eef6;border-color:#d5e0ed;box-shadow:inset 0 1px #fff9,0 11px 30px #55718f22}.hud strong{color:#324963}.hud span,.danger-label{color:#7188a0}.icon-btn,.sound-btn{color:#66809a;background:#dce8f3}.game-tip,.modal-sub,.steps span{color:#7890a7}.secondary{color:#55718f;background:#dce8f3}.modal-icon,.achievement b{color:#67bfc0}.steps b{color:#514978;background:#d8d1fb}.equation span{color:#3e5872;background:#e4efff}.equation .eq-four{color:#514978;background:#d8d1fb}.close{color:#7890a7}.combo{color:#54aeb0;background:#fafdff}