body{margin:0}.app{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;max-height:100vh;overflow:hidden;overscroll-behavior:none;background:#0e0e0e;color:#0f0;font-family:var(--font-roboto-mono),monospace;text-align:center}canvas{display:block;margin:20px auto;border:2px solid #0f0}.score-css,.timer-css{font-size:16px}.timer-css{display:inline-block;transform:translateZ(0);will-change:transform}.game-over.hidden{display:none}.game-over{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.7);z-index:1000}.game-over-card{background:#0e0e0e;color:#fff;border:2px solid #2aff2a;border-radius:14px;padding:20px 28px;min-width:280px;text-align:center}.game-over-card #game-over-msg{font-size:17px;margin-bottom:12px;white-space:pre-line}.game-over-card #game-over-msg .game-over-title{font-size:22px;letter-spacing:.2rem;text-transform:uppercase;color:#ff3154;font-weight:700}.game-over-card #game-over-btn{font-size:18px;font-weight:700;padding:4px 18px 0;background:#2aff2a;color:#000;border:none;border-radius:10px;cursor:pointer;font-family:var(--font-roboto-mono),monospace}.game-over-card #game-over-btn:hover{filter:brightness(1.1)}.enter-emoji{display:flex;justify-content:center;align-items:center}@keyframes trembleX{0%{transform:translateX(0)}10%{transform:translateX(5px)}20%{transform:translateX(-5px)}30%{transform:translateX(5px)}40%{transform:translateX(-5px)}50%{transform:translateX(5px)}60%{transform:translateX(-5px)}70%{transform:translateX(5px)}80%{transform:translateX(-5px)}90%{transform:translateX(5px)}to{transform:translateX(0)}}#timer.shake-x{animation:trembleX .7s linear}.controls-container{--btn-size:clamp(65px,calc((100vw - 40px) / 4),160px);--btn-gap:clamp(20px,calc(var(--btn-size) * 0.25),40px);display:flex;justify-content:center;align-items:center;gap:var(--btn-gap);padding:10px;box-sizing:border-box}.controls-column{display:flex;flex-direction:column;gap:10px}.control-btn{width:var(--btn-size);height:var(--btn-size);background:#0e0e0e;border:1px solid #ffffff80;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;user-select:none;padding:0;font-family:var(--font-roboto-mono),monospace;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none}.control-btn-side{height:calc(2 * var(--btn-size) + 10px)}.control-btn-vertical{width:calc(var(--btn-size) + 20px)}.control-btn:hover{background:#1a1a1a;transform:translateY(-2px)}.control-btn:active{background:#2a2a2a;transform:translateY(0)}.control-btn.pressed{background:#2a2a2a;transform:translateY(2px)}.control-btn:focus{outline:none}.control-btn svg{pointer-events:none}@media (hover:hover) and (pointer:fine){.controls-container{display:none}}canvas{max-width:calc(100vw - 20px);max-height:calc(100vh - 220px);width:auto!important;height:auto!important}