:root{--hud-bg:#0c10169e;--hud-border:#ffffff1f;--hud-fg:#eef2f6;--hud-dim:#9aa6b4;--accent:#ffb43c;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--hud-fg);background:#0d1116;margin:0;overflow:hidden}canvas{display:block}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud>*{position:absolute}.help{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);border-radius:12px;min-width:210px;padding:12px 16px;font-size:12.5px;top:16px;left:16px}.help .title{letter-spacing:.06em;font-size:14px;font-weight:700}.help.collapsed .title:after{content:"  H でヘルプ";color:var(--hud-dim);font-size:11px;font-weight:400}.help dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:10px 0 0;display:grid}.help dt{color:var(--accent);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.help dd{color:var(--hud-fg);margin:0}.minimap{border-radius:50%;top:16px;right:16px;box-shadow:0 6px 24px #00000073,0 0 0 1px #ffffff26}.speedo{width:180px;height:180px;bottom:34px;right:24px}.speedo svg{position:absolute;inset:0}.speedo circle{fill:none;stroke-width:7px;stroke-linecap:round}.speedo .track{stroke:#ffffff24}.speedo .rpm{stroke:var(--accent);filter:drop-shadow(0 0 4px #ffb43c99);transition:stroke-dasharray 60ms linear}.speedo .rpm.red{stroke:#ff5a4a}.speedo:before{content:"";-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle,#0a0e14b8 55%,#0a0e1459);border-radius:50%;position:absolute;inset:16px}.speedo .speed{font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #00000080;place-items:center;padding-bottom:14px;font:700 50px/1 ui-rounded,SF Pro Rounded,system-ui;display:grid;position:absolute;inset:0}.speedo .unit{text-align:center;color:var(--hud-dim);letter-spacing:.1em;font-size:12px;position:absolute;top:112px;left:0;right:0}.speedo .gear{width:30px;height:30px;color:var(--accent);background:#ffb43c29;border:1px solid #ffb43c80;border-radius:8px;place-items:center;font:700 16px/1 ui-monospace,Menlo,monospace;display:grid;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.place{opacity:0;letter-spacing:.04em;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 18px;font-size:14px;transition:opacity .4s,transform .4s;top:22px;left:50%;transform:translate(-50%,-8px)}.place.show{opacity:1;transform:translate(-50%)}.credits{color:#fff9;text-shadow:0 1px 2px #000000b3;font-size:10px;line-height:1.4;bottom:10px;left:16px;right:230px}.loader{z-index:10;pointer-events:none;background:radial-gradient(at 50% 40%,#1b2430,#0b0e12 70%);place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0}.loader.fade{opacity:0}.loader-inner{text-align:center;width:min(420px,80vw)}.loader-title{letter-spacing:.32em;color:#fff;font:800 34px/1 system-ui}.loader-sub{color:var(--hud-dim);letter-spacing:.08em;margin-top:12px;font-size:13px}.bar{background:#ffffff1a;border-radius:2px;height:3px;margin-top:26px;overflow:hidden}.bar>div{background:linear-gradient(90deg,#ff8a3c,#ffcf5a);height:100%;transition:width .2s}.loader-file{color:#fff6;margin-top:10px;font:11px ui-monospace,Menlo,monospace}@media (width<=720px){.help{display:none}.minimap{width:140px!important;height:140px!important}.credits{bottom:220px;right:16px}}