@font-face{font-family:DM;src:url(./dm-sans-CB7WfZ8W.ttf);font-display:swap}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#14172d;color:#eff3ff;font:14px DM,system-ui,sans-serif}#app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:10px;border-bottom:1px solid #ffffff0c;background:#131729}header a{font-weight:900;letter-spacing:2px;color:#fff;text-decoration:none}header a span{font-size:8px;color:#8994b3;margin-left:9px;letter-spacing:2px}.top-controls{display:flex;gap:8px}button{min-width:44px;min-height:44px;font:inherit;color:inherit;background:#ffffff07;border:1px solid #ffffff1c;border-radius:12px;padding:10px 15px;cursor:pointer;touch-action:manipulation}button:hover{background:#ffffff14}button:focus-visible,a:focus-visible{outline:2px solid #4ce0e0;outline-offset:3px}.primary{background:#cfff65;color:#242f21;border:0;font-weight:800;min-height:53px;box-shadow:0 6px 30px #cfff6517}.primary:hover{background:#e2ff9e}#stage{position:relative;min-width:0;min-height:0;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#overlay>*{pointer-events:auto}.menu{padding:32px 38px;background:linear-gradient(130deg,#171d37f7,#282144e8);border:1px solid #ffffff1a;box-shadow:0 30px 120px #0006;border-radius:26px;width:min(90%,420px);text-align:center;backdrop-filter:blur(12px)}.eyebrow{font-size:9px;letter-spacing:3px;color:#83c9de}h1{font-size:67px;line-height:.88;font-weight:900;letter-spacing:-3px;margin:27px 0 22px;font-style:italic}h1 em{font-style:inherit;color:#cfff65}h1 b{font-size:17px;vertical-align:top;color:#f4c66c;letter-spacing:0;margin-left:7px}p{color:#b0b9d2;line-height:1.6}.menu>.primary{width:100%;margin:15px 0}.menu>small{display:block;color:#8894b5;font-size:10px}footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 22px;padding-bottom:max(10px,env(safe-area-inset-bottom));color:#7d89a8;font-size:8px;letter-spacing:1px}footer a{color:#a0b3cf;text-decoration:none;font-size:9px;letter-spacing:0}#load{position:absolute;inset:0;display:grid;place-items:center;background:#14172d;font-size:13px;letter-spacing:4px}#load[hidden],[hidden]{display:none!important}#hud{padding:10px 20px;background:#191f37;border-bottom:1px solid #ffffff10}#reticle{position:absolute;pointer-events:none}dialog{background:#202640;border:1px solid #535d7b;border-radius:22px;color:#fff;padding:26px;max-width:min(92vw,400px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#111526c9;backdrop-filter:blur(8px)}@media(max-width:600px){header{padding:8px 12px}header a span{display:none}.top-controls button{font-size:10px;padding:9px}.menu{padding:24px;width:min(90%,360px)}h1{font-size:59px}footer{padding:8px 12px;font-size:6px}footer a{font-size:8px}}@media(max-height:500px){header{padding:5px 15px}.menu{padding:18px 25px;width:340px}h1{font-size:43px;margin:12px 0}h1 br{display:none}.menu p{font-size:11px;margin:5px}.menu>.primary{margin:8px 0;min-height:44px}.menu>small{font-size:8px}footer{padding:5px 15px}}header{grid-row:1}#hud{grid-row:2}#stage{grid-row:3}footer{grid-row:4}#hud{display:grid;grid-template-columns:1fr 1.1fr 1fr auto;align-items:center;gap:18px;padding:10px 24px}#hud>div>small{display:block;font-size:8px;letter-spacing:2px;color:#8c99bb}#hud strong{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}#hud .hud-time{text-align:center}#time{line-height:1}#time small{font-size:11px;color:#aab5d0;margin-left:3px}.hud-combo{text-align:right}#combo{color:#d0ff6e}#accuracy{display:block;font-size:8px;color:#7f91b7}.time-track{height:3px;background:#ffffff14;border-radius:4px;margin:6px auto 0;max-width:180px;overflow:hidden}.time-track span{display:block;width:100%;height:100%;background:#4ee0dc}.final-ten #time{color:#ffca67}.final-ten .time-track span{background:#ffba68}#pause{font-size:11px}#feedback{position:absolute;inset:0;pointer-events:none;overflow:hidden}#reticle{width:21px;height:21px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#reticle:after{content:"";position:absolute;top:9px;left:9px;width:2px;height:2px;background:#fff}.countdown{font-size:100px;font-weight:900;color:#d4ff81;text-shadow:0 0 50px #75c9bf66;pointer-events:none!important;text-align:center}.countdown small{display:block;font-size:10px;letter-spacing:4px;margin-top:5px}.shot-flash{position:absolute;width:35px;height:35px;border:2px solid #def5f9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #95e9fa;animation:shot-ring .22s both}.shot-flash.hit{border-color:#daff8d;box-shadow:0 0 20px #d7ff81}.shot-flash.penalty{border-color:#ff697f;box-shadow:0 0 20px #ff697f}.score-pop{position:absolute;transform:translate(-50%,-50%);font-size:16px;font-weight:900;color:#d3ff7c;white-space:nowrap;text-shadow:0 2px 8px #0b102f;animation:score-up .75s both}.score-pop.miss{color:#b0bad4;font-size:11px}.score-pop.penalty{color:#ff7d91}.best-label{display:flex;justify-content:center;align-items:center;gap:13px;color:#8897b7;font-size:8px;letter-spacing:2px;margin-top:18px}.best-label strong{font-size:18px;color:#f7d581;letter-spacing:0}.daily{width:100%;font-size:10px;min-height:44px;letter-spacing:1px;color:#bacce1;margin-bottom:16px}.menu-links{display:flex;justify-content:center;margin-top:12px}.text-button{background:none;border:0;color:#a9b8d6;font-size:11px}.secondary{width:100%;margin:5px 0}.menu h2,dialog h2{font-size:29px;line-height:1.1;margin:15px 0}.results{padding:25px 34px}.rank-badge{width:55px;height:55px;display:grid;place-items:center;background:#ffe1a922;color:#ffd279;border:1px solid #ffd27977;border-radius:17px;margin:18px auto 8px;font-size:36px;transform:rotate(-7deg)}.rank-badge.diamond{color:#72f7eb;border-color:#72f7eb}.rank-badge.platinum{color:#bbcaff;border-color:#bbcaff}.final-score{font-size:48px;font-weight:900;font-variant-numeric:tabular-nums;color:#d1ff75}.final-score small{font-size:8px;display:block;letter-spacing:4px;color:#8594b6;margin-top:0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 10px}.result-grid strong{font-size:20px}.result-grid small{font-size:7px;display:block;letter-spacing:1px;color:#8c9cbc;margin-top:7px}.results .text-button{display:block;width:100%;margin-bottom:8px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0}.guide-grid strong{display:block;font-size:12px}.guide-grid b{font-size:24px;display:block;margin-bottom:5px}.guide-grid small{font-size:10px;color:#a8b5d0}.cyan{color:#4ee0dc}.gold{color:#ffd166}.pink{color:#ff6ab7}.red{color:#ff5f7b}dialog p{font-size:12px}dialog>.primary{width:100%;margin-top:13px}.leaderboard{padding-left:20px}.leaderboard li{padding:13px 0;border-bottom:1px solid #ffffff12}.leaderboard li span{display:block;font-size:11px;color:#96a8c5;margin-top:4px}dialog label{display:block;margin:21px 0;font-size:13px}select{display:block;width:100%;min-height:46px;margin-top:9px;background:#151b30;color:#fff;border:1px solid #ffffff25;padding:10px;border-radius:10px}.check{display:flex;align-items:center;gap:10px;min-height:44px}.check input{width:20px;height:20px;accent-color:#d0ff6d}#arena:focus{outline:none}.in-game #arena{cursor:crosshair}.combo-bump{animation:combo .3s}.reduced *{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes shot-ring{to{width:58px;height:58px;opacity:0}}@keyframes score-up{20%{opacity:1}to{transform:translate(-50%,-50px);opacity:0}}@keyframes combo{50%{color:#fff;transform:scale(1.2)}}@media(max-width:600px){#hud{padding:9px 12px;gap:10px;grid-template-columns:.9fr 1fr .7fr auto}#hud strong{font-size:22px}#hud>div>small{font-size:7px;letter-spacing:1px}#pause{font-size:9px;padding:8px;min-width:44px}.hud-combo #accuracy{font-size:7px}#hud .hud-time{min-width:80px}.menu>small{font-size:9px}.menu .daily{margin-bottom:8px}.menu-links{margin-top:3px}.best-label{margin-top:9px}.result-grid{margin:16px 0 5px}.results{padding:20px 25px}.rank-badge{margin-top:10px}.final-score{font-size:43px}}@media(max-height:500px){#hud{padding:5px 16px}#hud strong{font-size:20px}#hud>div>small{font-size:7px}.time-track{margin-top:3px}#pause{min-height:44px;padding:7px 13px}.menu .best-label{margin-top:4px}.best-label strong{font-size:15px}.menu .daily{margin-bottom:0;min-height:44px}.menu-links{margin-top:0}.menu-links button{min-height:44px;padding:5px}.rank-badge{display:none}.results h2{font-size:21px;margin:8px}.final-score{font-size:30px}.result-grid{margin:10px 0 0}.result-grid strong{font-size:15px}.result-grid small{font-size:6px;margin:3px}.results{width:390px;padding:12px 24px}.results>.primary{margin:8px 0 0}.results .text-button{margin:0}.menu.pause-menu{width:330px}.pause-menu .secondary{width:auto;font-size:10px}.pause-menu .primary{margin:6px 0}}@media(max-height:500px){.menu:not(.results):not(.pause-menu){width:min(92%,650px);display:grid;grid-template-columns:1fr 1fr;gap:4px 25px;padding:18px 26px;align-items:center}.menu:not(.results):not(.pause-menu)>.eyebrow{grid-column:1;grid-row:1;font-size:7px}.menu:not(.results):not(.pause-menu)>h1{grid-column:1;grid-row:2/5;font-size:50px;line-height:.9;margin:5px 0}.menu:not(.results):not(.pause-menu)>h1 br{display:block}.menu:not(.results):not(.pause-menu)>p{grid-column:1;grid-row:5;font-size:10px}.menu:not(.results):not(.pause-menu)>.best-label{grid-column:2;grid-row:1}.menu:not(.results):not(.pause-menu)>.primary{grid-column:2;grid-row:2;margin:4px 0}.menu:not(.results):not(.pause-menu)>.daily{grid-column:2;grid-row:3}.menu:not(.results):not(.pause-menu)>small{grid-column:2;grid-row:4}.menu:not(.results):not(.pause-menu)>.menu-links{grid-column:2;grid-row:5}}