*{margin:0;padding:0;box-sizing:border-box}body{background:#000;font-family:Courier New,monospace;color:#fff;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}#gameCanvas{display:block;width:100%;height:auto;aspect-ratio:28 / 31;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.game-info{position:absolute;top:1vmin;left:0;right:0;display:flex;justify-content:center;gap:3vmin;font-size:2vmin;font-weight:700;z-index:10;text-shadow:1px 1px 2px #000}.score{color:#ff0}.lives{color:#ff6b6b}.level{color:#4ecdc4}.connection-status{position:absolute;top:5vmin;left:50%;transform:translate(-50%);padding:.5vmin 1vmin;border-radius:3px;font-weight:700;font-size:1.5vmin;z-index:10}.connected{background:#2d5a2d;color:#90ee90}.disconnected{background:#5a2d2d;color:#ff6b6b}.connecting{background:#5a5a2d;color:#ffff90}.controls{position:absolute;bottom:.5vmin;left:50%;transform:translate(-50%);z-index:10}button{padding:.8vmin 1.5vmin;font-size:1.5vmin;font-weight:700;border:1px solid #fff;background:#333c;color:#fff;cursor:pointer;border-radius:3px;transition:all .2s;white-space:nowrap;margin:0 .5vmin}button:hover{background:#555;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.start-screen,.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000f2;padding:20px;border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.start-screen{border:2px solid #ffff00}.start-screen h1{color:#ff0;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 0px #000}.start-screen p{margin-bottom:15px;font-size:12px}.game-over{border:2px solid #ff6b6b}.game-over h2{color:#ff6b6b;font-size:22px;margin-bottom:10px}.instructions{font-size:1.5vmin;opacity:.7;text-align:center;height:auto;display:flex;align-items:center;justify-content:center;line-height:1.2;margin-top:1vmin}