*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#11182a;color:#fff;font-family:Inter,"Arial Rounded MT Bold","Hiragino Kaku Gothic ProN",sans-serif;touch-action:none}canvas{display:block;width:100%;height:100%;position:absolute}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #06102760}header{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{font-size:27px;font-weight:1000;color:#ffe33e;letter-spacing:-2px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#fff}.settings{display:flex;gap:6px}.settings button{background:#182238cc;color:#dbe9f6;border:1px solid #ffffff20;padding:9px 12px;border-radius:30px;font-size:11px}.panel{position:absolute;left:8%;top:50%;transform:translateY(-45%);width:390px;max-width:90vw;z-index:3}.tag{font-size:10px;letter-spacing:2.5px;color:#70f0d2;font-weight:800;margin-bottom:12px}h1{font-size:clamp(68px,8vw,112px);line-height:.81;letter-spacing:-5px;margin:15px 0 22px;font-style:italic;font-weight:1000;position:relative;text-shadow:5px 6px #07101c}h1 span{color:#ffe137}h1 b{position:absolute;background:#ff5679;color:#fff;border:4px solid #fff;font-size:42px;letter-spacing:-2px;line-height:1;border-radius:50%;padding:14px;transform:rotate(12deg);top:10px;right:18px}.lead{font-size:25px;font-weight:900;line-height:1.45;margin:12px 0}.instructions{display:flex;gap:9px;margin:22px 0 12px}.instructions span{font-size:12px;background:#ffffff12;border:1px solid #ffffff20;border-radius:8px;padding:9px}.help{font-size:13px;color:#bfd0e2;line-height:1.7}.play{width:100%;margin-top:18px;padding:18px 21px;display:flex;justify-content:space-between;align-items:center;background:#ffdf37;border-radius:14px;color:#19212d;font-size:16px;font-weight:900;box-shadow:0 6px 0 #b89913,0 12px 40px #ffdf3720;transition:transform .15s}.play:active{transform:translateY(4px);box-shadow:0 2px 0 #b89913}.controls{font-size:10px;color:#98acc6;text-align:center;margin-top:20px}#hud{position:absolute;top:85px;left:24px;right:24px;pointer-events:none}.hudrow{display:flex;justify-content:space-between;align-items:start;max-width:680px;margin:auto}.hudrow small{display:block;font-size:9px;letter-spacing:2px;color:#a6bed4}.hudrow strong{font-size:30px;letter-spacing:-1px;display:block}.hudrow .clock{text-align:center}.clock strong{font-size:52px;line-height:1;color:#ffe137;font-variant-numeric:tabular-nums}.right{text-align:right}.progress{max-width:680px;height:5px;background:#ffffff22;margin:16px auto 8px;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#78ffcb;transition:width .15s}.tierline{display:flex;justify-content:space-between;max-width:680px;margin:auto;font-size:10px;color:#c4dcdf}#combo{text-align:center;margin-top:22px;font-size:23px;font-style:italic;font-weight:1000;color:#ffe137;text-shadow:2px 3px #102134}#toast{position:fixed;top:42%;left:0;right:0;text-align:center;color:#fff;font-size:clamp(28px,5vw,52px);font-weight:1000;font-style:italic;text-shadow:0 4px #151928;transition:opacity .25s}.map{position:fixed;bottom:24px;right:24px;font-size:9px;color:#9fb9c8;letter-spacing:2px}#stick{position:absolute;width:104px;height:104px;border:2px solid #ffffff40;border-radius:50%;background:#ffffff0b;pointer-events:none;z-index:6;transform:translate(-50%,-50%)}#stick i{position:absolute;width:42px;height:42px;left:29px;top:29px;background:#ffe13bbb;border:2px solid #fff;border-radius:50%}#hint{position:absolute;bottom:50px;left:0;right:0;text-align:center;font-size:12px;color:#d0f7e9;pointer-events:none}#results,#paused{left:50%;transform:translate(-50%,-50%);text-align:center;padding:32px;background:#101b30ef;border:1px solid #ffffff24;border-radius:24px;box-shadow:0 25px 120px #0008;width:430px}h2{font-size:28px;margin:16px 0}.resultsize{font-size:68px;letter-spacing:-3px;font-weight:1000;color:#ffe137}.stats{display:flex;justify-content:space-around;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:20px 0;margin:20px 0}.stats small{display:block;color:#a9bacb;font-size:11px}.stats b{display:block;font-size:27px;margin-top:6px}@media(max-width:600px){header{left:16px;right:16px;top:max(14px,env(safe-area-inset-top))}.panel{left:7%;top:54%;width:86%}h1{font-size:76px;max-width:300px}.lead{font-size:21px}.help{font-size:12px}.instructions{margin:16px 0 8px}#hud{left:16px;right:16px;top:79px}.hudrow strong{font-size:25px}.clock strong{font-size:44px}.settings button{padding:8px 10px}.play{padding:16px;margin-top:12px}#menu{background:linear-gradient(90deg,#101929bb,#10192955);padding:20px;border-radius:24px}.map{bottom:calc(16px + env(safe-area-inset-bottom));right:16px}#hint{bottom:calc(40px + env(safe-area-inset-bottom))}}

#feverbtn{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:22px;padding:14px 20px;border-radius:30px;background:#ff66c6;color:#fff;font-weight:900;z-index:8;box-shadow:0 0 25px #ff66c65a}#feverbtn:disabled{background:#27384a;color:#a0b7c8;box-shadow:none}body:has(#menu:not([hidden])) #feverbtn,body:has(#results:not([hidden])) #feverbtn{display:none}#damage{font-size:12px;color:#b8cbdc}#hint{bottom:160px;font-size:11px}

#target{font-size:11px;text-align:center;color:#bdebd5;margin-top:12px;text-shadow:0 1px 4px #071528}#combo{margin-top:10px}#toast{pointer-events:none}

#toast{top:32%;font-size:clamp(32px,6vw,76px);line-height:1.05;letter-spacing:-1.5px;padding:0 14px;color:#fff5aa;-webkit-text-stroke:1px #29183b;text-shadow:3px 4px 0 #c63197,5px 7px 0 #17172c,0 0 30px #ff65da60}#toast.pop{animation:comic-pop .32s cubic-bezier(.16,1.7,.5,1)}@keyframes comic-pop{0%{transform:scale(.6) rotate(-6deg)}65%{transform:scale(1.16) rotate(2deg)}100%{transform:scale(1) rotate(-1deg)}}#combo{font-size:clamp(25px,5vw,42px);color:#fff290;text-shadow:2px 3px #e845a8,4px 5px #141d35;font-weight:1000;letter-spacing:-1px}.fever .vignette{box-shadow:inset 0 0 70px #e33dd755,inset 0 0 6px 4px #ff74e3aa}.fever #combo{color:#ffbbed;text-shadow:2px 3px #571463,0 0 20px #f95ed3}.charged #feverbtn{background:linear-gradient(110deg,#fe5faf,#fb9b43,#ffe23f);color:#271a36;box-shadow:0 0 35px #fd67ce88;transform:scale(1.06)}.fever .progress i{background:linear-gradient(90deg,#ff8cdb,#fff779,#71ffd2)}.calm #toast{animation:none;transform:none;text-shadow:2px 2px #151928}.calm .vignette{box-shadow:inset 0 0 150px #06102760}@media(prefers-reduced-motion:reduce){#toast.pop{animation:none}}