*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--accent:#e94560;--accent-dark:#c73652;--text:#eaeaea;--text-muted:#888;--reset-color:#444;--reset-hover:#666}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.game-container{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;max-width:480px;height:100dvh;margin:0 auto;padding:1rem;display:flex;position:relative}body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#141428b8 0%,#0000 22%),linear-gradient(#0000 72%,#141428db 100%);position:fixed;inset:0}.game-header{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.game-header h1{letter-spacing:.2em;color:var(--accent);text-shadow:0 0 20px #e9456080;font-size:1.4rem;font-weight:900}.hit-counter{flex-direction:column;align-items:flex-end;display:flex}.counter-label{letter-spacing:.15em;color:var(--text-muted);font-size:.6rem}#hit-count{color:var(--text);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:900;line-height:1;transition:transform 80ms ease-out}#hit-count.bump{transform:scale(1.3)}.stage-area{flex:1;justify-content:center;align-items:center;width:100%;display:flex}#character-wrapper{z-index:0;cursor:pointer;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#character{object-fit:contain;object-position:center bottom;pointer-events:none;width:80%;height:80%;transition:opacity 80ms;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#particle-container{pointer-events:none;position:absolute;inset:0;overflow:visible}#flash-overlay{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.ko-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ko-overlay.hidden{display:none}.ko-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.ko-text{color:var(--accent);text-shadow:0 0 40px #e94560cc;font-size:5rem;font-weight:900;animation:.4s cubic-bezier(.36,.07,.19,.97) ko-pop}.ko-content p{color:var(--text-muted);font-size:1.1rem}.ko-content strong{color:var(--text)}.controls{pointer-events:auto;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding-bottom:.5rem;display:flex}.keyboard-hint{color:var(--text-muted);letter-spacing:.05em;font-size:.72rem}@media (hover:none){.keyboard-hint{display:none}}kbd{background:#2a2a3e;border:1px solid #444;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.68rem}.buttons{align-items:center;gap:.75rem;display:flex}.btn-punch{background:var(--accent);color:#fff;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;min-width:160px;min-height:60px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:900;transition:background .1s,transform 80ms,box-shadow .1s;box-shadow:0 4px 20px #e9456066}.btn-punch:active{background:var(--accent-dark);transform:scale(.94);box-shadow:0 2px 8px #e945604d}.btn-punch:disabled{box-shadow:none;cursor:default;background:#555}.btn-reset{background:var(--reset-color);color:var(--text-muted);cursor:pointer;touch-action:manipulation;border:none;border-radius:10px;min-height:48px;padding:.7rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .1s}.btn-reset:hover{background:var(--reset-hover);color:var(--text)}.btn-reset-ko{background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;letter-spacing:.05em;border:none;border-radius:12px;padding:.9rem 2rem;font-size:1.1rem;font-weight:900}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-10px)rotate(-4deg)}40%{transform:translate(10px)rotate(4deg)}60%{transform:translate(-7px)rotate(-2deg)}80%{transform:translate(7px)rotate(2deg)}}@keyframes flash{0%{opacity:.6}to{opacity:0}}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}@keyframes ko-pop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ko-fall{0%{opacity:1;filter:brightness()grayscale(0)}to{opacity:.65;filter:brightness(.65)grayscale(.5)}}@keyframes stage-flash{0%{background:#e945604d}to{background:0 0}}.shake{animation:.22s ease-in-out shake}.ko-fall{animation:.5s ease-out forwards ko-fall}.particle{background:var(--color,#ffe066);width:10px;height:10px;animation:burst var(--duration,.4s) ease-out forwards;pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.particle.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0}