.hud{pointer-events:none;color:#fff;letter-spacing:.04em;text-shadow:0 0 6px #ff3cc8e6,0 0 18px #ff3cc880;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-style:italic;font-weight:800;position:fixed;inset:0}.hud-time{font-variant-numeric:tabular-nums;font-size:34px;position:absolute;top:18px;left:24px}.hud-label{letter-spacing:.3em;color:#7ff6ff;text-shadow:0 0 8px #2fe6ffcc;font-size:12px;display:block}.hud-best{text-align:right;font-variant-numeric:tabular-nums;font-size:22px;position:absolute;top:18px;right:24px}.hud-split{opacity:0;margin-top:6px;font-size:22px;transition:opacity .2s}.hud-split.is-on{opacity:1}.hud-split.is-ahead{color:#8dffb0;text-shadow:0 0 8px #3cff8ccc}.hud-split.is-behind{color:#ff8a8a;text-shadow:0 0 8px #ff2828cc}.hud-progress{background:#7ff6ff2e;width:min(40vw,420px);height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #2fe6ff80}.hud-progress-fill{background:#7ff6ff;width:0;height:100%}.hud-progress-mark{background:#fff;width:2px;height:10px;position:absolute;top:-3px}.hud-speed{text-align:right;font-variant-numeric:tabular-nums;font-size:64px;line-height:1;position:absolute;bottom:18px;right:28px}.hud-speed small{color:#7ff6ff;margin-left:6px;font-size:16px}.hud-turbo{width:min(28vw,260px);position:absolute;bottom:24px;left:24px}.hud-turbo-bar{border:1px solid #7ff6ffb3;height:10px;margin-top:4px;transform:skew(-20deg);box-shadow:0 0 8px #2fe6ff99}.hud-turbo-fill{transform-origin:0;background:linear-gradient(90deg,#ff3cc8,#ffd23c);width:100%;height:100%}.hud-turbo.is-boosting .hud-turbo-fill{background:#fff}.hud-center{text-align:center;font-size:96px;line-height:1.05;position:absolute;top:34%;left:0;right:0}.hud-center small{letter-spacing:.2em;color:#7ff6ff;text-shadow:0 0 8px #2fe6ffcc;margin-top:14px;font-size:clamp(11px,min(2.6vw,3.1vh),22px);line-height:1.6;display:block}.hud-center .hud-pick{color:#fff;text-shadow:0 0 8px #ff3cc8,0 0 20px #ff3cc8b3;font-size:1.35em}.hud-center .hud-record{color:#ffd23c;text-shadow:0 0 12px #ffd23ce6}.hud-center.is-result{font-size:clamp(30px,min(7vw,8vh),60px);top:7%}.hud-center.is-result small,.hud-center.is-result .hud-record,.hud-center.is-result .hud-scores,.hud-center.is-result .hud-scores .is-own{text-shadow:0 0 3px #16002c,0 0 6px #16002c,0 0 12px #16002c,0 0 20px #16002c}.hud-cheer{text-align:center;white-space:nowrap;opacity:0;line-height:1.05;transition:opacity .4s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud-cheer.is-on{opacity:1;transition:none}.hud-cheer-title{color:#ffd23c;text-shadow:0 0 4px #16002c,0 0 14px #ffd23cf2,0 0 44px #ffd23cb3;font-size:min(8.2vw,22vh)}.hud-cheer-time{font-variant-numeric:tabular-nums;font-size:min(6vw,16vh)}.hud-cheer-gain{font-variant-numeric:tabular-nums;color:#8dffb0;text-shadow:0 0 4px #16002c,0 0 10px #3cff8ccc;margin-top:.3em;font-size:min(4.2vw,9vh);line-height:1.25}.hud-center .hud-gain.is-ahead{color:#8dffb0}.hud-center .hud-gain.is-behind{color:#ff8a8a}.hud-cheer.is-on .hud-cheer-title{animation:.4s ease-out 4 hud-bam}.hud-cheer.is-still .hud-cheer-title{animation:none}@keyframes hud-bam{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0}}.hud-veil{visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16002c59;position:absolute;inset:0}.hud-veil.is-on{visibility:visible;opacity:1;transition:opacity .5s}.hud-center.is-record{transition:opacity .5s}.hud-center.is-hidden{visibility:hidden;opacity:0}@media (height>=500px){.hud-center.is-record{top:50%;transform:translateY(-50%)}}.hud-name{letter-spacing:.25em;color:#fff;text-shadow:0 0 8px #ff3cc8,0 0 20px #ff3cc8b3;margin:10px 0;font-size:min(56px,7.5vw)}.hud-hint{margin-top:.5em}.hud-hint+.hud-hint{margin-top:.15em}.hud-keys{white-space:nowrap;margin:0 .9em;display:inline-block}.hud-key{color:#fff;letter-spacing:.05em;text-align:center;vertical-align:.05em;background:#16002cb3;border:1px solid #fffc;border-bottom-width:3px;border-radius:.3em;min-width:1.1em;margin:0 .12em;padding:0 .35em;font-size:.85em;line-height:1.4;display:inline-block;box-shadow:0 0 6px #2fe6ff80}.hud-or{opacity:.7;margin:0 .15em}.hud-sec{border-top:1px solid #7ff6ff4d;width:min(36em,94%);margin:.6em auto 0;padding-top:.5em}.hud-sec .hud-hint:first-child{margin-top:0}.hud-sec .hud-scores{margin-bottom:0}.hud-row-text{margin:0 .6em}.hud-row .hud-keys{margin:0}.hud-val{color:#fff;text-shadow:0 0 3px #16002c,0 0 8px #ff3cc8}.hud-btn .hud-desc{color:#7ff6ff;margin-right:.5em}.hud-start{color:#fff;margin-top:.7em;font-size:1.3em}.hud-start .hud-key{border-color:#ff3cc8;box-shadow:0 0 10px #ff3cc8cc}.hud-menu{font-size:.85em}.hud-letter{border-bottom:4px solid #0000;min-width:1em;display:inline-block}.hud-letter.is-on{color:#ffd23c;text-shadow:0 0 3px #16002c,0 0 8px #16002c,0 0 16px #16002c;border-bottom-color:#ffd23c}.hud-scores{border-collapse:collapse;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 6px #ff3cc8e6;margin:10px auto 12px;font-size:clamp(11px,min(2.3vw,2.7vh),19px);line-height:1.4}.hud-scores td{text-align:right;padding:0 14px}.hud-scores .hud-head td{opacity:.7;font-size:.7em}.hud-scores .hud-steer{text-align:center}.hud-scores .is-own{color:#ffd23c;text-shadow:0 0 12px #ffd23ce6}.hud-friend{color:#ffd23c;margin-left:.4em}.hud-tag{letter-spacing:.1em;white-space:nowrap;color:#ffffffd9;text-shadow:0 0 3px #16002c,0 0 6px #16002c;will-change:transform, opacity;padding:1px 6px;font-size:11px;display:none;position:absolute;top:0;left:0}.hud-tag.is-on{display:block}.hud-tag.is-friend{color:#ffd23c;background:#16002c8c;border:1px solid #ffd23c;border-radius:3px;font-size:12px;box-shadow:0 0 8px #ffd23cb3}.hud-options{font-size:clamp(12px,min(3vw,3.4vh),24px);line-height:1.5}.hud-options td:first-child{text-align:left}.hud-help{line-height:1.35}.hud-help td{color:#7ff6ff}.hud-help .hud-key,.hud-help .hud-pad{color:#fff}@media (aspect-ratio<=1){.hud-time{font-size:26px}.hud-speed{font-size:48px}.hud-center{font-size:64px}}.hud [data-code],.hud [data-row]{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.hud [data-code]{position:relative}.hud [data-code]:after{content:"";position:absolute;inset:-.6em -.35em}.is-touch .hud-speed{font-size:36px;top:78px;bottom:auto}.is-touch .hud-turbo{width:min(28vw,160px);top:96px;bottom:auto}.hud-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.hud-btn{box-sizing:border-box;color:#fff;letter-spacing:.14em;white-space:nowrap;background:#16002c8c;border:2px solid #7ff6ff99;border-radius:22px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 18px;font-size:15px;display:inline-flex;box-shadow:0 0 10px #2fe6ff59}.hud-btn:after{display:none}.hud-btn.is-on{background:#ff3cc84d;border-color:#ff3cc8;box-shadow:0 0 16px #ff3cc8b3}.hud-btn.is-down{background:#ff3cc880}.hud-btn.hud-primary{border-color:#ff3cc8;min-width:180px;min-height:52px;font-size:20px;box-shadow:0 0 18px #ff3cc8b3}.hud-btn.hud-small{padding:0 14px;font-size:12px}.hud-btn.hud-arrow{width:44px;padding:0}.hud-value{text-align:center;color:#fff;min-width:9em;display:inline-block}.hud-opts{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:4px 24px;max-width:820px;margin:6px auto;padding:0 12px;display:grid}.hud-opt{color:#fff;letter-spacing:.1em;align-items:center;gap:6px;display:flex}.hud-opt-label{text-align:left;flex:1}.hud-opt .hud-value{white-space:nowrap;width:11em;min-width:0;font-size:.75em;overflow:hidden}.hud.is-menu .hud-time,.hud.is-menu .hud-best,.hud.is-menu .hud-speed,.hud.is-menu .hud-turbo,.hud.is-menu .hud-progress{display:none}.hud-name-field{border-bottom:2px solid #7ff6ff99;width:fit-content;margin:10px auto;padding:4px 16px;display:block}.is-touch .hud-speed,.is-touch .hud-turbo .hud-label{text-shadow:0 0 3px #16002c,0 0 6px #16002c,0 0 12px #16002c}.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;letter-spacing:.12em;color:#7ff6ff;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-style:italic;font-weight:800;display:none;position:fixed;inset:0}.touch-btn,.touch-pause{text-shadow:0 0 6px #2fe6ffcc;background:#16002c40;border:2px solid #7ff6ff8c;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(10px,2.6vmin,15px);display:flex;position:absolute;box-shadow:0 0 10px #2fe6ff59}.touch-btn.is-on{color:#fff;background:#ff3cc84d;border-color:#ff3cc8;box-shadow:0 0 18px #ff3cc8cc}.touch-hand{width:24vmin;height:24vmin;bottom:max(16px,5vmin);left:max(16px,4vmin)}.touch-turbo{width:19vmin;height:19vmin;bottom:calc(max(16px,5vmin) + 27vmin);left:calc(max(16px,4vmin) + 2.5vmin)}.is-steer-left .touch-hand{left:auto;right:max(16px,4vmin)}.is-steer-left .touch-turbo{left:auto;right:calc(max(16px,4vmin) + 2.5vmin)}.touch-pause{letter-spacing:.05em;width:40px;height:40px;font-size:14px;top:22px;left:50%;transform:translate(-50%)}.touch-stick{opacity:.35;pointer-events:none;background:#7ff6ff80;height:2px;position:absolute;bottom:max(28px,14vmin);right:max(16px,6vmin);box-shadow:0 0 8px #2fe6ff99}.touch-stick.is-on{opacity:1}.touch-knob{box-sizing:border-box;border:2px solid #ff3cc8;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:1px;box-shadow:0 0 12px #ff3cc8cc}.touch-name{opacity:0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:0;left:0}.is-steer-left .touch-stick{left:max(16px,6vmin);right:auto}