html,body,#root{background:#16171d;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app{position:fixed;inset:0}.app canvas{display:block}.hud{pointer-events:none;color:#e8e8e6;-webkit-user-select:none;user-select:none;font-family:SF Mono,ui-monospace,Menlo,monospace;position:fixed;inset:0}.hud-collision{animation:.6s ease-out forwards collision-fade;position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #dc28288c}@keyframes collision-fade{0%{opacity:1}to{opacity:0}}.hud-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0e12b8;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-badge{text-align:center;color:#9a9da3;background:#ffffff14;border-radius:6px;min-width:26px;padding:3px 6px;font-weight:700}.hud-badge.active{color:#fff;background:#2e7d46}.hud-sep{background:#ffffff2e;width:1px;height:20px}.hud-speed{text-align:right;min-width:92px;font-size:15px}.hud-wheel{align-items:center;gap:6px;min-width:96px;display:flex}.hud-wheel svg{color:#cfd2d6;width:26px;height:26px}.hud-freecam{color:#fff;background:#8a6d1f;border-radius:6px;padding:3px 8px;font-weight:700}.hud-help{text-align:center;color:#e8e8e6bf;text-shadow:0 1px 3px #000000b3;font-size:12px;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.hud-hint{color:#ffd47f;margin-bottom:4px}.hud-panel{pointer-events:auto;background:#0c0e12d9;border-radius:10px;max-width:320px;padding:12px 14px;font-size:12px;position:absolute;top:16px;left:16px}.hud-panel-title{color:#ffd47f;margin-bottom:8px;font-weight:700}.hud-panel-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.hud-btn{font:inherit;color:#cfd2d6;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;padding:4px 8px}.hud-btn:hover{background:#ffffff29}.hud-btn.active{color:#fff;background:#2e7d46}.hud-btn-copy{color:#fff;background:#8a6d1f}.hud-panel-hint{color:#e8e8e699}.hud-loading{color:#cfd2d6;pointer-events:auto;background:#16171d;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;inset:0}.hud-spinner{border:3px solid #ffffff26;border-top-color:#2e7d46;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite hud-spin}@keyframes hud-spin{to{transform:rotate(360deg)}}.hud-help-btn{color:#ffd47f;cursor:pointer;pointer-events:auto;background:#0c0e12b8;border:none;border-radius:50%;width:38px;height:38px;font:700 18px/1 SF Mono,ui-monospace,Menlo,monospace;position:absolute;bottom:18px;right:16px}.hud-help-btn:hover{background:#282c34e6}.hud-tutorial{pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0e99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-tutorial-card{color:#cfd2d6;background:#191b21;border-radius:14px;max-width:560px;max-height:82vh;padding:22px 26px;font-size:13px;line-height:1.55;overflow-y:auto;box-shadow:0 20px 60px #00000080}.hud-tutorial-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.hud-tutorial-card h2{color:#fff;margin:0;font-size:18px}.hud-tutorial-card h3{color:#ffd47f;margin:14px 0 4px;font-size:13px}.hud-tutorial-card p{margin:4px 0}.hud-tutorial-card b{color:#fff;background:#ffffff1a;border-radius:4px;padding:0 5px}.hud-tutorial-foot{color:#e8e8e699;margin-top:16px}