@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Barlow+Condensed:ital,wght@1,800&display=swap";:root{color:#fff;font-synthesis:none;background:#142b3b;font-family:"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{touch-action:none;overscroll-behavior:none;margin:0;position:fixed;inset:0;overflow:hidden}button{font:inherit}#game-root{background:radial-gradient(circle at 50% 30%,#5f6c68,#18374c 70%);position:fixed;top:0;left:0;overflow:hidden}#game-stage{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 80px #07141c88}canvas{touch-action:none;display:block;position:absolute;inset:0}.screen,.hud{pointer-events:none;display:none;position:absolute;inset:0}.screen.visible,.hud.visible{display:block}.screen.visible .btn,.hud.visible .icon-btn{pointer-events:auto}.title-screen{text-align:center;pointer-events:auto;background:linear-gradient(#05192c66 0%,#0000 38%,#092236d9 74%,#071723f5 100%);padding:86px 52px}.brand-kicker{letter-spacing:8px;background:#e61b27;border-radius:7px;padding:4px 22px;font-size:23px;font-weight:800;display:inline-block;transform:rotate(-3deg);box-shadow:0 5px #891621}.brand h1{letter-spacing:-2px;text-transform:uppercase;text-shadow:0 5px #073861,0 9px 22px #0008;margin:24px 0 18px;font-size:70px;line-height:.86}.brand p{text-shadow:0 2px 4px #000;max-width:500px;margin:0 auto;font-size:25px;line-height:1.15}.best-chip{white-space:nowrap;background:#082238b8;border:2px solid #fff5;border-radius:30px;padding:7px 26px;font-size:25px;position:absolute;bottom:300px;left:50%;transform:translate(-50%)}.btn{color:#fff;cursor:pointer;background:#23455a;border:2px solid #ffffff4a;border-radius:20px;width:100%;min-height:92px;margin:16px 0;padding:13px 24px;font-size:26px;font-weight:800;line-height:1.05;transition:transform 80ms,filter .1s;display:block;box-shadow:0 6px #0c2333}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(4px);box-shadow:0 2px #0c2333}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{color:#17232b;background:linear-gradient(#ffe875,#ffc93e);border-color:#fff4b7;box-shadow:0 7px #b77a19}.btn.secondary{background:#164f74}.play{border-radius:28px;width:500px;min-height:96px;font-size:34px;position:absolute;bottom:180px;left:110px}.icon-btn{color:#fff;cursor:pointer;background:#08283fc9;border:2px solid #fff5;border-radius:18px;width:92px;height:92px;font-size:30px;position:absolute;box-shadow:0 3px #00111c66}.title-sound{width:auto;min-width:92px;min-height:92px;padding:0 18px;font-size:18px;top:28px;right:28px}.hits{color:#fff5dc;letter-spacing:-1px;-webkit-text-stroke:7px #9b2025;paint-order:stroke fill;text-shadow:0 3px #681317;font:italic 800 47px Barlow Condensed,sans-serif;position:absolute;top:710px;left:480px;transform:rotate(-2deg)}.combo{color:#ffe45c;text-shadow:0 3px #8c4b15,0 0 8px #000;font-size:26px;position:absolute;top:654px;left:435px}.milestone-progress{white-space:nowrap;background:#062238c7;border:1px solid #fff5;border-radius:22px;padding:8px 22px;font-size:20px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.pause-btn{top:24px;left:24px}.sound-btn{width:92px;font-size:30px;top:24px;right:24px}.milestone-banner{opacity:0;color:#282c31;white-space:nowrap;background:#ffe45c;border:4px solid #fff5bd;border-radius:18px;padding:12px 30px;font-size:35px;font-weight:800;transition:all .2s;position:absolute;top:360px;left:50%;transform:translate(-50%,-20px)scale(.8)}.milestone-banner.visible{opacity:1;transform:translate(-50%)scale(1)}.tutorial{background:#08283ee8;border:3px solid #ffe45c;border-radius:24px;width:570px;min-height:96px;padding:20px 90px 20px 26px;display:none;position:absolute;bottom:350px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #0007}.tutorial.visible{display:block}.tutorial-text{font-size:24px;line-height:1.12}.tutorial-gesture{object-fit:contain;width:90px;height:90px;animation:1s ease-in-out infinite gesture;position:absolute;bottom:0;right:8px}@keyframes gesture{50%{transform:translate(-10px,-15px)rotate(-8deg)}}.modal{pointer-events:auto;background:#04101bbd;place-items:center;display:none}.modal.visible{display:grid}.card{text-align:center;pointer-events:auto;background:linear-gradient(160deg,#153e59f5,#0b263af8);border:3px solid #ffffff45;border-radius:32px;width:540px;padding:38px 44px;box-shadow:0 18px 70px #0008}.card h2{margin:0 0 20px;font-size:48px}.card p{font-size:23px;line-height:1.25}.gameover{pointer-events:auto;background:#10141855}.lose-title{text-align:center;color:#ffe45c;letter-spacing:-3px;-webkit-text-stroke:10px #16191c;paint-order:stroke fill;font-size:78px;font-weight:800;line-height:1;position:absolute;top:555px;left:0;right:0;transform:rotate(-2deg)}.over-card{background:#0b263aee;width:540px;padding:22px 34px;position:absolute;top:800px;left:90px}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats>div{justify-content:space-between;font-size:20px;display:flex}.stats b{color:#ffe45c;font-size:24px}.stats .reason,.stats .rank{color:#ffb6aa;grid-column:1/3;justify-content:center;font-size:19px}.stats .rank{color:#d9e9f2}.over-buttons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.over-buttons .btn{margin:12px 0 0;font-size:23px}.countdown{text-align:center;text-shadow:0 4px 10px #000;font-size:32px}.countdown b{color:#ffe45c;font-size:130px;display:block}.rotate-prompt{z-index:100;text-align:center;background:#0b263af5;place-items:center;padding:60px;font-size:32px;display:none;position:absolute;inset:0}.rotate-prompt.visible{display:grid}.toast{opacity:0;z-index:110;white-space:nowrap;background:#071b29e8;border-radius:20px;padding:12px 24px;transition:all .2s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.toast.visible{opacity:1}[hidden]{display:none!important}