@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&display=swap";:root{font-family:"Baloo 2",ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#fff;background:#0b3974;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;cursor:pointer}#app{position:relative;height:100dvh;min-height:440px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 20%,#2b89e8 0,#155dae 43%,#07346e)}.backdrop{position:absolute;inset:0;overflow:hidden;z-index:-1}.sunburst{position:absolute;width:min(110vw,1100px);aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 4deg,#ffffff0a 0deg 13deg,#fff0 13deg 27deg);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 72%);mask-image:radial-gradient(circle,#000 8%,transparent 72%)}.orb{position:absolute;border-radius:50%;background:#76cfff1b;filter:blur(2px)}.orb-a{width:36vw;height:36vw;left:-20vw;bottom:-24vw}.orb-b{width:32vw;height:32vw;right:-18vw;top:-18vw}.flag{position:absolute;width:clamp(150px,26vw,390px);filter:drop-shadow(0 16px 15px #05255f60);opacity:.43}.flag img{width:100%;display:block;animation:wave 3.2s ease-in-out infinite alternate;transform-origin:left center}.flag-left{left:-3%;top:18%;transform:rotate(-14deg)}.flag-right{right:-4%;top:29%;transform:rotate(13deg) scaleX(-1);opacity:.3}.flag-right img{animation-delay:-1.3s}@keyframes wave{0%{transform:perspective(600px) rotateY(-12deg) skewY(-2deg) scaleX(.98)}to{transform:perspective(600px) rotateY(12deg) skewY(2deg) scaleX(1.03)}}.topbar{position:absolute;z-index:10;inset:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) auto max(22px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand{color:#fff5d8;font-size:clamp(22px,2.7vw,35px);font-weight:800;line-height:1.12;letter-spacing:-1.8px;text-shadow:0 3px 0 #0c3f8c,0 5px 15px #04255988;white-space:nowrap}.brand-mark{display:inline-block;margin-left:6px;color:#ffce66;font-size:.55em;vertical-align:top;transform:rotate(10deg)}.icon-button{pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;padding:11px;border:2px solid #ffffff52;border-radius:17px;color:#fff;background:linear-gradient(#5facf0,#2472ca);box-shadow:0 5px #0a3f88,0 9px 20px #07285b55,inset 0 2px #ffffff48;transition:transform .15s,box-shadow .15s}.icon-button:hover{transform:translateY(-2px);box-shadow:0 7px #0a3f88,0 12px 22px #07285b55,inset 0 2px #ffffff48}.icon-button:active{transform:translateY(3px);box-shadow:0 2px #0a3f88}.icon-button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon-button .sound-off,.icon-button.muted .sound-on{display:none}.icon-button.muted .sound-off{display:block}main{position:absolute;inset:0}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%;touch-action:none;cursor:none}.hud{position:absolute;top:clamp(74px,10vh,96px);left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:4}.hud-pill{display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;height:51px;padding:0 17px;color:#fef8df;font-size:30px;font-weight:800;line-height:1;border:2px solid #ffffff69;border-radius:17px;background:linear-gradient(180deg,#3d91dc,#175cad);box-shadow:0 5px #0c3c82,0 8px 18px #092e644d,inset 0 2px #ffffff26;text-shadow:0 2px 0 #165197}.ca-pill{white-space:nowrap;font-size:19px;letter-spacing:.01em;border-color:#ffe7a3;background:linear-gradient(#ffc96b,#f2874e);box-shadow:0 5px #a94f43,0 8px 18px #092e644d,inset 0 2px #ffffff70;text-shadow:0 2px 0 #b65c43;transition:transform .14s,filter .14s}.ca-pill:hover{transform:translateY(-2px);filter:brightness(1.06)}.ca-pill:active{transform:translateY(3px)}.ca-pill:disabled{opacity:.55;cursor:default}.hud-icon{color:#ffcf65;font-size:28px;margin-top:-2px;text-shadow:0 2px 0 #b56b34}.timer-pill svg{width:25px;height:25px;fill:none;stroke:#fff5d8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pulse{animation:score-pulse .22s ease-out}@keyframes score-pulse{50%{transform:scale(1.18) rotate(-3deg)}}.overlay{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:min(28vh,200px);background:linear-gradient(180deg,#072b6610,#092d6c40);transition:opacity .24s,visibility .24s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay h1{margin:0 18px 18px;color:#ffefbd;font-size:clamp(43px,8.5vw,100px);font-weight:800;line-height:.98;letter-spacing:-.065em;text-align:center;white-space:nowrap;-webkit-text-stroke:2px #a95737;paint-order:stroke fill;text-shadow:0 5px 0 #ad5a37,0 9px 0 #6d3b45,0 15px 18px #06245c88;transform:rotate(-3deg)}.play-button{display:grid;place-items:center;width:clamp(82px,10vw,112px);height:clamp(82px,10vw,112px);padding:0;border:4px solid #fff4d8;border-radius:32%;color:#fff9e5;background:linear-gradient(145deg,#ffcc6a,#fb795b);box-shadow:0 9px #ab3e52,0 16px 24px #061e5666,inset 0 5px #ffffff74;transform:rotate(-7deg);transition:transform .18s,box-shadow .18s;animation:play-bob 2s ease-in-out infinite}.play-button svg{width:49%;height:49%;fill:currentColor;filter:drop-shadow(0 3px 0 #c75548);margin-left:7px}.play-button:hover{transform:rotate(-7deg) scale(1.08)}.play-button:active{transform:translateY(7px) rotate(-7deg);box-shadow:0 2px #ab3e52}@keyframes play-bob{50%{translate:0 -6px}}.splash-decoration{position:absolute;color:#f9c568;font-size:55px;text-shadow:0 4px 0 #be7241;opacity:.9}.splash-left{top:53%;left:12%;transform:rotate(-15deg)}.splash-right{top:32%;right:12%;transform:rotate(22deg) scale(.75)}#floaters{position:fixed;inset:0;pointer-events:none;z-index:8}.floater{position:absolute;font-size:32px;font-weight:800;animation:float-up .68s ease-out forwards;text-shadow:0 2px 0 #0a4590,0 4px 10px #03245a}.floater.hit{color:#ffe178}.floater.miss{color:#a5d9ff;font-size:22px}@keyframes float-up{0%{transform:translate(-50%,-35%) scale(.65);opacity:0}20%{opacity:1}to{transform:translate(-50%,-140%) scale(1.2);opacity:0}}@media(max-width:700px){.flag-left{left:-17%;top:21%}.flag-right{right:-20%;top:48%}.topbar{inset:max(13px,env(safe-area-inset-top)) 14px auto}.brand{font-size:clamp(19px,5.4vw,26px);letter-spacing:-1px}.icon-button{width:42px;height:42px;border-radius:14px;padding:9px}.hud{top:clamp(62px,10vh,86px);gap:8px}.hud-pill{height:43px;min-width:78px;padding:0 12px;font-size:25px;border-radius:14px}.hud-icon{font-size:23px}.timer-pill svg{width:21px;height:21px}.ca-pill{min-width:84px;font-size:14px;padding:0 9px}.overlay{padding-top:min(34vh,200px)}.overlay h1{font-size:clamp(36px,10vw,64px);-webkit-text-stroke:1.5px #a95737}.splash-decoration{font-size:30px}}@media(max-height:600px)and (min-width:700px){.hud{top:18px}.overlay{padding-top:14vh}.overlay h1{font-size:clamp(40px,7vw,72px)}.play-button{width:75px;height:75px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}