*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#2c2420;width:100%;max-width:100%;height:100%;overflow-x:hidden}body{min-height:100dvh;min-height:-webkit-fill-available;min-height:calc(var(--vh,1vh) * 100);overscroll-behavior-y:none;touch-action:manipulation;background:#2c2420;width:100%;max-width:100%;overflow-x:hidden}#root{min-height:100dvh;min-height:-webkit-fill-available;min-height:calc(var(--vh,1vh) * 100);flex-direction:column;width:100%;max-width:100%;display:flex}.app{width:100%;max-width:100%;min-height:100dvh;min-height:-webkit-fill-available;min-height:calc(var(--vh,1vh) * 100);color:#6b7785;background:#f5f7fa;flex:1;justify-content:center;align-items:stretch;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.screen{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:500px;padding:40px 20px;display:flex}.screen-bg{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-50px;transform:translateZ(0)}.screen-bg--mobile{display:none}.start-screen-root,.game-screen-root{width:100%;max-width:100%;min-height:100dvh;min-height:-webkit-fill-available;min-height:calc(var(--vh,1vh) * 100);flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.start-screen-root>.screen,.game-screen-root>.screen{z-index:1;width:100%;position:relative}.start-screen{gap:16px}.start-screen .game-title{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background-clip:unset;color:#fff;text-shadow:0 0 20px #3e281c94,0 0 40px #3e281c6b,0 2px 8px #3e281c85,0 4px 16px #3e281c61}.start-screen .tagline{color:#fff;text-shadow:0 0 12px #3e281c85,0 0 28px #3e281c6b,0 1px 3px #3e281c9e}.start-screen .play-button{color:#fff;background:#00000040;border-color:#ffffff80;box-shadow:0 4px 16px #3e281c38}.start-screen .play-button:hover{background:#00000059;box-shadow:0 6px 24px #3e281c47}.start-screen .leaderboard{-webkit-backdrop-filter:blur(10px);background:#ffffff73;border-radius:16px;padding:16px 18px;box-shadow:0 4px 24px #3e281c1a}.start-screen .leaderboard h2{color:#4a5568;text-shadow:none}.start-screen .leaderboard .leaderboard-score{color:#1a1a1a}.start-cat{filter:drop-shadow(0 0 18px #3e281c7a)drop-shadow(0 0 40px #3e281c61)drop-shadow(0 4px 16px #3e281c6b);width:240px;height:auto}.game-title{letter-spacing:4px;background:linear-gradient(135deg,#6aadc4,#7eb8da,#93c5e1);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px #7eb8da33);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Averia Serif Libre,Georgia,Times New Roman,serif;font-size:3.2rem;font-weight:700}.tagline{color:#9ba4ae;letter-spacing:.5px;margin:-4px 0 12px;font-size:1.05rem;font-style:italic}.play-button{-webkit-backdrop-filter:blur(12px);color:#6aadc4;cursor:pointer;letter-spacing:2px;background:#7eb8da1f;border:1px solid #7eb8da4d;border-radius:50px;padding:16px 56px;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px 16px #7eb8da1a}.play-button:hover{background:#7eb8da2e;transform:scale(1.05);box-shadow:0 6px 24px #7eb8da33}.play-button:active{transform:scale(.97)}.game-screen{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;flex:auto;justify-content:flex-start;min-height:85dvh;padding-top:20px;position:relative}.game-screen-root{touch-action:none}.game-screen .scoreboard{z-index:1;position:relative}.game-screen-root .scoreboard-score{color:#fff}.game-screen .scoreboard-score,.game-screen .scoreboard-lives{text-shadow:0 1px 4px #000000d9,0 2px 12px #0000008c,0 0 24px #0006}.game-screen .tap-hint{z-index:4;color:#e8ecf0;text-align:center;text-shadow:0 1px 4px #000000d9,0 2px 12px #0000008c,0 0 24px #0006;max-width:min(100%,360px);margin-top:auto;margin-left:auto;margin-right:auto;position:relative}.game-screen-root .feedback{z-index:5;color:#fff;text-shadow:0 1px 4px #000000d9,0 2px 12px #0000008c,0 0 24px #0006}.game-screen.shake{animation:.3s ease-out screenShake}.arena{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:47dvh;padding-bottom:5.3dvh;display:flex;position:relative;overflow:visible}.pendulum{transform-origin:top;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:-17.5dvh;left:50%}.pendulum-arm{object-fit:contain;filter:drop-shadow(0 2px 6px #00000014);width:14.7dvh;height:48dvh;transition:transform .1s}.paw-hit{pointer-events:none;opacity:0;box-sizing:border-box;width:7.5dvh;height:8.4dvh;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.vase-hit{pointer-events:none;opacity:0;box-sizing:border-box;width:24dvh;height:26.7dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-screen--debug-hits .paw-hit{opacity:1;z-index:2;outline-offset:-1px;background:#2ecc7159;outline:2px solid #22a055f2}.game-screen--debug-hits .vase-hit{opacity:1;z-index:1;outline-offset:-1px;background:#3498db59;outline:2px solid #1e78bef2}.pendulum-swat .pendulum-arm{transform:translateY(14px)scale(1.05)}.table-surface{justify-content:center;min-height:31dvh;display:flex;position:relative}.target{transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-out;position:absolute;bottom:-17.3dvh}.target-img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000014);width:34.7dvh;height:37.3dvh}.shatter{width:34.7dvh;height:37.3dvh;position:absolute;bottom:-17.3dvh}.shard{width:34.7dvh;height:37.3dvh;animation:.7s ease-out forwards shardFade;position:absolute;overflow:hidden}.shard img{object-fit:contain;width:34.7dvh;height:37.3dvh}.shard-0{clip-path:polygon(0% 0%,50% 0%,40% 50%,0% 40%);animation:.6s ease-out forwards shard0}.shard-1{clip-path:polygon(50% 0%,100% 0%,100% 45%,55% 50%);animation:.6s ease-out forwards shard1}.shard-2{clip-path:polygon(0% 40%,40% 50%,30% 100%,0% 100%);animation:.6s ease-out forwards shard2}.shard-3{clip-path:polygon(55% 50%,100% 45%,100% 100%,60% 100%);animation:.6s ease-out forwards shard3}.shard-4{clip-path:polygon(40% 50%,55% 50%,60% 100%,30% 100%);animation:.6s ease-out forwards shard4}@keyframes shard0{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-60px,-40px)rotate(-25deg)}}@keyframes shard1{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(70px,-30px)rotate(20deg)}}@keyframes shard2{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-50px,50px)rotate(-15deg)}}@keyframes shard3{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(60px,40px)rotate(30deg)}}@keyframes shard4{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(5px,60px)rotate(5deg)}}.target-miss{animation:.4s ease-in-out wobble}.feedback{letter-spacing:4px;color:#fff;font-size:2.8rem;font-weight:400;animation:.3s ease-out popIn;position:absolute;bottom:80px}.tap-hint{color:#bfc6cd;letter-spacing:.5px;font-size:1.2rem}.gameover-screen{background:#1a1d23}.app:has(.gameover-screen){background:#1a1d23}.gameover-screen .final-score-label,.gameover-screen .submitted p{color:#9ba4ae}.gameover-title{letter-spacing:4px;background:linear-gradient(135deg,#6aadc4,#7eb8da,#93c5e1);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px #7eb8da33);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Averia Serif Libre,Georgia,Times New Roman,serif;font-size:3.2rem;font-weight:700}.final-score{flex-direction:column;align-items:center;gap:4px;display:flex}.final-score-number{color:#f0f2f5;-webkit-text-fill-color:#f0f2f5;font-family:Averia Serif Libre,Georgia,Times New Roman,serif;font-size:6rem;font-weight:900;line-height:1}.final-score-label{color:#9ba4ae;text-transform:uppercase;letter-spacing:6px;font-size:.9rem}.score-form{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.name-input{color:#e0e4ea;text-align:center;background:#22252d;border:2px solid #2e3340;border-radius:12px;outline:none;padding:14px 16px;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:#6b7280}.name-input:focus{border-color:#7eb8da;box-shadow:0 0 0 3px #7eb8da26}.submit-button{-webkit-backdrop-filter:blur(12px);color:#6aadc4;cursor:pointer;letter-spacing:1px;background:#7eb8da1f;border:1px solid #7eb8da4d;border-radius:50px;padding:16px;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px 12px #7eb8da1a}.submit-button:hover:not(:disabled){background:#7eb8da2e;transform:scale(1.03);box-shadow:0 6px 18px #7eb8da33}.submit-button:active:not(:disabled){transform:scale(.97)}.submit-button:disabled{opacity:.4;cursor:not-allowed}.submitted{flex-direction:column;align-items:center;gap:12px;display:flex}.submitted p{color:#9ba4ae}.high-score-celebration{font-size:2rem;animation:.5s ease-out popIn,1.5s ease-in-out infinite alternate glow}.play-again-button{color:#9ba4ae;cursor:pointer;letter-spacing:1px;background:0 0;border:2px solid #4a5060;border-radius:50px;padding:12px 36px;font-size:1rem;transition:border-color .2s,color .2s,transform .15s}.play-again-button:hover{color:#7eb8da;border-color:#7eb8da}.play-again-button:active{transform:scale(.97)}.scoreboard{justify-content:space-between;width:100%;padding:0 4px;font-size:1.2rem;display:flex}.scoreboard-score{color:#3a3a3a;font-variant-numeric:tabular-nums;font-weight:400}.scoreboard-lives{font-size:1.1rem}.leaderboard{text-align:left;width:100%;max-width:320px}.leaderboard h2{color:#9ba4ae;text-transform:uppercase;letter-spacing:3px;margin:0 0 10px;font-size:.8rem;font-weight:600}.leaderboard ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-entry{background:#fff;border:1px solid #eceef1;border-radius:10px;justify-content:space-between;padding:10px 14px;display:flex;box-shadow:0 1px 3px #00000008}.leaderboard-name{color:#6b7785}.leaderboard-score{color:#7eb8da;font-variant-numeric:tabular-nums;font-weight:700}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 8px #7eb8da4d}to{text-shadow:0 0 30px #7eb8da99,0 0 60px #7eb8da26}}@keyframes screenShake{0%,to{transform:translate(0)}15%{transform:translate(-4px,2px)}30%{transform:translate(4px,-2px)}45%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-1px,1px)}}@media (width<=480px){.game-title,.gameover-title{letter-spacing:3px;font-size:2.4rem}.screen{gap:16px;padding:24px 16px}.screen-bg--desktop{display:none}.screen-bg--mobile{display:block}.game-screen{gap:8px;padding-top:10px}.arena{height:70dvh;padding-bottom:0}.pendulum{top:-19dvh}.pendulum-arm{width:20dvh;height:66dvh}.paw-hit{width:12dvh;height:14dvh;bottom:0}.target-img{aspect-ratio:354/384;width:min(265px,64vw);height:auto}.vase-hit{aspect-ratio:300/336;width:min(225px,54vw);height:auto}.shatter,.shard{aspect-ratio:354/384;width:min(265px,64vw);height:auto}.shard img{object-fit:contain;width:100%;height:100%}.table-surface{min-height:26dvh}.target,.shatter{bottom:0}.start-cat{width:180px}.feedback{font-size:2.2rem}.final-score-number{font-size:4.5rem}.play-button{padding:14px 40px;font-size:1rem}}