:root{--ink:#172747;--cream:#fafcff;--orange:#2e5bff;--yellow:#ffdf78;--line:#e1e9f6;font-family:"Arial Rounded MT Bold",Arial,"Malgun Gothic",sans-serif}
body{background:radial-gradient(ellipse at 50% 0,#eff6ff00 30%,#eef5ff66),#fafcff;color:var(--ink)}
.hub-nav{max-width:1240px!important;padding:14px 30px 0!important;color:#7181a0!important;font-size:11px!important}.hub-nav a{color:#687998!important}
.shell{max-width:1240px;padding:0 30px}.masthead{height:76px;border-bottom:1px solid #e5edf7}.play-brand{gap:9px;letter-spacing:-1px;color:#102039;font-size:24px;font-weight:950}.play-brand img{width:49px;height:36px}.play-brand>span{white-space:nowrap}.play-brand i{display:inline-block;width:7px;height:7px;background:#ff795f;border-radius:2px;margin-left:3px}.audio-controls{display:flex;gap:8px}.sound{color:#50648a;border-color:#d9e4f5;background:white;padding:10px 13px;font-size:11px;box-shadow:0 2px 4px #23377304}.sound[aria-pressed=true]{color:#2e5bff;background:#f1f6ff;border-color:#cbdcff}.sound[aria-pressed=false]{color:#8d99ad}.sound svg{stroke-width:1.8}.intro{padding:27px 2px 23px;align-items:center}.intro .eyebrow{font-size:9px;letter-spacing:2px;color:#7b8dab;margin-bottom:9px}h1{font-size:43px;letter-spacing:-2.1px;font-weight:950}h1 span{color:#2e5bff}.intro-copy{color:#7b89a1;font-size:12px;line-height:1.8}
.game{border:1px solid #e2ebf8;border-radius:26px;background:white;box-shadow:0 16px 50px #365d9b0b,0 3px 0 #e8eff8;overflow:hidden}.bat-rack{padding:11px 24px;background:#f4f8ff;border-color:#e7eef9;color:#647ca1;font-size:10px}.bat-rack span{color:#8291ab}.bat-rack[data-bat=gold]{background:#fff7d9;color:#966d17}.bat-rack[data-bat=silver]{background:#edf3fa;color:#657b9d}.bat-rack[data-bat=bronze]{background:#fff0e8;color:#a26c48}.scoreboard{background:#fff;color:#2d59e8;max-width:740px;margin:0 auto;padding:19px 25px;gap:20px;text-align:center}.scoreboard>div{min-width:0}.scoreboard>div+div{border-left:1px solid #e1eaf8;padding-left:23px}.scoreboard strong{font-size:31px;font-weight:900;letter-spacing:-1px}.scoreboard strong span{color:#7386b0;font-size:13px}.scoreboard .stat-label{color:#8090aa;font-size:10px}.scoreboard .record strong{color:#2d59e8}.scoreboard .record .stat-label{color:#8090aa}
.field{height:460px;background:#82bef7;border-radius:20px;margin:0 12px;overflow:hidden;cursor:pointer}.field-top{top:16px;left:20px;right:20px;color:#fff;letter-spacing:0}.field-tag{background:#ffffffed;padding:8px 13px;border-radius:30px;box-shadow:0 2px 10px #3464a213;color:#3769c0}.field-tag>span{background:#69cbb0}.field-top #phase{background:#2254a22a;backdrop-filter:blur(7px);padding:7px 11px;border-radius:20px;color:white}.coin-count{top:55px;right:20px;background:#ffffffdc;color:#93611b;border:1px solid #f7e4a4;padding:6px 10px;backdrop-filter:blur(5px)}.field-bottom{color:#fff;left:20px;right:20px;bottom:37px;font-size:9px}.field-bottom>span:first-child{background:#2b67a247;border-radius:15px;padding:6px 9px}#signBadge{background:#fff9e4e0;color:#9a6e23}.field-credit{font-size:9px;padding:4px 8px;background:#18468475;color:white;right:14px;bottom:9px}.welcome{left:auto!important;right:9%;top:27%!important;transform:none;max-width:43%}.welcome-kicker{color:#2d629e;letter-spacing:2px;font-size:8px}.welcome h2{font-size:43px;color:#1c3f78;letter-spacing:-2px;text-shadow:0 2px 0 #fff7;margin:11px 0 14px;line-height:1.2}.welcome h2 em{color:#2e5bff}.welcome p{background:#fffcefdd;color:#60718f;border-radius:12px;transform:none;font-size:11px;padding:9px 13px;box-shadow:0 3px 12px #477fd518}.callout{font-size:51px;text-shadow:0 4px 0 #2b58cf,0 8px 20px #2c57a047;color:#fff;top:19%;letter-spacing:-1px}.callout small{font-size:15px}.controls{border:0;background:white;padding:25px 26px 22px;grid-template-columns:minmax(0,1fr) 270px;gap:0 35px;align-items:center}.timing-label{color:#54729c;font-size:12px}.meter{height:25px;border:4px solid #f0f6ff;background:linear-gradient(#d7e8ff,#b7d8ff);border-radius:30px;box-shadow:0 0 0 1px #dfeaff;overflow:visible}.good-zone{background:#b6d5fa;border-radius:9px}.perfect-zone{background:linear-gradient(#fff28f,#ffda69);box-shadow:0 0 12px #ffe79dcc;border-radius:5px}.target-line{border-color:#e7c04a;top:0;bottom:0;opacity:.6}.marker{width:9px;background:linear-gradient(#517dff,#2653ea);border:0;box-shadow:0 2px 6px #3465ef55;top:-7px;bottom:-7px;border-radius:8px}.meter-labels{font-size:10px;margin-top:10px;color:#7b90af}.meter-labels b{color:#2e5bff;font-size:12px}.action{min-height:73px;background:linear-gradient(155deg,#467cff,#2353f6);border:1px solid #366bf5;box-shadow:inset 0 3px 6px #ffffff55,inset 0 -3px 4px #143db43d,0 5px 0 #d5e2ff,0 7px 15px #2e5bff20;border-radius:27px;padding:15px 25px;justify-content:center;gap:24px;font-size:25px;color:#fff;transition:transform .1s,box-shadow .1s}.action:active:not(:disabled){box-shadow:inset 0 1px 8px #2449b950,0 2px 0 #d5e2ff;transform:translateY(3px)}.action:disabled{background:linear-gradient(#d4e1f9,#b9cce9);border-color:#bbceeb;color:#5475a4;box-shadow:inset 0 2px 4px #fff7,0 4px 0 #e6edf8;font-size:18px}.button-arrow{font-size:25px}.control-hint{color:#7c8dad;font-size:10px;margin-top:12px}.share-button{border-color:#dce7fa;background:#f3f7ff;color:#5273a4;font-size:11px}.share-status,.share-fallback{color:#60779c}.share-fallback textarea{border-color:#d7e4f9;color:#24467c}.how-to{color:#7790b0;font-size:10px;gap:45px;border-color:#e1eafa;padding:26px 0}.how-to b{color:#a8b7d1}.result{background:#f7fbfff0;backdrop-filter:blur(10px);color:#254372;padding-bottom:48px}.result-kicker{color:#5687d9;font-size:10px}.result h2{font-size:28px;color:#234578}.result-score{color:#2e5bff;font-size:62px}.result-tip{color:#7b8ca6}.result p{color:#526e94}.tap-cue{background:#fff4bd;border-color:#ffdb78;color:#89621c;box-shadow:0 4px 14px #495c7733}.tap-cue i{background:#eed590}.tap-cue b{background:#eeac30}.boost-ready{box-shadow:inset 0 0 0 4px #fff0a1}.bat-pickup{background:radial-gradient(ellipse at 50% 40%,#477afff5,#264bbbfa);color:white}.pickup-kicker{color:#fff1b7}.bat-pickup small{color:#dee9ff}.game-guide h2{color:#294779}.game-guide>p:not(.eyebrow){color:#7d8da4}.guide-cards>div{background:#f0f6ff;border-color:#e3edfb;border-radius:17px}.guide-cards b{color:#5278b2}.guide-cards span{color:#8193af}.bird-guide,.bat-guide,.coin-guide{background:#f0f6ff!important;border-radius:16px}.game-guide .eyebrow{color:#8099bb}.art-status{font-size:11px;color:#8b6a2d;text-align:center;padding:12px}.art-status[hidden]{display:none}.seo-guide{border-color:#e1eaf8!important}.seo-guide details{border-color:#e4ecf8!important}.ad-zone{border-color:#e4eaf4}footer{color:#8d9bb2}.footer-mark{color:#a5b2c7}
.leaderboard-panel{background:linear-gradient(145deg,#f0f6ff,#fbfdff);color:#24477b;padding:28px}.leaderboard-heading .eyebrow,.hall-heading .eyebrow{color:#779aca}.leaderboard-heading h2{color:#294e8b}.ranking-celebration{background:linear-gradient(135deg,#e3efff,#f8fcff);border:1px solid #bed5ff;border-radius:22px}.ranking-celebration h3{color:#2e5bff}.ranking-celebration>strong{color:#1f4bbf}.nickname-form input{border-color:#bdd2f4;background:white;color:#234778}.nickname-help{color:#6c86aa}.nickname-form button{background:linear-gradient(#4a7aff,#2e5bff);color:white;border-radius:16px;box-shadow:0 3px 0 #d2e1ff}.ranking-list li{border-color:#dae5f6;min-height:54px}.ranking-list li:first-child{background:#dfeaff;color:#2953a5;border-radius:12px}.rank-position,.ranking-list li:first-child .rank-position{color:#658cbe}.ranking-note,.ranking-date{color:#7f93b0}.ranking-note a{color:#5077b3}.ranking-reset{color:#6f90c2}.ranking-message{color:#547caf}.ranking-retry,.stop-fireworks{color:#587eae;border-color:#bed1ed;background:#fff9;border-radius:13px}.hall-of-fame{border-color:#ccdcf2}.hall-heading h3{color:#365d95}.hall-heading>span{color:#8b9fb9}.hall-podium li{border-color:#d1e1f6;background:#fff;border-radius:19px;box-shadow:0 6px 20px #4b80c009}.hall-podium .gold{border-color:#f0d697;background:linear-gradient(#fff7db,#fffdfa)}.hall-podium .silver{border-color:#c7d8ed;background:linear-gradient(#eef5ff,#fff)}.hall-podium .bronze{border-color:#eccdb8;background:linear-gradient(#fff0e7,#fff)}.hall-podium strong{color:#547db1}.hall-podium .gold strong{color:#ad842c}.hall-podium b{color:#57739c}
@media(min-width:1400px){.shell{max-width:1300px}.field{height:490px}.intro{padding:29px 2px 24px}}
@media(max-width:600px){.hub-nav{padding:10px 16px 0!important;font-size:9px!important}.shell{padding:0 12px}.masthead{height:62px}.play-brand{font-size:18px;gap:6px;letter-spacing:-.7px}.play-brand img{width:34px;height:28px}.play-brand i{width:5px;height:5px}.audio-controls{gap:5px}.sound{padding:9px 10px;min-height:42px}.sound svg{width:18px;height:18px}.sound span{display:none}.intro{padding:22px 5px 19px}.intro .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:8px}h1{font-size:32px;letter-spacing:-1.8px}.intro-copy{font-size:9px;max-width:112px}.game{border-radius:22px}.bat-rack{padding:9px 15px;gap:4px;font-size:9px}.bat-rack b{font-size:10px}.bat-rack span{font-size:9px}.scoreboard{padding:16px 12px;gap:9px}.scoreboard strong{font-size:24px;letter-spacing:-.7px}.scoreboard .stat-label{font-size:9px}.scoreboard strong span{font-size:10px}.scoreboard>div+div{padding-left:10px}.field{height:clamp(305px,45svh,390px);margin:0 6px;border-radius:16px}.field-top{top:12px;left:12px;right:12px;font-size:8px;gap:6px}.field-tag{padding:7px 9px}.field-top #phase{font-size:8px;padding:6px 8px}.coin-count{right:12px;top:48px;font-size:9px;padding:5px 8px}.field-bottom{left:12px;right:12px;font-size:8px}.field-credit{font-size:8px;right:8px;bottom:8px}.welcome{right:5%;top:30%!important;max-width:43%}.welcome-kicker{font-size:6px;letter-spacing:.8px}.welcome h2{font-size:29px;letter-spacing:-1.4px;margin:10px 0}.welcome p{font-size:9px;padding:7px 9px}.controls{grid-template-columns:1fr;padding:20px 17px 17px;gap:17px}.timing-label{font-size:10px}.meter{height:23px}.action{min-height:63px;font-size:23px;border-radius:23px}.action:disabled{font-size:17px}.control-hint{grid-column:1;margin:0;font-size:9px}.share-button{margin-top:0}.how-to{gap:17px;font-size:9px;padding:23px 0}.callout{font-size:37px}.callout small{font-size:12px}.result-score{font-size:51px}.result h2{font-size:25px}.result p{font-size:10px}.result-tip{font-size:10px}.leaderboard-panel{padding:22px 16px}.hall-podium li{border-radius:14px}.hall-podium strong{font-size:13px}.game-guide h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.action{transition:none}.result{backdrop-filter:none}}