*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}body{display:flex;justify-content:center;align-items:center}#game-container{position:relative;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;overflow:hidden}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}#hud{position:absolute;top:10px;left:0;width:100%;padding:0 20px;display:flex;justify-content:space-between;pointer-events:none;font-size:1.2rem;font-weight:700;text-shadow:2px 2px 0 #000;z-index:10}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;z-index:20}.screen.hidden{display:none}.screen h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}.screen p{margin:1rem 0;font-size:1rem;text-align:center}button{padding:12px 32px;font-size:1.2rem;border:none;border-radius:8px;background:#e94560;color:#fff;cursor:pointer;transition:background .2s}button:hover{background:#c73651}.controls{opacity:.8;font-size:.9rem}