.hud{position:fixed;top:18px;left:18px;z-index:10;color:#fff;background:rgb(10 15 20 / 72%);border:1px solid rgb(255 255 255 / 12%);border-radius:12px;padding:12px 15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #00000040;-webkit-user-select:none;user-select:none}.hud strong{display:block;margin-bottom:4px}.hud-controls{color:#dfe7ee;font-size:13px}.hud-stats{display:flex;flex-direction:column;gap:2px;margin-top:8px;color:#aebbc8;font-size:12px}.hud-leave{margin-top:10px;padding:6px 10px;font:inherit;font-size:12px;color:#dfe7ee;background:rgb(255 255 255 / 8%);border:1px solid rgb(255 255 255 / 15%);border-radius:8px;cursor:pointer}.hud-leave:hover{background:rgb(255 255 255 / 14%)}.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#10151b}.game-canvas canvas{display:block;width:100%;height:100%;image-rendering:auto;touch-action:none}.game-canvas .crosshair{position:fixed;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);background:rgb(255 255 255 / 25%);border-radius:50%;pointer-events:none}.lobby{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:radial-gradient(circle at 50% 30%,#1d2a24,#10151b 65%)}.lobby-card{display:flex;flex-direction:column;gap:8px;width:min(360px,100%);padding:26px;color:#e9eef3;background:rgb(10 15 20 / 80%);border:1px solid rgb(255 255 255 / 12%);border-radius:16px;box-shadow:0 16px 50px #00000059}.lobby-card h1{margin:0;font-size:24px}.lobby-card p{margin:0 0 12px;color:#aebbc8;font-size:14px}.lobby-card label{color:#aebbc8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.lobby-card input{padding:10px 12px;font:inherit;color:inherit;background:rgb(255 255 255 / 6%);border:1px solid rgb(255 255 255 / 15%);border-radius:10px}.lobby-card button{margin-top:12px;padding:11px 14px;font:inherit;font-weight:600;color:#10151b;background:#e7a84c;border:none;border-radius:10px;cursor:pointer}.lobby-card button:disabled{opacity:.6;cursor:progress}.lobby-error{margin:10px 0 0;color:#f0857f;font-size:13px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#10151b;color:#e9eef3;font-family:system-ui,sans-serif}