@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue:#2f8cff;--blue-d:#1b5fc4;--orange:#ff8a1e;--orange-d:#d4600c;--panel:#1c2432eb;--panel-b:#ffffff14;--text:#f4f7fb;--muted:#a9b6c8;--font:"Fredoka Variable", "Fredoka", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#8fd3f0;margin:0;overflow:hidden}#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-weight:600;position:fixed;inset:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}.screen{pointer-events:auto;background:radial-gradient(#0a1e3226,#0a14238c);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{background:var(--panel);border:2px solid var(--panel-b);text-align:center;border-radius:22px;width:min(440px,92vw);max-height:92vh;padding:26px 30px 24px;overflow:auto;box-shadow:0 18px 50px #00000059}.card.wide{text-align:left;width:min(720px,94vw)}.logo{letter-spacing:1px;text-shadow:0 3px #3a4350,0 6px 14px #00000059;margin:2px 0 6px;font-size:clamp(38px,7vw,64px);font-weight:700;line-height:1}.logo .a{color:#f1f3f5}.logo .b{color:#ffb02e}.tag{color:var(--muted);margin:0 0 20px;font-size:15px;font-weight:500}.btn{color:#fff;background:linear-gradient(#3a475c,#2c3647);border:0;border-radius:14px;width:100%;margin:10px 0;padding:14px 18px;font-size:19px;font-weight:700;transition:transform 80ms,filter .15s;display:block;box-shadow:0 4px #1b222d,inset 0 1px #ffffff1f}.btn:hover,.btn:focus-visible{filter:brightness(1.15);outline:none}.btn:active{transform:translateY(2px);box-shadow:0 2px #1b222d}.btn.blue{background:linear-gradient(#3d98ff,#1f6fd9);box-shadow:0 4px #154c96}.btn.orange{background:linear-gradient(#ffa040,#ec7612);box-shadow:0 4px #a9510b}.btn.small{width:auto;margin:6px 4px;padding:10px 16px;font-size:16px;display:inline-block}.row{gap:10px;display:flex}.row .btn{flex:1}.diff .btn.sel{outline:3px solid #ffd166}h2{margin:0 0 12px;font-size:26px}.howto h3{color:#ffd166;margin:16px 0 6px;font-size:18px}.howto p,.howto li{color:#dbe3ee;margin:4px 0;font-size:15px;font-weight:500;line-height:1.45}.howto ul{margin:4px 0;padding-left:20px}.keys{grid-template-columns:1fr 1fr;gap:4px 18px;display:grid}kbd{color:#1e2633;text-align:center;background:#e9eef5;border-radius:6px;min-width:22px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 2px #8d99aa}.vol{align-items:center;gap:12px;margin:18px 0;font-size:18px;display:flex}.vol input{accent-color:#ffb02e;flex:1;height:28px}#hud{position:absolute;inset:0}.plate{top:max(10px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex;position:absolute}.plate.p0{left:max(12px, env(safe-area-inset-left))}.plate.p1{right:max(12px, env(safe-area-inset-right));flex-direction:row-reverse}.avatar{border:4px solid #fff;border-radius:50%;flex:none;width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px);overflow:hidden;box-shadow:0 3px 10px #0000004d}.p0 .avatar{background:radial-gradient(circle at 50% 35%, #7cc0ff, var(--blue-d));border-color:var(--blue)}.p1 .avatar{background:radial-gradient(circle at 50% 35%, #ffc27d, var(--orange-d));border-color:var(--orange)}.avatar svg{width:100%;height:100%;display:block}.pinfo{flex-direction:column;gap:4px;display:flex}.p1 .pinfo{align-items:flex-end}.pname{background:var(--panel);letter-spacing:.5px;white-space:nowrap;border-radius:10px;padding:5px 16px;font-size:clamp(14px,1.7vw,22px);font-weight:700}.ammo{align-items:center;gap:2px;height:30px;display:flex}.p1 .ammo{flex-direction:row-reverse}.ammo svg{filter:drop-shadow(0 2px 2px #00000059);width:clamp(20px,2.2vw,28px);height:clamp(20px,2.2vw,28px);transition:opacity .2s,transform .2s}.ammo svg.empty{opacity:.22;transform:scale(.85)}.regen{width:26px;height:26px;margin:0 4px;position:relative}.regen svg{transform:rotate(-90deg);width:26px!important;height:26px!important}.regen span{justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.center-top{top:max(6px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mini-logo{text-shadow:0 2px #3a4350;font-size:clamp(18px,2.4vw,32px);font-weight:700;line-height:1}.mini-logo .b{color:#ffb02e}.score{background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:2px 18px 4px;font-size:clamp(28px,3.6vw,48px);font-weight:700;line-height:1.1;display:flex}.score .s0{color:#4aa3ff}.score .s1{color:#ff9a33}.timer{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:10px;padding:2px 14px;font-size:clamp(15px,1.8vw,22px);font-weight:700}.timer.low{color:#ff6b6b}.pausebtn{pointer-events:auto;background:var(--panel);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.anchor{bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;z-index:5;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(62px,7.5vw,96px);height:clamp(62px,7.5vw,96px);padding:0;transition:filter .25s,opacity .25s;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.anchor svg{width:56%;height:56%}.anchor.a0{left:max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,#4ea6ff,#1655b8)}.anchor.a1{right:max(16px, env(safe-area-inset-right));background:radial-gradient(circle at 50% 35%,#ffa64d,#c6560a)}.anchor.used{filter:grayscale()brightness(.55);opacity:.6}.anchor.on{box-shadow:0 0 0 6px #ffe678b3,0 0 30px #ffe678e6}.anchor .key{background:#222b38;border:2px solid #ffffff80;border-radius:6px;padding:1px 7px;font-size:13px;font-weight:700;position:absolute;bottom:-12px}.ind{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-100%)}.pow{background:#141a24bf;border:2px solid #ffffffd9;border-radius:6px;width:64px;height:9px;overflow:hidden}.pow i{background:linear-gradient(90deg,#7ee081,#ffd166 60%,#ff6b4a);width:0;height:100%;display:block}.pow.full{box-shadow:0 0 8px #ffd166}.reload{color:#ffd166;white-space:nowrap;background:#141a24cc;border-radius:8px;padding:1px 8px;font-size:13px;font-weight:700}#banner{text-align:center;text-shadow:0 4px #1e2837d9,0 8px 24px #00000059;pointer-events:none;font-size:clamp(40px,9vw,110px);font-weight:700;transition:opacity .2s;position:absolute;top:38%;left:0;right:0}#banner.pop{animation:.45s ease-out pop}#banner small{margin-top:6px;font-size:.32em;display:block}#banner.b0{color:#63b2ff}#banner.b1{color:#ffa04a}@keyframes pop{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}.end-score{margin:4px 0 14px;font-size:54px;font-weight:700}.end-score .s0{color:#4aa3ff}.end-score .s1{color:#ff9a33}#touch{pointer-events:none;z-index:2;position:absolute;inset:0}#hud .anchor{z-index:6}#hud{z-index:3}.tbtn{pointer-events:auto;color:#fff;touch-action:none;background:#141c2873;border:3px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:30px;display:flex;position:absolute}.tbtn.down{background:#ffffff59}#tLeft,#tRight{width:56px;height:56px;font-size:22px}#tLeft{left:max(16px, env(safe-area-inset-left));bottom:18px}#tRight{left:calc(max(16px, env(safe-area-inset-left)) + 66px);bottom:18px}#tJump{width:64px;height:64px;left:calc(max(16px, env(safe-area-inset-left)) + 29px);font-size:26px;bottom:88px}#tAim{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:22%;bottom:0;right:0}#tAim .hint{color:#ffffffd9;text-shadow:0 1px 3px #0009;font-size:14px;position:absolute;bottom:40px;right:120px}#tStick{pointer-events:none;border:3px dashed #fff9;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}#tStick i{background:#ffffffbf;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}body.touch .anchor.a0{left:auto;right:max(20px, env(safe-area-inset-right));width:66px;height:66px;bottom:18px}body.touch .anchor .key{display:none}#rotate{text-align:center;pointer-events:auto;background:#0c121ce0;justify-content:center;align-items:center;padding:30px;font-size:22px;display:none;position:absolute;inset:0}#rotate .ico{margin-bottom:12px;font-size:64px;animation:1.6s ease-in-out infinite rot;display:block}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:portrait) and (pointer:coarse){body.playing #rotate{display:flex}}@media (max-height:460px){.card{padding:14px 20px}.btn{margin:7px 0;padding:10px 14px;font-size:17px}.logo{font-size:40px}.tag{margin-bottom:10px}}@media (max-height:500px){.center-top{gap:2px}.mini-logo{font-size:13px}.score{border-radius:9px;gap:6px;padding:0 10px 1px;font-size:20px}.timer{border-radius:7px;padding:1px 8px;font-size:12px}.pausebtn{border-radius:7px;width:22px;height:22px;font-size:10px}}.p2,#tStick2{display:none}body.duo #tAim2,body.duo .tbtn.p2{display:flex}body.duo #tStick2:not(.hidden){display:block}#tStick2{pointer-events:none;border:3px dashed #fff9;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}#tStick2 i{background:#ffffffbf;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}body.duo #tAim{left:0;right:auto}#tAim2{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:22%;bottom:0;right:0}body.duo #tAim .hint,body.duo #tAim2 .hint{display:none}#tLeft2,#tRight2{width:56px;height:56px;font-size:22px;bottom:18px}#tRight2{right:max(16px, env(safe-area-inset-right))}#tLeft2{right:calc(max(16px, env(safe-area-inset-right)) + 66px)}#tJump2{width:64px;height:64px;right:calc(max(16px, env(safe-area-inset-right)) + 29px);font-size:26px;bottom:88px}body.touch.duo .anchor.a0{left:calc(max(16px, env(safe-area-inset-left)) + 136px);width:60px;height:60px;bottom:18px;right:auto}body.touch.duo .anchor.a1{right:calc(max(16px, env(safe-area-inset-right)) + 136px);width:60px;height:60px;bottom:18px}
