body { padding: 0; margin: 0 }
#game-container { position: fixed; width: 100%; height: 100%; }
#game-canvas { width: 100%; height: 100%; background: #FFFFFF; transition: opacity 240ms ease }
#loading-bar { position: absolute; inset: 0; display: none; background: #050505 }
#loading-bar::before { content: ""; position: absolute; left: 50%; top: 50%; width: 144px; height: 144px; transform: translate(-50%, -70%); background: url('logo.png') no-repeat center / contain }
#progress-bar-empty { position: absolute; left: 50%; top: 50%; width: 180px; height: 6px; transform: translate(-50%, 92px); overflow: hidden; background: #222 }
#progress-bar-full { width: 0%; height: 6px; background: #ff1212 }
#game-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }