:root{color-scheme:light}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,sans-serif;background:#0b1b24;color:#e7f4ff}#app{position:relative}canvas{display:block;width:100%;height:100%}#hud{position:fixed;top:16px;left:16px;z-index:10;padding:12px 14px;background:#091116b3;border:1px solid rgba(231,244,255,.2);border-radius:8px;width:min(320px,calc(100vw - 32px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000059;font-size:14px;line-height:1.4;box-sizing:border-box}#player-bar{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:9;padding:4px 0;max-height:92vh;overflow-y:auto}#player-bar .player-card{min-width:160px;padding:6px 8px;background:#091116b3;border:2px solid rgba(231,244,255,.2);border-radius:8px;color:#e7f4ff;font-size:12px;line-height:1.3;box-shadow:0 8px 20px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#player-bar .player-card.you{box-shadow:0 0 0 2px #fff3,0 8px 20px #0006}#player-bar .player-name{font-weight:700;margin-bottom:4px}#player-bar .player-line{display:flex;justify-content:space-between;gap:6px}#hud h1{margin:0 0 8px;font-size:20px;letter-spacing:.04em}#hud .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}#hud .header-actions{display:flex;gap:6px}#hud .header h1{margin:0}#hud .hud-toggle,#hud .hud-help{padding:2px 8px;font-size:12px}#hud .row{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}#hud .inline{display:flex;gap:6px;flex:1;min-width:0}#hud .hud-input{flex:1;min-width:0;padding:4px 6px;border-radius:4px;border:1px solid rgba(231,244,255,.25);background:#0c1218b3;color:#e7f4ff;font-size:12px}#hud .hud-input::placeholder{color:#e7f4ff73}#hud .hud-button{padding:4px 8px;border-radius:4px;border:1px solid rgba(231,244,255,.3);background:#1e3244cc;color:#e7f4ff;font-size:12px;cursor:pointer}#hud .hud-button:hover{background:#28465ae6}#hud .chat{margin-top:8px}#hud .chat-log{max-height:108px;overflow-y:auto;padding:6px;border-radius:6px;border:1px solid rgba(231,244,255,.15);background:#060c1099;font-size:12px}#hud .chat-row{display:flex;gap:6px;margin-top:6px}#hud .chat-line{margin-bottom:4px}#hud .chat-line.system{color:#e7f4ff99}#hud .vehicle-select{margin-top:8px;padding:6px;border-radius:6px;border:1px solid rgba(231,244,255,.15);background:#060c1099}#hud .vehicle-select.hidden{display:none}#hud .vehicle-title{font-weight:700;margin-bottom:6px}#hud .vehicle-options{display:flex;flex-wrap:wrap;gap:6px}#hud .vehicle-btn{flex:1 1 40%}#hud .label{opacity:.8}#hud .value{font-weight:600}#hud .muted{opacity:.7;font-size:12px;margin-top:6px}#hud .winner{margin-top:10px;padding:8px 10px;background:#ffd8782e;border:1px solid rgba(255,216,120,.4);border-radius:6px;color:#ffd878;font-weight:700;text-align:center;letter-spacing:.04em}#hud .winner.hidden{display:none}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:20px;background:#03080c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.help-modal.hidden{display:none}.help-panel{width:min(360px,calc(100vw - 40px));padding:14px;border-radius:10px;border:1px solid rgba(231,244,255,.18);background:#091116eb;box-shadow:0 14px 40px #00000073}.help-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.help-header h2{margin:0;font-size:16px}.help-body{display:grid;gap:8px}.help-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:6px;background:#121d26d9}.help-line span{opacity:.8}.help-line strong{font-size:12px}#hud .version{position:absolute;right:8px;bottom:6px;font-size:10px;opacity:.55;pointer-events:none}#hud .status-open{color:#90f0a2}#hud .status-connecting,#hud .status-closed,#hud .status-error{color:#fc8}#hud .dev-only{display:none}#hud.dev-open .dev-only{display:flex}@media (max-width: 700px){#hud{width:min(300px,calc(100vw - 20px));top:10px;left:10px}#hud .row{gap:8px}}