html,body{height:100%;width:100%;margin:0;background:#0d0f1a;overflow:hidden}#game{image-rendering:pixelated;height:100%;width:100%;margin:0;overflow:hidden}canvas{display:block;margin:0 auto;outline:none}.btn{font-family:monospace;padding:12px 20px;border:2px solid #ffffff;border-radius:8px;background:#141414d9;color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 0 10px #fff6,0 4px 12px #0009;text-shadow:1px 1px 3px rgba(0,0,0,.8);transition:all .2s ease;position:relative;z-index:10}.btn:hover{transform:scale(1.05);box-shadow:0 0 15px #fff9,0 6px 16px #000c;border-color:#4df3ff}.btn:active{transform:scale(.95);box-shadow:0 0 8px #ffffff4d,0 2px 8px #00000080}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button{font-family:monospace;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8);transition:all .2s ease;position:relative;z-index:10}button:not([style*=background]){background:#141414d9;border:2px solid #ffffff;border-radius:6px;box-shadow:0 0 10px #fff6,0 4px 12px #0009}button:hover{transform:scale(1.05);filter:brightness(1.2)}button:active{transform:scale(.95)}button[style*="background:#4d73fd"],button[style*="background: #4d73fd"]{box-shadow:0 0 12px #4d73fd99,0 4px 12px #0009!important;border:2px solid #6b8fff!important}button[style*="background:#3ae374"],button[style*="background: #3ae374"]{box-shadow:0 0 12px #3ae37499,0 4px 12px #0009!important;border:2px solid #5aff94!important}button[style*="background:#ff6a6a"],button[style*="background: #ff6a6a"]{box-shadow:0 0 12px #ff6a6a99,0 4px 12px #0009!important;border:2px solid #ff8a8a!important}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}