body{margin:0;padding:0;overflow:hidden;background-color:#000}.tooltip{position:fixed;bottom:20px;left:20px;background-color:#000000bf;color:#fff;padding:12px 16px;border-radius:8px;font-family:sans-serif;font-size:14px;line-height:1.5;max-width:250px;z-index:1000}.tooltip kbd{background:#333;border-radius:3px;padding:2px 5px;font-size:13px}#game-container{background-color:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#game-canvas{display:block;position:absolute;width:100%;height:100%;z-index:0}#container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:999;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease}.loading-anim{color:#fff;font-family:monospace;font-size:18px;animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}#game-ui{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none;opacity:0;transition:opacity 1s ease}#game-ui.visible{opacity:1}#hud{position:absolute;bottom:20px;left:20px;color:#fff;font-family:monospace;font-size:16px;pointer-events:none}.hud-item{margin-bottom:4px}#start-screen{position:absolute;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(45deg,#1a1a1a,#000);z-index:10}#start-screen h1{color:#fff;font-size:5em;font-family:Arial,sans-serif;letter-spacing:15px;margin-bottom:50px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #fff5ca,0 0 10px #ffffe8,0 0 15px #fff,0 0 20px #fff}to{text-shadow:0 0 10px #fff5ca,0 0 20px #fff,0 0 30px #ffffe8,0 0 40px #fff}}button{margin:16px;padding:15px 30px;font-size:1.5em;background:transparent;color:#fff;border:2px solid #fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1000;-webkit-user-select:none;user-select:none}button:hover{background:#ffffff1a;transform:scale(1.1)}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}button:hover:before{left:100%}.hidden-file-input{position:absolute;left:-9999px;opacity:0}.upload-wrapper{position:relative;display:inline-block}#instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-family:Arial,sans-serif;font-size:18px;z-index:100;background:#000000b3;padding:20px;border-radius:5px}.hidden{opacity:0;transition:opacity 1s ease-out;pointer-events:none}.visible{opacity:1;transition:opacity 1s ease-out}#crosshair{position:fixed;top:50%;left:50%;width:2px;height:2px;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.line{position:absolute;background-color:#fff;opacity:.75;transition:transform .1s ease-out,background-color .1s,box-shadow .1s}.top,.bottom{width:2px;height:6px}.top{top:-3px}.bottom{bottom:-3px}.left,.right{width:6px;height:2px}.left{left:-3px}.right{right:-3px}.crosshair-spread .top{transform:translateY(-6px)}.crosshair-spread .bottom{transform:translateY(6px)}.crosshair-spread .left{transform:translate(-6px)}.crosshair-spread .right{transform:translate(6px)}.line.crosshair-flash{animation:crosshairFlashSingle .15s ease-out}@keyframes crosshairFlashSingle{0%{background-color:#fff;box-shadow:none}25%{background-color:orange;box-shadow:0 0 6px orange}50%{background-color:#ff0;box-shadow:0 0 8px #ff0}75%{background-color:red;box-shadow:0 0 6px red}to{background-color:#fff;box-shadow:none}}