*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#b9cfe0;height:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.hud{color:#f4f7fa;text-shadow:0 1px 4px #0000008c;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;left:24px}.hud-speed strong{font-size:46px;font-weight:600;line-height:1}.hud-speed span{opacity:.75;font-size:15px}.hud-meta{opacity:.8;margin-top:6px;font-size:13px}.hud-help{opacity:.55;margin-top:14px;font-size:12px}.car-label{color:#eef3f8;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0a0e148c;border-radius:10px;padding:2px 8px;font-size:12px}.car-label.speaking{outline:2px solid #7fd47f}.gate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c121ab8;place-items:center;display:grid;position:fixed;inset:0}.gate-card{color:#e8eef4;background:#161c24;border:1px solid #2a3440;border-radius:16px;width:min(92vw,340px);padding:28px 26px 22px;box-shadow:0 18px 50px #00000073}.gate-card h1{letter-spacing:.18em;text-transform:uppercase;font-size:22px;font-weight:600}.gate-sub{opacity:.6;margin-top:6px;font-size:12px}.gate-name{color:#e8eef4;width:100%;font:inherit;background:#0e131a;border:1px solid #2f3a47;border-radius:9px;margin-top:20px;padding:11px 13px;font-size:15px}.gate-name:focus{outline-offset:1px;outline:2px solid #4c8ed9}.gate-colors{gap:9px;margin-top:16px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.swatch.active{border-color:#e8eef4;transform:scale(1.12)}.gate-concepts{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.concept{color:#cdd8e2;font:inherit;cursor:pointer;background:#0e131a;border:1px solid #2f3a47;border-radius:8px;padding:7px 11px;font-size:12px}.concept.active{color:#fff;background:#17293c;border-color:#4c8ed9}.concept:disabled{opacity:.32;cursor:not-allowed}.gate-error{color:#ff8a7a;margin-top:14px;font-size:12px}.gate-go,.gate-solo{width:100%;font:inherit;letter-spacing:.06em;cursor:pointer;border:none;border-radius:10px;margin-top:18px;padding:13px;font-size:15px;font-weight:600}.gate-go{color:#fff;background:#4c8ed9}.gate-go:disabled{opacity:.55;cursor:default}.gate-solo{color:#93a3b3;background:0 0;margin-top:9px;padding:9px;font-size:12px;font-weight:400}.gate-solo:hover:not(:disabled){color:#cdd8e2}.room-hud{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:9px;display:flex;position:fixed;top:18px;left:18px}.room-peers{flex-wrap:wrap;gap:7px;max-width:46vw;display:flex}.peer{color:#e8eef4;white-space:nowrap;background:#0c121a99;border:2px solid #56626f;border-radius:12px;padding:4px 10px;font-size:12px}.peer.you{border-color:#e8eef4}.peer.speaking{box-shadow:0 0 0 2px #7fd47f}.peer.empty{opacity:.65;border-style:dashed}.room-actions{gap:7px;display:flex}.room-actions button{color:#cdd8e2;font:inherit;cursor:pointer;background:#0c121aa6;border:1px solid #3a4550;border-radius:8px;padding:6px 11px;font-size:11px}.room-actions button:hover{color:#fff;border-color:#4c8ed9}.room-status{color:#93a3b3;font-size:12px}.room-status.error{color:#ff8a7a}.gate-quality{color:#7f8c99;border-top:1px solid #232c36;align-items:center;gap:6px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.gate-quality span{margin-right:2px}.qbtn{color:#9fb0c0;font:inherit;cursor:pointer;background:#0e131a;border:1px solid #2f3a47;border-radius:7px;padding:4px 9px;font-size:11px}.qbtn.active{color:#fff;background:#17293c;border-color:#4c8ed9}.hud-world{color:#f4f7fa8c;text-shadow:0 1px 3px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;gap:14px;font-size:11px;display:flex;position:fixed;bottom:20px;right:20px}.hud-world b{color:#f4f7fad9;font-weight:600}