:root{--black: #000000;--white: #ffffff;--cyan: #00e5ff;--magenta: #ff2bd6;--danger: #ff3b30;--dim: rgba(255, 255, 255, .42);--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--black);color:var(--white);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none;user-select:none}.ui-clickable{pointer-events:auto}.hud{position:absolute;inset:0;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));opacity:0;transition:opacity .25s ease}.hud[data-visible=true]{opacity:1}.hud[data-mode=drift] .hud__score,.hud[data-mode=drift] .hud__multiplier{display:none}.hud__meters{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));max-width:46vw}.hud__score{font-size:clamp(28px,5vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1;text-shadow:0 0 22px rgba(0,229,255,.55)}.hud__distance{margin-top:6px;font-size:13px;font-weight:300;color:var(--dim);letter-spacing:.16em}.hud__multiplier{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));text-align:right;font-size:clamp(24px,4.2vw,38px);font-weight:800;color:var(--cyan);line-height:1;transition:color .15s ease}.hud__multiplier[data-hot=true]{color:var(--magenta);text-shadow:0 0 26px rgba(255,43,214,.7)}.hud__combo{margin-top:6px;font-size:12px;font-weight:300;letter-spacing:.2em;color:var(--dim)}.hud__focus{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(320px,52vw)}.hud__focus-bar{height:3px;background:#ffffff24;overflow:hidden}.hud__focus-fill{height:100%;width:100%;transform-origin:left center;background:var(--cyan);transition:background .15s ease}.hud__focus[data-active=true] .hud__focus-fill{background:var(--magenta);box-shadow:0 0 18px var(--magenta)}.hud__focus-label{margin-top:8px;text-align:center;font-size:10px;letter-spacing:.42em;color:var(--dim)}.hud__track{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.22em;color:var(--dim)}.hud__intensity{display:inline-flex;gap:3px;margin-left:10px;vertical-align:middle}.hud__intensity span{width:12px;height:3px;background:#ffffff2e}.hud__intensity span[data-on=true]{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hud__fps{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.16em;color:var(--dim)}.hud__praise{position:absolute;left:50%;top:34%;transform:translate(-50%);font-size:clamp(13px,2.4vw,20px);font-weight:800;letter-spacing:.34em;color:var(--magenta);text-shadow:0 0 28px rgba(255,43,214,.75);opacity:0;white-space:nowrap}.hud__byte[hidden]{display:none}.hud__byte{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid rgba(255,196,0,.55);background:#140e008c;color:#ffc400;font-size:11px;font-weight:800;letter-spacing:.22em;white-space:nowrap;animation:bytePulse .55s ease-in-out infinite alternate}.hud__byte-bar{width:clamp(70px,16vw,150px);height:4px;background:#ffc40033;overflow:hidden}.hud__byte-fill{width:100%;height:100%;transform-origin:left center;background:#ffc400;box-shadow:0 0 12px #ffc400}.hud__byte-time{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}@keyframes bytePulse{0%{box-shadow:0 0 #ffc40000}to{box-shadow:0 0 24px #ffc40073}}.hud__praise[data-tone=bad]{color:var(--danger);text-shadow:0 0 28px rgba(255,59,48,.75)}.hud__notice{position:absolute;left:50%;bottom:12%;transform:translate(-50%);padding:8px 16px;border:1px solid rgba(255,196,0,.5);background:#140e0099;color:#ffc400;font-size:clamp(9px,1.5vw,11px);font-weight:800;letter-spacing:.24em;white-space:nowrap;opacity:0;pointer-events:none}.hud__notice.is-on{animation:notice 5s ease-out forwards}@keyframes notice{0%{opacity:0;transform:translate(-50%,10px)}6%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.hud__fork[hidden]{display:none}.hud__fork{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--cyan);pointer-events:none}.hud__fork-ring{grid-area:1 / 1;width:clamp(90px,15vw,150px);aspect-ratio:1;border:2px solid currentColor;border-radius:50%;opacity:.35;box-shadow:0 0 30px #00f5ff59}.hud__fork-count{grid-area:1 / 1;font-size:clamp(46px,9vw,92px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 34px rgba(0,245,255,.85)}.hud__fork-count.is-tick{animation:forkTick .5s cubic-bezier(.16,1,.3,1)}.hud__fork-label{grid-area:1 / 1;align-self:end;transform:translateY(2.1em);font-size:clamp(9px,1.5vw,12px);font-weight:800;letter-spacing:.32em;white-space:nowrap;opacity:.7}@keyframes forkTick{0%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:1}}.hud__stems{display:inline-flex;align-items:flex-end;gap:4px;margin-left:14px;height:12px;vertical-align:middle}.hud__stems i{position:relative;display:block;width:4px;height:12px;background:#ffffff1f}.hud__stems i b{position:absolute;inset:0;transform-origin:bottom center;transform:scaleY(.08)}.hud__stems i:nth-child(1) b{background:var(--white);box-shadow:0 0 8px var(--white)}.hud__stems i:nth-child(2) b{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hud__stems i:nth-child(3) b{background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.hud__praise.is-on{animation:praise .85s cubic-bezier(.16,1,.3,1) forwards}.hud__titles{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(92vw,1040px);text-align:center;opacity:0;visibility:hidden;mix-blend-mode:screen}.hud__titles.is-on{visibility:visible;animation:titles-life 4.6s linear forwards}.hud__titles-artist,.hud__titles-name,.hud__titles-meta{clip-path:inset(0 0 100% 0);opacity:0}.hud__titles-artist{font-size:clamp(9px,1.1vw,12px);font-weight:500;letter-spacing:.62em;text-indent:.62em;color:#ffffff80;margin-bottom:clamp(10px,1.6vh,18px)}.hud__titles-name{font-size:clamp(30px,7vw,92px);font-weight:800;line-height:1.02;letter-spacing:.02em;white-space:nowrap;color:#fffffff0;text-shadow:0 0 42px rgba(0,229,255,.45)}.hud__titles-rule{height:1px;margin:clamp(12px,2vh,22px) auto;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);transform:scaleX(0);opacity:0;box-shadow:0 0 14px #00e5ff80}.hud__titles-meta{font-size:clamp(9px,1.15vw,13px);font-weight:500;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#ffffff6b}.hud__titles.is-on .hud__titles-artist{animation:titles-reveal .7s cubic-bezier(.16,1,.3,1) .12s forwards}.hud__titles.is-on .hud__titles-name{animation:titles-name .95s cubic-bezier(.16,1,.3,1) .26s forwards}.hud__titles.is-on .hud__titles-rule{animation:titles-rule .8s cubic-bezier(.16,1,.3,1) .52s forwards}.hud__titles.is-on .hud__titles-meta{animation:titles-reveal .7s cubic-bezier(.16,1,.3,1) .7s forwards}@keyframes titles-life{0%,62%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-50%,-62%) scale(1.05);filter:blur(7px)}}@keyframes titles-reveal{0%{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 -20% 0);opacity:1}}@keyframes titles-name{0%{clip-path:inset(0 0 100% 0);opacity:0;letter-spacing:.16em}to{clip-path:inset(0 0 -20% 0);opacity:1;letter-spacing:.02em}}@keyframes titles-rule{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes praise{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}22%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-26px) scale(1.04)}}.hud__focus-touch{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(64px,env(safe-area-inset-bottom));width:92px;height:92px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:none;align-items:center;justify-content:center;font-size:10px;letter-spacing:.28em;color:var(--dim);touch-action:none}body[data-touch=true] .hud__focus-touch{display:flex}.hud__focus-touch[data-active=true]{border-color:var(--magenta);color:var(--magenta);box-shadow:0 0 30px #ff2bd666 inset}.hud__pause{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:54px;height:44px;display:none;align-items:center;justify-content:center;gap:6px;background:#00000052;border:1px solid rgba(255,255,255,.22);border-radius:4px;-webkit-appearance:none;appearance:none;touch-action:manipulation;cursor:pointer}.hud__pause span{width:3px;height:16px;background:#ffffffbf}.hud__pause:active{border-color:var(--cyan)}.hud__pause:active span{background:var(--cyan)}body[data-touch=true] .hud__pause{display:flex}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:clamp(12px,3.2vh,26px);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 55%,#0000009e,#000000ed 70%);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s}.overlay>*{flex:0 0 auto;max-width:100%}.overlay[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.overlay__logo{text-align:center;line-height:1}.overlay__logo b{display:block;font-size:clamp(32px,min(9vw,11vh),96px);font-weight:800;letter-spacing:-.04em}.overlay__logo i{display:block;margin-top:10px;font-style:normal;font-size:clamp(10px,2vw,13px);letter-spacing:.5em;color:var(--cyan)}.overlay__logo--sub b{font-size:clamp(22px,min(5.4vw,7vh),40px);letter-spacing:.06em}.overlay__progress{width:min(60vw,320px);height:3px;background:#ffffff1f;overflow:hidden}.overlay__progress i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform-origin:left center;transform:scaleX(.3);animation:waiting 1.15s ease-in-out infinite}.overlay__progress[data-known=true] i{animation:none;transition:transform .25s ease-out}@keyframes waiting{0%{transform:translate(-100%) scaleX(.3)}to{transform:translate(333%) scaleX(.3)}}.overlay__tagline{font-size:clamp(11px,2.2vw,14px);letter-spacing:.28em;color:var(--dim);text-align:center}.overlay__subtitle{margin-top:-8px;font-size:10px;letter-spacing:.3em;color:#ffffff52;text-align:center}.menu{display:flex;flex-direction:column;gap:8px;width:min(420px,92vw)}.menu__item{appearance:none;display:flex;align-items:baseline;gap:12px;width:100%;padding:15px 18px;border:1px solid rgba(255,255,255,.16);background:#0204089e;color:var(--white);font-family:var(--font);font-size:12px;font-weight:500;letter-spacing:.28em;text-align:left;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,background .18s ease}.menu__item:hover,.menu__item:focus-visible{border-color:var(--cyan);background:#020408d1;color:var(--cyan);box-shadow:0 0 32px -6px #00e5ff80;outline:none}.menu__item b{font-weight:500;white-space:nowrap}.menu__item i{flex:1 1 auto;min-width:0;font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--dim);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__item u{flex:0 0 auto;margin-left:auto;text-decoration:none;font-size:15px;line-height:1;color:#fff6}.menu__item i+u{margin-left:0}.menu__item:hover i,.menu__item:hover u,.menu__item:focus-visible i,.menu__item:focus-visible u{color:currentColor}.menu__item[data-primary=true]{justify-content:center;margin-bottom:6px;padding:20px 18px;font-size:15px;letter-spacing:.36em;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 44px #00e5ff38}.menu__item[data-primary=true]:hover{background:var(--cyan);color:var(--black)}.menu__item[disabled]{cursor:default;opacity:.6}.keys{display:flex;flex-direction:column;gap:6px;width:min(460px,92vw)}.keys__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 14px;border-left:1px solid rgba(255,255,255,.14);background:#0204088c}.keys__row b{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--cyan)}.keys__row span{font-size:10px;letter-spacing:.26em;color:var(--dim);text-align:right}.btn{appearance:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--white);font-family:var(--font);font-size:13px;font-weight:500;letter-spacing:.32em;padding:16px 42px;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.btn:focus-visible{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 32px #00e5ff40;outline:none}.btn--primary{font-size:16px;padding:20px 62px;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 44px #00e5ff38}.btn--primary:hover{background:var(--cyan);color:var(--black)}.btn--ghost{border-color:#ffffff29;color:var(--dim);padding:12px 24px;font-size:11px}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.row--sticky{position:sticky;bottom:calc(-1*max(20px,env(safe-area-inset-bottom)));width:100%;padding:20px 0 max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.97) 42%)}.result{text-align:center}.result__label{font-size:11px;letter-spacing:.4em;color:var(--dim)}.result__score{font-size:clamp(34px,min(12vw,13vh),108px);font-weight:800;letter-spacing:-.04em;line-height:1;margin:8px 0}.result__meta{font-size:12px;letter-spacing:.2em;color:var(--dim)}.result__badge{display:inline-block;margin-top:14px;padding:7px 16px;border:1px solid var(--magenta);color:var(--magenta);font-size:10px;letter-spacing:.36em}.result__badge--gold{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 26px #00e5ff38}.name{display:flex;align-items:center;gap:14px}.name__label{font-size:10px;letter-spacing:.36em;color:var(--dim)}.name__input{width:16ch;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.24);color:var(--white);font-family:var(--font);font-size:16px;font-weight:500;letter-spacing:.18em;text-align:center;padding:8px 4px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.name__input::placeholder{color:#ffffff38}.name__input:focus{border-color:var(--cyan);box-shadow:0 6px 24px -12px var(--cyan)}.ladder{width:min(420px,92vw);display:flex;flex-direction:column;gap:4px}.ladder__title{font-size:9px;letter-spacing:.34em;color:var(--dim);text-align:center;margin-bottom:4px}.ladder__row{display:grid;grid-template-columns:2ch 1fr auto;align-items:baseline;gap:12px;padding:6px 10px;border-left:1px solid rgba(255,255,255,.12);background:#0204088c;font-size:12px;color:#ffffff8c}.ladder__row[data-current=true]{border-left-color:var(--cyan);color:var(--white);background:#00e5ff12}.ladder__row b{font-weight:800;letter-spacing:.04em}.ladder__row i{font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--dim)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:min(720px,94vw)}.stats__cell{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background:#0204088c}.stats__cell span{font-size:9px;letter-spacing:.3em;color:var(--dim)}.stats__cell b{font-size:17px;font-weight:800;letter-spacing:.02em}.achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:8px;width:min(720px,94vw)}.achievement{display:flex;flex-direction:column;gap:5px;padding:10px 14px;border:1px solid rgba(255,255,255,.07);background:#0204088c}.achievement[data-unlocked=true]{border-color:var(--cyan);box-shadow:0 0 28px -14px var(--cyan)}.achievement b{font-size:11px;font-weight:800;letter-spacing:.22em;color:#ffffff73}.achievement[data-unlocked=true] b{color:var(--cyan)}.achievement span{font-size:9px;letter-spacing:.16em;color:#ffffff42}.achievement[data-unlocked=true] span{color:var(--dim)}.toast{min-height:16px;font-size:10px;letter-spacing:.34em;color:var(--cyan);text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.toast[data-visible=true]{opacity:1;transform:none}.challenge{padding:10px 20px;border:1px solid var(--magenta);color:var(--magenta);font-size:11px;letter-spacing:.28em;text-align:center}.challenge b{color:var(--white);font-weight:800}.packs{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(760px,94vw)}.packs__title{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:2px;width:100%;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12)}.packs .tracks+.packs__title{margin-top:12px}.packs__title b{flex:0 1 auto;min-width:0;font-size:13px;font-weight:800;letter-spacing:.22em;overflow-wrap:anywhere}.packs__title i{flex:1 1 auto;min-width:0;font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--dim);overflow-wrap:anywhere}.tracks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.tracks>*{flex:1 1 200px;max-width:260px}.tracks>span{display:flex}.tracks>span>.track{width:100%}.track{position:relative;width:100%;border:1px solid rgba(255,255,255,.16);background:#02040899;color:var(--white);font-family:var(--font);padding:14px 18px;min-width:148px;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.track:hover:not([disabled]){border-color:currentColor;transform:translateY(-2px)}.track[data-selected=true]{border-color:currentColor;box-shadow:0 0 30px -8px currentColor}.track[disabled]{cursor:not-allowed;opacity:.5}.track[data-secret=true]{border-style:dashed;border-color:#ffc40073}.track[data-secret=true] .track__lock{color:#ffc400}.track__title{font-size:13px;font-weight:500;letter-spacing:.08em;overflow-wrap:anywhere}.track__meta{margin-top:6px;font-size:10px;letter-spacing:.18em;color:var(--dim);overflow-wrap:anywhere}.track__lock{margin-top:6px;font-size:9px;letter-spacing:.22em;color:var(--dim)}.links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:10px;letter-spacing:.28em}.links a{color:var(--dim);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px;transition:color .18s ease,border-color .18s ease}.links a:hover{color:var(--cyan);border-color:var(--cyan)}.hint{max-width:min(520px,92vw);font-size:10px;letter-spacing:.24em;color:#ffffff47;text-align:center;line-height:1.9}.notice{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.24em;color:#ffffff4d;border:1px solid rgba(255,255,255,.12);padding:8px 14px;text-align:center}.fullscreen{position:absolute;inset:0;pointer-events:none}.fullscreen__btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:40px;height:40px;display:grid;place-items:center;padding:0;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--dim);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s,border-color .18s ease,color .18s ease}.fullscreen[data-visible=true] .fullscreen__btn{opacity:1;visibility:visible;pointer-events:auto}.fullscreen__btn:hover,.fullscreen__btn:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.fullscreen__btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.fullscreen__hint{line-height:1.9;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}.fullscreen__hint[data-visible=true]{opacity:1;visibility:visible}@media (max-width: 640px){.btn{padding:14px 26px;letter-spacing:.22em}.btn--primary{padding:18px 46px}.track{min-width:130px;padding:12px 14px}.packs{gap:12px}.packs__title b{letter-spacing:.18em}.packs__title i{letter-spacing:.12em}.overlay__tagline{letter-spacing:.18em}.hint{letter-spacing:.16em;line-height:1.7}.links{gap:12px;letter-spacing:.18em}}@media (max-height: 560px){.btn{padding:11px 22px;font-size:12px;letter-spacing:.2em}.menu{gap:6px}.menu__item{padding:10px 14px;font-size:11px;letter-spacing:.22em}.menu__item[data-primary=true]{margin-bottom:2px;padding:13px 14px;font-size:13px;letter-spacing:.3em}.keys__row{padding:7px 12px}.overlay__subtitle{margin-top:-4px}.btn--primary{padding:13px 34px;font-size:13px}.btn--ghost{padding:10px 18px}.overlay__logo i{margin-top:6px;letter-spacing:.34em}.result__score{margin:4px 0}.result__badge{margin-top:8px;padding:5px 12px}.track{padding:10px 12px;min-width:118px}.packs{gap:10px}.packs__title{padding-bottom:4px}.track__meta,.track__lock{margin-top:4px}.hint{font-size:9px;line-height:1.5}}@media (orientation: portrait) and (max-width: 560px){.hud__fps,.hud__intensity,.hud__stems{display:none!important}.hud__score{font-size:clamp(24px,7.6vw,34px)}.hud__distance{font-size:11px;letter-spacing:.12em;margin-top:4px}.hud__multiplier{font-size:clamp(20px,6.4vw,28px)}.hud__combo{font-size:10px;letter-spacing:.14em;margin-top:4px}.hud__track{max-width:58vw;font-size:10px;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__focus{width:min(320px,60vw);bottom:calc(max(26px,env(safe-area-inset-bottom)) + 94px)}.hud__focus-touch{width:78px;height:78px;bottom:max(26px,env(safe-area-inset-bottom))}.hud__praise{top:28%;letter-spacing:.22em}.hud__titles-name{font-size:clamp(20px,6.4vw,92px)}.hud__titles-artist,.hud__titles-meta{letter-spacing:.34em;text-indent:.34em}}@media (orientation: landscape) and (max-height: 480px){.hud__score{font-size:clamp(22px,9vh,34px)}.hud__distance{font-size:11px;margin-top:3px}.hud__multiplier{font-size:clamp(20px,8vh,30px)}.hud__combo{font-size:10px;margin-top:3px}.hud__focus{width:min(280px,42vw);bottom:calc(max(26px,env(safe-area-inset-bottom)) + 34px)}.hud__focus-touch{width:74px;height:74px}.hud__praise{top:26%}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}.hud__titles.is-on,.hud__titles.is-on *{animation-duration:2.6s!important;animation-timing-function:linear!important;filter:none!important}}