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