:root{color:#e9efed;font-synthesis:none;background:#171d21;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #ffc94f}[hidden]{display:none!important}.preview-page{flex-direction:column;gap:16px;max-width:1480px;height:100svh;min-height:600px;margin:auto;padding:20px 30px 18px;display:flex}.preview-header{letter-spacing:1.7px;color:#a8b5b8;justify-content:space-between;align-items:center;min-height:24px;font-size:10px;display:flex}.preview-header>div{align-items:center;gap:9px;display:flex}.preview-header strong{letter-spacing:2px;font-size:10px;font-weight:500}.preview-header>span{color:#85999d;letter-spacing:.6px}.preview-header>span>span{margin-left:9px;font-size:16px}.preview-dot{background:#efbc5b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #efbc5b30}.game-cabinet{background:linear-gradient(135deg,#363c3c,#252c2d 55%,#2d3332);border:1px solid #444c49;border-radius:12px;flex:1;min-height:0;padding:20px;position:relative;box-shadow:inset 0 2px 1px #ffffff15,inset 0 -5px 1px #1116,0 6px #111719,0 16px 26px #0003}.cabinet-studs{gap:8px;display:flex;position:absolute;top:6px;right:23px}.cabinet-studs i{background:linear-gradient(135deg,#4c5450,#242c2c);border-radius:50%;width:9px;height:9px;box-shadow:inset .5px .5px 1px #fff3,0 2px 1px #0007}.game-screen{isolation:isolate;background:linear-gradient(#efb4a4,#ffe2b4);border:3px ridge #8b9890;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #111b1d}#field{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}#field:focus-visible{outline-offset:-4px;outline:3px solid #fff0ae}.is-aiming #field{cursor:grabbing}.game-hud{pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:20px;right:20px}.game-brand strong{letter-spacing:-1.8px;color:#fff8e9;text-shadow:2px 3px #29464b,0 1px 3px #263d4844;font-family:Arial Black,Arial,sans-serif;font-size:27px;font-style:italic;font-weight:900;line-height:.9;display:block}.game-brand strong span{color:#ffcf4e}.game-brand b{color:#ed674b}.game-brand small{letter-spacing:1.3px;color:#305559;text-shadow:0 1px #ffffff30;margin-top:11px;font-size:9px;font-weight:700;display:block}.hud-divider{opacity:.5;margin:0 6px}.game-controls{pointer-events:auto;gap:7px;display:flex}.game-controls button{color:#2b5158;cursor:pointer;background:#fff8e0ba;border:1px solid #fff7;border-radius:8px;place-items:center;width:33px;height:33px;padding:7px;transition:background .15s,transform .15s;display:grid;box-shadow:0 2px #8d75533b,inset 0 1px #fff9}.game-controls button:hover{background:#fff8df;transform:translateY(-1px)}.game-controls button:active{transform:translateY(1px)}.game-controls svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sound-off,.play-icon,#sound[aria-pressed=true] .sound-on{display:none}#sound[aria-pressed=true] .sound-off{display:initial}#pause[data-paused=true] .pause-icon{display:none}#pause[data-paused=true] .play-icon{display:initial}.game-bottom{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:17px;left:20px;right:20px}.score{background:#fff6d9cc;border:1px solid #fff7;border-radius:8px;gap:18px;padding:8px 11px;display:flex;box-shadow:0 2px 5px #5c685c10}.score>span{letter-spacing:.8px;color:#426165;align-items:center;gap:7px;font-size:8px;display:flex}.score strong{letter-spacing:0;color:#23434c;font-variant-numeric:tabular-nums;font-size:15px}.gesture-hint{white-space:nowrap;color:#38595a;letter-spacing:.1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8decc;border:1px solid #fff7;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.flick-arrow{color:#cc5844;font-size:22px;line-height:1}.gesture-hint.is-hidden{opacity:0}.shot-meter{opacity:0;background:#fff8;border-radius:99px;width:90px;height:7px;margin-left:auto;transition:opacity .2s;overflow:hidden}.is-aiming .shot-meter{opacity:1}.shot-meter span{border-radius:inherit;background:linear-gradient(90deg,#f4c44c,#de6047);width:0;height:100%;display:block}.shot-feedback{opacity:0;pointer-events:none;z-index:3;text-align:center;letter-spacing:-2px;white-space:nowrap;color:#fff3ca;text-shadow:3px 4px #254650,0 0 18px #fff4;font-family:Arial Black,Arial,sans-serif;font-size:clamp(30px,5.5vw,66px);font-style:italic;font-weight:900;transition:transform .2s cubic-bezier(.12,1.4,.5,1),opacity .15s;position:absolute;top:28%;left:50%;transform:translate(-50%,15px)scale(.85)rotate(-4deg)}.shot-feedback.is-visible{opacity:1;transform:translate(-50%)scale(1)rotate(-4deg)}.shot-feedback.is-gold{color:#ffd352}.shot-feedback small{letter-spacing:2px;color:#fffaf1;text-shadow:0 1px 3px #163b45;margin-top:7px;font:700 9px Arial,sans-serif;display:block}.pause-overlay{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#173d4d99;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pause-overlay>span{letter-spacing:2.6px;color:#ffdc93;font-size:9px}.pause-overlay>strong{letter-spacing:-2px;color:#fff3d8;font-family:Georgia,serif;font-size:clamp(38px,6vw,66px);font-style:italic;font-weight:400}.pause-overlay button{color:#473b25;cursor:pointer;background:linear-gradient(#ffe0a2,#eeb850);border:1px solid #ffd17d;border-radius:9px;margin-top:8px;padding:13px 22px;font-size:12px;box-shadow:inset 0 1px #fff9,0 4px #a56e2e}.pause-overlay button span{margin-left:18px;font-size:10px}.preview-footer{color:#99aaad;justify-content:space-between;align-items:flex-start;gap:20px;min-height:26px;font-size:11px;line-height:1.6;display:flex}.preview-footer p{max-width:900px;margin:0}.preview-footer strong{color:#e1d4b5;margin-right:8px;font-weight:400}.preview-footer>span{color:#c1a771;flex:none;font-size:10px}.keyboard-note{color:#829699;margin-left:5px}.webgl-error{color:#34555a;text-align:center;background:#ffe6b8;place-items:center;padding:40px;font-size:15px;display:grid;position:absolute;inset:0}@media (width<=900px){.preview-page{padding-inline:16px}.game-brand strong{font-size:22px}.game-brand small{font-size:8px}.gesture-hint{font-size:10px;left:auto;right:0;transform:none}.preview-footer{flex-direction:column;gap:3px}.preview-footer>span{font-size:9px}.keyboard-note{display:none}.game-bottom{left:14px;right:14px}.score{gap:11px;padding:6px 8px}}@media (width<=600px){.preview-page{gap:12px;height:100svh;min-height:700px;padding:15px 10px 13px}.game-cabinet{border-radius:9px;padding:12px}.cabinet-studs{gap:5px;top:3px;right:14px}.cabinet-studs i{width:6px;height:6px}.game-hud{flex-direction:column;gap:14px;top:13px;left:12px;right:12px}.game-controls{align-self:flex-end;gap:5px;margin-top:-4px}.game-controls button{width:30px;height:30px;padding:6px}.game-brand strong{font-size:26px}.game-brand small{font-size:8px}.score{gap:12px}.score>span{flex-direction:column;gap:2px;font-size:7px}.score strong{font-size:14px}.gesture-hint{white-space:normal;max-width:190px;padding:6px 8px;font-size:9px;line-height:1.35;bottom:4px;left:auto;right:0}.game-bottom{bottom:12px;left:10px;right:10px}.shot-meter{width:60px}.is-aiming .gesture-hint{opacity:0}.shot-feedback{letter-spacing:-1px;font-size:35px;top:34%}.preview-footer{gap:3px;font-size:10px}.preview-header{letter-spacing:1px;font-size:8px}.preview-header strong{letter-spacing:1.3px;font-size:8px}}.game-hud{flex-direction:row;align-items:flex-start;top:20px;left:22px;right:22px}.lives{filter:drop-shadow(0 2px #0002);gap:3px;display:flex}.lives svg{fill:#e74439;stroke:#141b20;stroke-width:2.5px;stroke-linejoin:round;width:29px;height:28px;transition:fill .2s,transform .2s}.lives svg.is-empty{fill:#8a9797}.life-lost .lives{animation:.45s heart-shake}.scoreboard{filter:drop-shadow(0 3px #17212b);flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.best-score{color:#ffce35;-webkit-text-stroke:1.4px #17212b;paint-order:stroke fill;align-items:center;gap:5px;font:italic 900 24px/1 Arial Black,Arial,sans-serif;display:flex}.best-score svg{fill:#ffcc35;stroke:#17212b;stroke-width:2.3px;stroke-linejoin:round;width:19px;height:26px}.best-score .flame-core{fill:#fff3a5;stroke:none}.scoreboard>strong{letter-spacing:-3px;color:#fff;-webkit-text-stroke:3px #17212b;paint-order:stroke fill;font-variant-numeric:tabular-nums;font:italic 900 clamp(40px,5vw,64px)/1 Arial Black,Arial,sans-serif}.scoreboard #score-add{color:#ffce35;-webkit-text-stroke:1.5px #17212b;paint-order:stroke fill;opacity:0;font:italic 900 30px Arial Black,Arial,sans-serif;position:absolute;top:38px;left:calc(100% + 7px)}.score-pop .scoreboard>strong{animation:.55s cubic-bezier(.2,1.7,.5,1) score-bounce}.score-pop #score-add{animation:.85s ease-out both score-add}.game-bottom{align-items:flex-end;bottom:18px;left:22px;right:22px}.stage-label{color:#fff7dd;text-shadow:0 1px 3px #163b45aa;max-width:40%;line-height:1.5}.stage-label>span{letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:900}.stage-label small{letter-spacing:1px;font-size:8px;font-weight:700;display:block}.stage-label b{font:inherit}.stage-label i{opacity:.6;margin:0 7px;font-style:normal}.gesture-hint{font-size:10px;bottom:0}.shot-feedback{color:#fff;letter-spacing:-2px;-webkit-text-stroke:2px #17212b;paint-order:stroke fill;text-shadow:2px 4px #17212b;font-size:clamp(28px,5vw,65px);transition:transform .25s cubic-bezier(.12,1.4,.5,1),opacity .15s;top:25%}.shot-feedback small{-webkit-text-stroke:0;letter-spacing:1.5px;text-shadow:0 2px 3px #102d3a;font-size:10px}.shot-feedback.is-visible{animation:.38s cubic-bezier(.2,1.5,.5,1) feedback-pop}.round-wipe{z-index:4;pointer-events:none;visibility:hidden;background:#ffca32;justify-content:center;align-items:center;display:flex;position:absolute;inset:-15% -20%;transform:translate(-135%)skew(-10deg);box-shadow:0 0 70px #efb20b22}.round-wipe.is-active{visibility:visible}.round-wipe>div{text-align:center;padding:30px;transform:skew(10deg)}.round-wipe small{letter-spacing:3px;color:#302816;margin-bottom:15px;font-size:11px;font-weight:900;display:block}.round-wipe strong{text-transform:uppercase;letter-spacing:-3px;color:#fff;-webkit-text-stroke:3px #17212b;paint-order:stroke fill;text-shadow:3px 6px #17212b;max-width:500px;font:italic 900 clamp(36px,6vw,78px)/.95 Arial Black,Arial,sans-serif;display:block}.theme-announcement{pointer-events:none;text-align:center;opacity:0;z-index:3;transition:opacity .3s,transform .3s;position:absolute;top:28%;left:50%;transform:translate(-50%,15px)rotate(-5deg)}.theme-announcement.is-visible{opacity:1;transform:translate(-50%)rotate(-5deg)}.theme-announcement strong{color:#ffcd35;-webkit-text-stroke:2px #17212b;paint-order:stroke fill;text-shadow:2px 4px #17212b;text-transform:uppercase;white-space:nowrap;font:italic 900 clamp(30px,5vw,65px)/1 Arial Black,Arial,sans-serif;display:block}.theme-announcement small{color:#fff;text-shadow:0 2px 4px #17212b;margin-top:12px;font-size:12px;font-weight:700;display:block}.gameover-overlay{z-index:6;text-align:center;background:#10272dc7;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s overlay-in;display:flex;position:absolute;inset:0;overflow:hidden}.gameover-overlay>span{letter-spacing:2.5px;color:#ffda72;z-index:1;font-size:9px;font-weight:700}.gameover-overlay>strong{text-transform:uppercase;letter-spacing:-4px;color:#fff;-webkit-text-stroke:3px #141b24;paint-order:stroke fill;text-shadow:4px 7px #141b24;z-index:1;font:italic 900 clamp(48px,8vw,100px)/.85 Arial Black,Arial,sans-serif;animation:.55s cubic-bezier(.1,1.3,.5,1) end-pop;position:relative;transform:rotate(-9deg)}.final-score{color:#fff;-webkit-text-stroke:3px #141b24;paint-order:stroke fill;text-shadow:4px 6px #141b24;z-index:1;margin-top:14px;font:italic 900 clamp(70px,10vw,125px)/1 Arial Black,Arial,sans-serif;position:relative}.gameover-overlay p{color:#fff2c9;z-index:1;margin:0 0 12px;font-size:11px}.gameover-overlay button{color:#17212b;cursor:pointer;z-index:1;background:#ffce35;border:2px solid #17212b;border-radius:9px;justify-content:center;align-items:center;gap:30px;min-width:180px;padding:12px 26px;font-size:13px;font-weight:800;display:flex;position:relative;box-shadow:3px 5px #17212b}.gameover-overlay button:hover{background:#ffe36b}.gameover-overlay button:active{transform:translateY(3px);box-shadow:1px 2px #17212b}.gameover-overlay button span{font-size:28px;line-height:1}.is-record .gameover-overlay{background:radial-gradient(#ffdc55,#ffc42e)}.is-record .gameover-overlay>span,.is-record .gameover-overlay p{color:#3b301d}.is-record .final-score:before,.is-record .final-score:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);z-index:-1;background:#ffe993;width:90px;height:34px;position:absolute;top:30px;left:-105px;transform:rotate(10deg)}.is-record .final-score:after{left:auto;right:-105px;transform:rotate(190deg)}.record-brick{background:linear-gradient(160deg,#333b41,#121a1f);border:2px solid #121a1f;width:240px;height:100px;display:none;position:absolute;transform:rotate(15deg);box-shadow:0 14px #11171d}.record-brick:before{content:"";background:radial-gradient(#454c50 42%,#161d21 45%,#0000 48%) 0 0/42px 20px repeat-x;height:20px;position:absolute;inset:-13px 12px auto}.is-record .record-brick{display:block}.brick-one{top:6%;left:-60px}.brick-two{bottom:12%;right:-90px;transform:rotate(-20deg)}.is-paused *{animation-play-state:paused!important}.game-screen:fullscreen{box-shadow:none;border:0}.game-screen[data-phase=gameover] .game-controls{z-index:7;position:relative}.game-screen[data-phase=gameover] #pause{visibility:hidden}.game-screen[data-theme="2"] .stage-label{color:#e3e5ff}.game-screen[data-theme="2"] .gesture-hint{background:#eceaffde}.game-screen[data-phase=gameover] .game-hud{z-index:7}.game-screen[data-phase=gameover] .lives,.game-screen[data-phase=gameover] .scoreboard{visibility:hidden}.game-screen,.gameover-overlay{overflow:clip}@keyframes score-bounce{0%{transform:scale(1)}35%{transform:scale(1.5)rotate(-7deg)}to{transform:scale(1)}}@keyframes score-add{0%{opacity:0;transform:translateY(12px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.2)}70%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.85)}}@keyframes heart-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.6)rotate(-12deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(-4deg)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes end-pop{0%{transform:rotate(-16deg)scale(.3)}to{transform:rotate(-9deg)scale(1)}}@media (width<=900px){.game-hud,.game-bottom{left:15px;right:15px}.gesture-hint{white-space:normal;max-width:210px;font-size:9px;line-height:1.4;left:auto;right:0;transform:none}.stage-label{max-width:48%}.stage-label>span{font-size:10px}.scoreboard>strong{font-size:50px}}@media (width<=600px){.game-hud{flex-direction:row;gap:4px;top:15px;left:10px;right:10px}.lives{gap:0}.lives svg{width:20px;height:22px}.game-controls{flex-wrap:wrap;justify-content:flex-end;align-self:auto;gap:4px;width:64px;margin:0}.game-controls button{width:29px;height:29px;padding:5px}.scoreboard{top:-5px}.best-score{font-size:21px}.best-score svg{width:15px;height:21px}.scoreboard>strong{-webkit-text-stroke:2.5px;font-size:48px}.scoreboard #score-add{font-size:23px;top:31px}.game-bottom{bottom:15px;left:12px;right:12px}.stage-label{max-width:50%}.stage-label>span{letter-spacing:.8px;font-size:9px}.stage-label small{letter-spacing:.3px;font-size:7px}.stage-label i{margin:0 4px}.gesture-hint{max-width:135px;padding:6px 8px;font-size:8px;bottom:0}.shot-feedback{letter-spacing:-1px;-webkit-text-stroke:1.5px;font-size:32px;top:29%}.shot-feedback small{letter-spacing:.5px;white-space:normal;max-width:270px;margin:10px auto 0;font-size:8px}.theme-announcement{width:90%;top:27%}.theme-announcement strong{white-space:normal;font-size:34px}.theme-announcement small{font-size:10px}.round-wipe strong{letter-spacing:-2px;font-size:42px}.gameover-overlay{gap:14px}.gameover-overlay>strong{letter-spacing:-2.5px;font-size:52px}.final-score{font-size:98px}.gameover-overlay>span{letter-spacing:1.5px;font-size:7px}.gameover-overlay p{font-size:10px}.record-brick{width:170px;height:80px}.brick-one{top:7%;left:-70px}.brick-two{bottom:10%;right:-70px}.gameover-overlay button{min-width:170px}.gameover-overlay .final-score:before{width:60px;left:-70px}.gameover-overlay .final-score:after{width:60px;right:-70px}}@media (height<=540px) and (width>=600px){.preview-page{gap:8px;min-height:390px;padding:9px 20px}.preview-header{min-height:15px}.game-cabinet{padding:10px}.gameover-overlay{gap:6px}.gameover-overlay>strong{font-size:50px}.final-score{margin-top:3px;font-size:65px}.gameover-overlay p{margin:0}.gameover-overlay button{padding:6px 20px}.scoreboard>strong{font-size:38px}.best-score{font-size:19px}.shot-feedback{font-size:35px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.round-wipe{inset:0}.round-wipe>div{transform:none}}.lives{filter:none}.lives svg{stroke:none}.gesture-hint{-webkit-backdrop-filter:none;backdrop-filter:none;color:#24393b;text-align:center;pointer-events:none;background:0 0;border:0;border-radius:0;max-width:none;margin:0;padding:0;font:400 14px/1.4 Arial,Helvetica,sans-serif;display:block;position:absolute;bottom:16px;left:12px;right:12px;transform:none}.game-screen[data-theme="2"] .gesture-hint{color:#fff6dc;background:0 0}.game-screen:not([data-phase=ready]) .gesture-hint,.is-paused .gesture-hint{display:none}.shot-feedback{white-space:normal;width:100%;padding-inline:12px;line-height:1}.game-screen[data-phase=gameover] .game-hud{justify-content:flex-end}.game-screen[data-phase=gameover] .game-controls{flex-wrap:nowrap;width:auto}.game-screen[data-phase=gameover] #pause{display:none}.gameover-overlay{gap:clamp(4px,1.2vh,14px);padding:52px 12px 10px}.gameover-overlay>strong{font-size:clamp(26px,min(12vw,13vh),100px)}.final-score{margin-top:clamp(3px,1.6vh,14px);font-size:clamp(32px,16vh,125px)}.gameover-overlay p{margin:0 0 4px}.gameover-overlay button{padding:clamp(5px,1.2vh,12px) 20px}.record-brick{width:min(240px,34vw);height:clamp(48px,14vh,100px)}@media (width<=600px){.gesture-hint{font-size:12px;bottom:12px}.shot-feedback{font-size:clamp(22px,7vw,32px)}}.is-embedded,.is-embedded body{height:100%;overflow:hidden}.is-embedded .preview-page{gap:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}.is-embedded .preview-header,.is-embedded .cabinet-studs{display:none}.is-embedded .preview-footer{clip-path:inset(50%);width:1px;height:1px;min-height:0;position:absolute;overflow:hidden}.is-embedded .game-cabinet{box-shadow:none;border:0;border-radius:0;padding:0}.is-embedded .game-screen{box-shadow:none;border:0}@media (width<600px){:root:not(.is-embedded) .preview-page{height:max(30rem,100svh);min-height:0}.game-hud{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.scoreboard{justify-self:center;position:relative;top:auto;left:auto;transform:none}.game-controls{grid-template-columns:repeat(2,44px);gap:6px;width:94px;display:grid}.game-controls button{width:44px;height:44px}.game-screen[data-phase=gameover] .game-controls{grid-column:3}}@media (width<600px),(pointer:coarse){.game-controls button{width:44px;height:44px}.gameover-overlay button,.pause-overlay button{min-height:44px}}