@font-face{font-family:DH Display;font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/dh-display-800i.woff2)format("woff2")}@font-face{font-family:DH Display;font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/dh-display-600i.woff2)format("woff2")}@font-face{font-family:DH Display;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/dh-display-600.woff2)format("woff2")}@font-face{font-family:DH Text;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dh-text-500.woff2)format("woff2")}@font-face{font-family:DH Text;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/dh-text-600.woff2)format("woff2")}:root{--u:clamp(.72px, min(.0926vh, .0521vw), 2.4px);--c-ink-900:#080c0a;--c-ink-800:#0e1412;--c-ink-700:#161e1b;--c-ink-600:#212b27;--c-ink-500:#33403a;--c-chalk:#f3f1e9;--c-chalk-2:#f3f1e9b3;--c-chalk-3:#f3f1e970;--c-line:#f3f1e921;--c-volt:#d4ff3a;--c-volt-hot:#e6ff7d;--c-volt-ink:#10160a;--c-good:#36e0a0;--c-bad:#ff5d4f;--c-gem:#62d6ff;--c-gold:#ffd15c;--c-silver:#cdd4d6;--c-bronze:#cf8d5f;--c-pine:#74c47a;--c-snow:#a9d6ff;--c-canyon:#f28a4a;--c-panel:#0e1412f0;--c-scrim:#080c0a9e;--f-display:"DH Display", "Barlow Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--f-text:"DH Text", "Barlow", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--t-hero:calc(188 * var(--u));--t-h1:calc(92 * var(--u));--t-h2:calc(56 * var(--u));--t-h3:calc(36 * var(--u));--t-h4:calc(26 * var(--u));--t-body:calc(18 * var(--u));--t-small:calc(15 * var(--u));--t-label:calc(15 * var(--u));--track-label:.16em;--track-title:.01em;--s-1:calc(4 * var(--u));--s-2:calc(8 * var(--u));--s-3:calc(12 * var(--u));--s-4:calc(16 * var(--u));--s-5:calc(24 * var(--u));--s-6:calc(32 * var(--u));--s-7:calc(48 * var(--u));--s-8:calc(64 * var(--u));--s-9:calc(96 * var(--u));--safe:calc(64 * var(--u));--slant:10deg;--cut:calc(12 * var(--u));--r-1:calc(2 * var(--u));--r-2:calc(4 * var(--u));--hair:max(1px, calc(1.5 * var(--u)));--stroke:max(1.4px, calc(1.9 * var(--u)));--bar:calc(5 * var(--u));--sh-text:0 calc(1 * var(--u)) calc(3 * var(--u)) #0000008c, 0 0 calc(18 * var(--u)) #00000047;--sh-panel:0 calc(18 * var(--u)) calc(60 * var(--u)) #0006;--d-1:90ms;--d-2:.16s;--d-3:.28s;--d-4:.52s;--e-out:cubic-bezier(.16, 1, .3, 1);--e-in:cubic-bezier(.7, 0, .84, 0);--e-snap:cubic-bezier(.2, .9, .25, 1.2);--e-std:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--d-1:1ms;--d-2:1ms;--d-3:1ms;--d-4:1ms}}#hud{pointer-events:none;font-family:var(--f-text);font-size:var(--t-body);color:var(--c-chalk);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:fixed;inset:0}#hud *{box-sizing:border-box}#dh-ui{position:absolute;inset:0}#dh-ui [hidden]{display:none!important}:where(#dh-ui) button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}:where(#dh-ui) button:focus{outline:none}:where(#dh-ui) button:disabled,:where(#dh-ui) [aria-disabled=true]{cursor:default}[data-dev=gamepad]{display:none!important}:root[data-input=gamepad] [data-dev=gamepad]{display:inline-flex!important}:root[data-input=gamepad] [data-dev=keyboard]{display:none!important}.ui-hero,.ui-h1,.ui-h2,.ui-h3,.ui-num{font-family:var(--f-display);text-transform:uppercase;letter-spacing:var(--track-title);margin:0;font-style:italic;font-weight:800;line-height:.88}.ui-hero{font-size:var(--t-hero);letter-spacing:-.01em}.ui-h1{font-size:var(--t-h1)}.ui-h2{font-size:var(--t-h2)}.ui-h3{font-size:var(--t-h3)}.ui-num{font-variant-numeric:tabular-nums;font-weight:600}.ui-kicker,.ui-label{font-family:var(--f-display);font-weight:600;font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-chalk-2);margin:0}.ui-kicker{color:var(--c-volt)}.ui-text{font-size:var(--t-body);color:var(--c-chalk-2);margin:0;line-height:1.45}.ui-good{color:var(--c-good)!important}.ui-bad{color:var(--c-bad)!important}.ui-icon{fill:none;stroke:currentColor;width:1.25em;height:1.25em;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;flex:none;overflow:visible}.ui-icon path{vector-effect:non-scaling-stroke}.ui-icon.is-fill{fill:currentColor}.ui-hint{align-items:center;gap:var(--s-2);white-space:nowrap;display:inline-flex}.ui-hint__dev{gap:var(--s-1);display:inline-flex}.ui-hint__label{font-family:var(--f-display);font-weight:600;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--c-chalk-2)}.ui-key{min-width:calc(26 * var(--u));height:calc(26 * var(--u));padding:0 calc(6 * var(--u));border:var(--hair) solid var(--c-chalk-3);border-bottom-width:calc(3 * var(--u));border-radius:var(--r-2);font-family:var(--f-display);font-style:normal;font-weight:600;font-size:calc(14 * var(--u));letter-spacing:.04em;color:var(--c-chalk);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-key--wide{padding:0 calc(9 * var(--u))}.ui-key--face{min-width:calc(26 * var(--u));width:calc(26 * var(--u));border-width:var(--stroke);border-radius:50%;padding:0}.ui-hints{align-items:center;gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.ui-btn{isolation:isolate;justify-content:center;align-items:center;gap:var(--s-3);min-height:calc(52 * var(--u));padding:0 calc(30 * var(--u));letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--c-chalk);transition:transform var(--d-1) var(--e-out), color var(--d-1) linear;display:inline-flex;position:relative;font-family:var(--f-display)!important;font-weight:600!important;font-size:calc(21 * var(--u))!important}.ui-btn:before{content:"";z-index:-1;transform:skewX(calc(-1 * var(--slant)));background:var(--c-ink-700);border:var(--hair) solid var(--c-line);transition:background-color var(--d-1) linear, border-color var(--d-1) linear;position:absolute;inset:0}.ui-btn .ui-icon{width:calc(22 * var(--u));height:calc(22 * var(--u))}.ui-btn .ui-hint{margin-left:var(--s-2)}.ui-btn--ghost:before{background:0 0;border-color:#0000}.ui-btn--primary{color:var(--c-volt-ink)}.ui-btn--primary:before{background:var(--c-volt);border-color:var(--c-volt)}.ui-btn--primary .ui-key{color:var(--c-volt-ink);border-color:#10160a73}.ui-btn--sm{min-height:calc(40 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(17 * var(--u))!important}.ui-btn--lg{min-height:calc(64 * var(--u));padding:0 calc(40 * var(--u));font-size:calc(26 * var(--u))!important}.ui-btn--xl{min-height:calc(84 * var(--u));padding:0 calc(56 * var(--u));letter-spacing:.04em;font-style:italic;font-size:calc(38 * var(--u))!important;font-weight:800!important}.ui-btn--xl .ui-icon{width:calc(30 * var(--u));height:calc(30 * var(--u))}.ui-btn.is-on:before{border-color:var(--c-volt)}.ui-btn.is-on{color:var(--c-volt)}.ui-btn:disabled{opacity:.38}.ui-btn.is-focus{color:var(--c-ink-900);transform:translateX(calc(6 * var(--u)))}.ui-btn.is-focus:before{background:var(--c-chalk);border-color:var(--c-chalk);box-shadow:calc(-7 * var(--u)) 0 0 0 var(--c-volt)}.ui-btn.is-focus .ui-key{color:var(--c-ink-900);border-color:#080c0a66}.ui-btn--primary.is-focus:before{background:var(--c-volt-hot);border-color:var(--c-volt-hot);box-shadow:calc(-7 * var(--u)) 0 0 0 var(--c-chalk)}.ui-tile{justify-content:flex-end;gap:var(--s-2);min-height:calc(132 * var(--u));padding:var(--s-5) var(--s-6) var(--s-5) var(--s-5);background:var(--c-ink-800);border-left:var(--bar) solid var(--tint,var(--c-ink-500));clip-path:polygon(0 0, calc(100% - var(--cut) * 2) 0, 100% calc(var(--cut) * 2), 100% 100%, 0 100%);color:var(--c-chalk);transition:transform var(--d-2) var(--e-out), background-color var(--d-1) linear, color var(--d-1) linear;flex-direction:column;display:flex;position:relative}.ui-tile[data-tint=pine]{--tint:var(--c-pine)}.ui-tile[data-tint=snow]{--tint:var(--c-snow)}.ui-tile[data-tint=canyon]{--tint:var(--c-canyon)}.ui-tile__text{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.ui-tile__kicker{font-family:var(--f-display);font-weight:600;font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--tint,var(--c-volt))}.ui-tile__title{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:var(--t-h3);text-transform:uppercase;text-overflow:ellipsis;line-height:.95;overflow:hidden}.ui-tile__sub{font-size:var(--t-small);color:var(--c-chalk-2);line-height:1.35}.ui-tile__extra{align-items:center;gap:var(--s-3);margin-top:var(--s-1);flex-wrap:wrap;display:flex}.ui-tile__icon{top:var(--s-5);right:calc(var(--s-5) + var(--cut));color:var(--c-chalk-3);position:absolute;width:calc(34 * var(--u))!important;height:calc(34 * var(--u))!important}.ui-tile--lg{min-height:calc(300 * var(--u))}.ui-tile--lg .ui-tile__title{font-size:var(--t-h1)}.ui-tile--lg .ui-tile__icon{width:calc(56 * var(--u))!important;height:calc(56 * var(--u))!important}.ui-tile--sm{min-height:calc(92 * var(--u));padding:var(--s-4) var(--s-5) var(--s-4) var(--s-4)}.ui-tile--sm .ui-tile__title{font-size:var(--t-h4)}.ui-tile--hero{background:var(--c-volt);color:var(--c-volt-ink);border-left-color:var(--c-volt-ink)}.ui-tile--hero .ui-tile__kicker,.ui-tile--hero .ui-tile__sub,.ui-tile--hero .ui-tile__icon{color:#10160ab8}.ui-tile.is-locked{color:var(--c-chalk-3)}.ui-tile.is-locked .ui-tile__title{color:var(--c-chalk-2)}.ui-tile.is-on{box-shadow:inset 0 0 0 var(--hair) var(--c-volt)}.ui-tile.is-focus{background:var(--c-chalk);color:var(--c-ink-900);transform:translateY(calc(-6 * var(--u)))}.ui-tile.is-focus .ui-tile__sub,.ui-tile.is-focus .ui-tile__icon{color:#080c0a9e}.ui-tile.is-focus .ui-tile__title{color:var(--c-ink-900)}.ui-tile.is-focus .ui-tile__kicker{color:var(--c-ink-600)}.ui-tile--hero.is-focus{background:var(--c-volt-hot)}.ui-tile.is-focus .ui-star:not(.is-on){color:#080c0a47}.ui-tabs{align-items:center;gap:var(--s-6);display:flex}.ui-tab{align-items:center;gap:var(--s-2);padding:var(--s-2) 0 var(--s-3);letter-spacing:.1em;text-transform:uppercase;color:var(--c-chalk-3);transition:color var(--d-1) linear;display:inline-flex;position:relative;font-family:var(--f-display)!important;font-weight:600!important;font-size:calc(22 * var(--u))!important}.ui-tab:after{content:"";height:var(--bar);background:var(--tint,var(--c-volt));transform:scaleX(0) skewX(calc(-1 * var(--slant)));transform-origin:0;transition:transform var(--d-2) var(--e-out);position:absolute;bottom:0;left:0;right:0}.ui-tab[data-tint=pine]{--tint:var(--c-pine)}.ui-tab[data-tint=snow]{--tint:var(--c-snow)}.ui-tab[data-tint=canyon]{--tint:var(--c-canyon)}.ui-tab .ui-icon{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ui-tab:hover{color:var(--c-chalk-2)}.ui-tab.is-on{color:var(--c-chalk)}.ui-tab.is-on:after{transform:scaleX(1) skewX(calc(-1 * var(--slant)))}.ui-tabs>.ui-hint .ui-key{opacity:.7}.ui-list{gap:calc(3 * var(--u));flex-direction:column;display:flex}.ui-row{align-items:center;gap:var(--s-4);min-height:calc(56 * var(--u));padding:0 var(--s-5);background:var(--c-ink-800);letter-spacing:.06em;text-transform:uppercase;color:var(--c-chalk);transition:background-color var(--d-1) linear, color var(--d-1) linear;display:flex;position:relative;font-family:var(--f-display)!important;font-weight:600!important;font-size:calc(21 * var(--u))!important}div.ui-row{border-bottom:var(--hair) solid var(--c-line);background:0 0}.ui-row__icon{color:var(--c-chalk-3);width:calc(22 * var(--u))!important;height:calc(22 * var(--u))!important}.ui-row__label{flex-direction:column;flex:1;min-width:0;display:flex}.ui-row__label small{font-family:var(--f-text);font-weight:500;font-size:var(--t-small);letter-spacing:0;text-transform:none;color:var(--c-chalk-3)}.ui-row__value{align-items:center;gap:var(--s-3);font-variant-numeric:tabular-nums;color:var(--c-chalk-2);display:inline-flex}.ui-row.is-focus{background:var(--c-chalk);color:var(--c-ink-900);box-shadow:calc(-1 * var(--bar)) 0 0 0 var(--c-volt)}.ui-row.is-focus .ui-row__value,.ui-row.is-focus .ui-row__icon,.ui-row.is-focus .ui-row__label small{color:var(--c-ink-600)}.ui-row.is-locked{color:var(--c-chalk-3)}.ui-slider{width:calc(180 * var(--u));height:calc(6 * var(--u));background:var(--c-line);transform:skewX(calc(-1 * var(--slant)));display:inline-block;position:relative}.ui-slider__fill{transform-origin:0;transform:scaleX(var(--v));background:currentColor;position:absolute;inset:0}.ui-slider__thumb{width:calc(6 * var(--u));height:calc(22 * var(--u));margin:calc(-11 * var(--u)) 0 0 calc(-3 * var(--u));background:var(--c-volt);transform:translateX(calc(var(--v) * 180 * var(--u)));position:absolute;top:50%;left:0}.ui-slider__num,.ui-toggle__word{min-width:calc(48 * var(--u));text-align:right;font-weight:600}.ui-row.is-focus .ui-slider{background:#080c0a2e}.ui-row.is-focus .ui-slider__thumb{background:var(--c-ink-900)}.ui-toggle{width:calc(48 * var(--u));height:calc(24 * var(--u));border:var(--stroke) solid currentColor;transform:skewX(calc(-1 * var(--slant)));opacity:.7;display:inline-block;position:relative}.ui-toggle__knob{top:calc(3 * var(--u));left:calc(3 * var(--u));width:calc(16 * var(--u));height:calc(14 * var(--u));transition:transform var(--d-2) var(--e-out), background-color var(--d-1) linear;background:currentColor;position:absolute}.ui-toggle.is-on{opacity:1;border-color:var(--c-volt)}.ui-toggle.is-on .ui-toggle__knob{transform:translateX(calc(22 * var(--u)));background:var(--c-volt)}.ui-row.is-focus .ui-toggle.is-on{border-color:var(--c-ink-900)}.ui-row.is-focus .ui-toggle.is-on .ui-toggle__knob{background:var(--c-ink-900)}.ui-choice{align-items:center;gap:var(--s-3);display:inline-flex}.ui-choice b{min-width:calc(96 * var(--u));text-align:center;font-weight:600}.ui-choice__arrow{padding:0 var(--s-1);opacity:.5;cursor:pointer;pointer-events:auto;font-size:1.3em;font-style:normal;line-height:1}.ui-row.is-focus .ui-choice__arrow{opacity:1}.ui-progress{width:100%;height:calc(8 * var(--u));background:var(--c-line);display:block;position:relative;overflow:hidden}.ui-progress__from,.ui-progress__fill{transform-origin:0;transform:scaleX(var(--v));position:absolute;inset:0}.ui-progress__from{background:var(--c-chalk-3)}.ui-progress__fill{background:var(--c-volt);transition:transform var(--d-4) var(--e-out)}.ui-progress--thin{height:calc(4 * var(--u))}.ui-progress--xp{height:calc(10 * var(--u));transform:skewX(calc(-1 * var(--slant)))}.ui-progress--xp .ui-progress__fill{transition:transform 1.4s var(--e-out)}.ui-stars{gap:calc(3 * var(--u));display:inline-flex}.ui-star{color:var(--c-chalk-3);display:inline-flex}.ui-star .ui-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.ui-star.is-on{color:var(--c-volt)}.ui-tile--hero .ui-star.is-on,.ui-tile.is-focus .ui-star.is-on{color:var(--c-volt-ink)}.ui-stars--sm .ui-icon{width:calc(15 * var(--u));height:calc(15 * var(--u))}.ui-stars--lg{gap:var(--s-3)}.ui-stars--lg .ui-icon{width:calc(64 * var(--u));height:calc(64 * var(--u))}.ui-stars.is-pop .ui-star{animation:ui-star-pop var(--d-4) var(--e-snap) both;animation-delay:calc(.9s + var(--i) * .26s)}@keyframes ui-star-pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}.ui-medal{align-items:center;gap:var(--s-2);font-family:var(--f-display);text-transform:uppercase;font-style:italic;font-weight:800;display:inline-flex}.ui-medal .ui-icon{width:1.4em;height:1.4em}.ui-medal--gold{color:var(--c-gold)}.ui-medal--silver{color:var(--c-silver)}.ui-medal--bronze{color:var(--c-bronze)}.ui-medal--none{color:var(--c-chalk-2)}.ui-money{align-items:center;gap:calc(6 * var(--u));font-family:var(--f-display);font-weight:600;font-size:calc(21 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:.02em;display:inline-flex}.ui-money b{font-weight:600}.ui-money .ui-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.ui-money--bucks .ui-icon{color:var(--c-gold)}.ui-money--gems .ui-icon{color:var(--c-gem)}.ui-money.is-short{color:var(--c-bad)}.ui-money.is-off{opacity:.4}.ui-tile.is-focus .ui-money .ui-icon,.ui-tile--hero .ui-money .ui-icon{color:currentColor}.ui-price{align-items:center;gap:var(--s-3);display:inline-flex}.ui-price__or{font-style:normal;font-size:var(--t-small);color:var(--c-chalk-3)}.ui-price.is-owned,.ui-price.is-free{font-family:var(--f-display);font-weight:600;font-size:calc(18 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--c-good);gap:var(--s-1)}.ui-tile.is-focus .ui-price.is-owned{color:#0d6b48}.ui-badge{align-items:center;gap:var(--s-1);padding:calc(3 * var(--u)) calc(10 * var(--u));background:var(--c-ink-600);font-family:var(--f-display);font-weight:600;font-size:calc(14 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--c-chalk);transform:skewX(calc(-1 * var(--slant)));display:inline-flex}.ui-badge>*{transform:skewX(var(--slant))}.ui-badge--volt{background:var(--c-volt);color:var(--c-volt-ink)}.ui-badge .ui-icon{width:calc(14 * var(--u));height:calc(14 * var(--u))}.ui-panel{gap:var(--s-5);padding:var(--s-7);background:var(--c-panel);border-top:var(--bar) solid var(--c-volt);clip-path:polygon(0 0, calc(100% - var(--cut) * 3) 0, 100% calc(var(--cut) * 3), 100% 100%, 0 100%);pointer-events:auto;flex-direction:column;display:flex;position:relative}.ui-panel--sm{width:calc(560 * var(--u))}.ui-panel--md{width:calc(820 * var(--u))}.ui-panel--lg{width:calc(1120 * var(--u))}.ui-panel__head{gap:var(--s-2);flex-direction:column;display:flex}.ui-panel__body{gap:var(--s-4);flex-direction:column;min-height:0;display:flex}.ui-actions{align-items:center;gap:var(--s-4) var(--s-5);padding-left:var(--s-2);flex-wrap:wrap;display:flex}.ui-modal{z-index:5;background:var(--c-scrim);pointer-events:auto;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#hud[data-panel=controls] .ui-modal[data-panel=controls],#hud[data-panel=board] .ui-modal[data-panel=board],#hud[data-panel=confirm] .ui-modal[data-panel=confirm],#hud[data-panel=levelup] .ui-modal[data-panel=levelup]{animation:ui-fade var(--d-3) var(--e-out) both;display:flex}#hud[data-panel] .ui-modal .ui-panel{max-height:calc(100% - 96 * var(--u));animation:ui-rise var(--d-3) var(--e-out) both;overflow-y:auto}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{transform:translateY(calc(28 * var(--u)));opacity:0}}.ui-toast{top:var(--s-6);z-index:8;align-items:center;gap:var(--s-3);max-width:calc(820 * var(--u));padding:var(--s-3) var(--s-5);background:var(--c-panel);border-left:var(--bar) solid var(--c-volt);font-size:var(--t-body);white-space:pre-line;opacity:0;transform:translate(-50%, calc(-16 * var(--u)));transition:opacity var(--d-2) linear, transform var(--d-3) var(--e-out);font-weight:500;line-height:1.35;display:flex;position:absolute;left:50%}.ui-toast.is-show{opacity:1;transform:translate(-50%)}.ui-trick{align-items:center;gap:var(--s-1);text-shadow:var(--sh-text);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%)}.ui-trick__line{align-items:baseline;gap:var(--s-3);animation:ui-trick-in var(--d-3) var(--e-snap) both;display:flex}.ui-trick__name{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(46 * var(--u));text-transform:uppercase;color:var(--c-chalk);line-height:1}.ui-trick__pts{font-family:var(--f-display);font-style:italic;font-weight:600;font-size:calc(30 * var(--u));color:var(--c-volt);font-variant-numeric:tabular-nums}.ui-trick__combo{padding:0 calc(10 * var(--u));background:var(--c-volt);color:var(--c-volt-ink);font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(26 * var(--u));text-shadow:none;transform:skewX(calc(-1 * var(--slant)));display:inline-flex}.ui-trick__line.is-sloppy .ui-trick__name{color:var(--c-chalk-2)}.ui-trick__line.is-out{animation:ui-trick-out var(--d-3) var(--e-in) both}.ui-trick__total{font-family:var(--f-display);font-weight:600;font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-chalk-2)}@keyframes ui-trick-in{0%{transform:translateY(calc(18 * var(--u))) scale(.85);opacity:0}}@keyframes ui-trick-out{to{transform:translateY(calc(-14 * var(--u)));opacity:0}}.dh-screen,.dh-page{display:none;position:absolute;inset:0}#hud[data-mode=menu] .dh-menu-root,#hud[data-mode=finish] .dh-finish,#hud[data-mode=pause] .dh-pause,#hud[data-mode=replay] .dh-replay,#hud[data-mode=photo] .dh-photo,#hud[data-mode=export] .dh-export,#hud[data-page=title] .dh-page[data-page=title],#hud[data-page=home] .dh-page[data-page=home],#hud[data-page=worlds] .dh-page[data-page=worlds],#hud[data-page=event] .dh-page[data-page=event],#hud[data-page=garage] .dh-page[data-page=garage],#hud[data-page=shop] .dh-page[data-page=shop],#hud[data-page=settings] .dh-page[data-page=settings]{display:block}#hud[data-mode=menu]>:not(#dh-ui),#hud[data-mode=finish]>:not(#dh-ui),#hud[data-mode=replay]>:not(#dh-ui),#hud[data-mode=photo]>:not(#dh-ui),#hud[data-mode=export]>:not(#dh-ui),#hud[data-mode=pause]>#hud-hint,#hud[data-quiet]>#hud-speed,#hud[data-quiet]>#hud-clock,#hud[data-quiet] .dh-hud{display:none}.dh-menu-root{pointer-events:auto;display:none;position:absolute;inset:0}.dh-menu-root:before{content:"";transition:opacity var(--d-4) var(--e-std);background:linear-gradient(90deg,#080c0ad1 0%,#080c0a8c 30%,#080c0a1f 58%,#080c0a00 72%),linear-gradient(#080c0a00 66%,#080c0ab3 100%),linear-gradient(#080c0a80 0%,#080c0a00 18%);position:absolute;inset:0}#hud[data-page=title] .dh-menu-root:before{opacity:.8}#hud[data-page=garage] .dh-menu-root:before{opacity:.75}.dh-page{padding:var(--safe)}#hud[data-mode=menu] .dh-page{animation:dh-page-in var(--d-3) var(--e-out) both}#hud[data-mode=menu][data-dir=back] .dh-page{animation-name:dh-page-back}@keyframes dh-page-in{0%{opacity:0;transform:translateX(calc(56 * var(--u)))}}@keyframes dh-page-back{0%{opacity:0;transform:translateX(calc(-56 * var(--u)))}}.dh-top{top:var(--safe);left:var(--safe);right:var(--safe);justify-content:space-between;align-items:flex-start;gap:var(--s-6);display:flex;position:absolute}.dh-crumb{gap:var(--s-2);flex-direction:column;display:flex}.dh-crumb .ui-h1{text-shadow:var(--sh-text)}.dh-brand{align-items:center;gap:var(--s-2);font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(22 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--c-chalk);display:inline-flex}.dh-brand i{width:calc(22 * var(--u));height:calc(5 * var(--u));background:var(--c-volt);transform:skewX(calc(-1 * var(--slant))) translateY(calc(-2 * var(--u)));display:inline-block}.dh-profile{align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-5);background:var(--c-panel);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));display:flex}.dh-profile__lvl{align-items:center;gap:var(--s-3);min-width:calc(200 * var(--u));display:flex}.dh-profile__lvl .ui-num{font-size:calc(40 * var(--u));color:var(--c-volt);font-style:italic;font-weight:800}.dh-profile__xp{gap:calc(6 * var(--u));flex-direction:column;flex:1;display:flex}.dh-profile__xp .ui-label{font-size:calc(13 * var(--u))}.dh-foot{left:var(--safe);right:var(--safe);bottom:calc(var(--safe) * .6);justify-content:space-between;align-items:center;gap:var(--s-6);display:flex;position:absolute}.dh-foot .ui-text{font-size:var(--t-small);color:var(--c-chalk-3);white-space:pre-line;text-align:right}.dh-titlepage{left:var(--safe);bottom:calc(var(--safe) * 2.1);gap:var(--s-6);flex-direction:column;display:flex;position:absolute}.dh-wordmark{gap:var(--s-3);flex-direction:column;display:flex;position:relative}.dh-wordmark h1{font-size:var(--t-hero);text-shadow:0 calc(4 * var(--u)) calc(40 * var(--u)) #00000059}.dh-wordmark__slash{width:calc(240 * var(--u));height:calc(10 * var(--u));background:var(--c-volt);transform:skewX(calc(-1 * var(--slant) * 3));transform-origin:0;display:block}#hud[data-mode=menu][data-page=title] .dh-wordmark h1{animation:dh-word-in var(--d-4) var(--e-out) both}#hud[data-mode=menu][data-page=title] .dh-wordmark__slash{animation:dh-slash-in var(--d-4) var(--e-out) .16s both}@keyframes dh-word-in{0%{transform:translateX(calc(-40 * var(--u)));opacity:0}}@keyframes dh-slash-in{0%{transform:skewX(calc(-1 * var(--slant) * 3)) scaleX(0)}}.dh-sub{font-family:var(--f-display);font-weight:600;font-size:calc(22 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--c-chalk-2);text-shadow:var(--sh-text);margin:0}.dh-press{align-items:center;gap:var(--s-4);align-self:flex-start;display:inline-flex}.dh-press .ui-hint__label{color:var(--c-chalk);font-size:calc(20 * var(--u))}.dh-press .ui-key{height:calc(32 * var(--u));min-width:calc(32 * var(--u));font-size:calc(16 * var(--u))}.dh-press.is-focus:before{box-shadow:none}#hud[data-page=title] .dh-press{animation:dh-breathe 2.4s var(--e-std) 1s infinite}@keyframes dh-breathe{50%{opacity:.55}}.dh-home{left:var(--safe);bottom:calc(var(--safe) * 1.6);grid-template-columns:calc(620 * var(--u)) calc(300 * var(--u));gap:var(--s-3) var(--s-4);grid-template-rows:repeat(4,auto);display:grid;position:absolute}.dh-home>.ui-tile--hero{grid-row:1/span 4}.dh-home .ui-tile--lg .ui-tile__sub{font-size:var(--t-body)}.dh-home .ui-tile--sm{min-height:calc(84 * var(--u))}.dh-home-title{left:var(--safe);top:calc(var(--safe) * 2.4);position:absolute}.dh-home-title h1{font-size:calc(120 * var(--u));text-shadow:var(--sh-text)}.dh-daily{right:var(--safe);bottom:calc(var(--safe) * 1.6);width:calc(400 * var(--u));position:absolute}.dh-worlds-head{left:var(--safe);right:var(--safe);top:calc(var(--safe) * 2.6);gap:var(--s-5);flex-direction:column;display:flex;position:absolute}.dh-world-hero{align-items:flex-end;gap:var(--s-7);display:flex}.dh-world-hero .ui-h1{font-size:calc(110 * var(--u));color:var(--tint,var(--c-chalk));text-shadow:var(--sh-text)}.dh-world-hero[data-tint=pine]{--tint:var(--c-pine)}.dh-world-hero[data-tint=snow]{--tint:var(--c-snow)}.dh-world-hero[data-tint=canyon]{--tint:var(--c-canyon)}.dh-world-hero .ui-text{max-width:calc(560 * var(--u));padding-bottom:var(--s-2);color:var(--c-chalk);text-shadow:var(--sh-text)}.dh-world-stats{align-items:center;gap:var(--s-5);padding-bottom:var(--s-2);display:flex}.dh-map{left:var(--safe);right:var(--safe);bottom:calc(var(--safe) * 1.5);height:calc(440 * var(--u));position:absolute}.dh-map__line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dh-map__line path{fill:none;stroke:var(--c-chalk-3);stroke-width:calc(3 * var(--u));stroke-dasharray:calc(2 * var(--u)) calc(12 * var(--u));stroke-linecap:round;vector-effect:non-scaling-stroke}.dh-map .ui-tile{width:calc(300 * var(--u));min-height:calc(176 * var(--u));position:absolute}.dh-map .ui-tile__title{font-size:var(--t-h4)}.dh-map__pin{width:calc(16 * var(--u));height:calc(16 * var(--u));margin:calc(-8 * var(--u)) 0 0 calc(-8 * var(--u));background:var(--tint,var(--c-volt));position:absolute;transform:rotate(45deg)}.dh-map__pin.is-done{background:var(--c-chalk)}.dh-map__pin.is-locked{background:var(--c-ink-500)}.dh-map__pin.is-next{box-shadow:0 0 0 calc(6 * var(--u)) #d4ff3a40}.dh-event{left:var(--safe);top:calc(var(--safe) * 2.6);bottom:calc(var(--safe) * 1.6);width:calc(700 * var(--u));gap:var(--s-6);flex-direction:column;display:flex;position:absolute}.dh-event .ui-panel{gap:var(--s-6)}.dh-event__kind{align-items:center;gap:var(--s-2);display:inline-flex}.dh-event__kind .ui-icon{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--c-volt)}.dh-goals{flex-direction:column;display:flex}.dh-goal{align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:var(--hair) solid var(--c-line);font-family:var(--f-display);font-weight:600;font-size:calc(22 * var(--u));letter-spacing:.04em;text-transform:uppercase;display:flex}.dh-goal .ui-stars{min-width:calc(80 * var(--u))}.dh-goal b{font-variant-numeric:tabular-nums;color:var(--c-chalk-2);margin-left:auto}.dh-goal.is-done b{color:var(--c-volt)}.dh-reward{align-items:center;gap:var(--s-6);display:flex}.dh-reward .ui-money{font-size:calc(28 * var(--u))}.dh-xp{align-items:center;gap:var(--s-2);font-family:var(--f-display);font-weight:600;font-size:calc(28 * var(--u));color:var(--c-volt);display:inline-flex}.dh-xp small{letter-spacing:.12em;font-size:.6em}.ui-tile--hero .dh-xp,.ui-tile.is-focus .dh-xp{color:var(--c-volt-ink)}.dh-store{left:var(--safe);top:calc(var(--safe) * 2.6);bottom:calc(var(--safe) * 1.5);width:calc(760 * var(--u));gap:var(--s-5);flex-direction:column;display:flex;position:absolute}.dh-shop .dh-store{width:auto;right:var(--safe)}.dh-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid;overflow:hidden}.dh-shop .dh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dh-grid .ui-tile{min-height:calc(150 * var(--u))}.dh-grid .ui-tile__title{font-size:calc(28 * var(--u))}.dh-group{margin:var(--s-3) 0 0;grid-column:1/-1}.dh-stats{gap:calc(5 * var(--u)) var(--s-3);width:100%;font-family:var(--f-display);font-weight:600;font-size:calc(13 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--c-chalk-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.ui-tile.is-focus .dh-stats{color:#080c0a8c}.ui-tile.is-focus .dh-stats .ui-progress{background:#080c0a24}.ui-tile.is-focus .dh-stats .ui-progress__fill{background:var(--c-ink-900)}.dh-swatch{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:var(--r-1,3px);background:var(--sw,#888);vertical-align:middle;display:inline-block;box-shadow:inset 0 0 0 1px #f4f1e847}.dh-turn{right:var(--safe);bottom:calc(var(--safe) * 1.5);align-items:center;gap:var(--s-4);color:var(--c-chalk-2);display:flex;position:absolute}.dh-gems-note{font-size:var(--t-small);color:var(--c-chalk-3)}.dh-settings{left:var(--safe);top:calc(var(--safe) * 2.6 + var(--s-8));width:calc(720 * var(--u));gap:var(--s-5);flex-direction:column;display:flex;position:absolute}#hud-clock{top:calc(var(--safe) * .6);right:calc(var(--safe) * .6);width:calc(260 * var(--u));text-align:right;font-family:var(--f-display);font-style:italic;font-weight:600;font-size:calc(46 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:var(--sh-text);contain:layout paint;line-height:1;position:absolute}#hud-clock small{display:none}#hud-speed{right:calc(var(--safe) * .6);bottom:calc(var(--safe) * .5);width:calc(200 * var(--u));text-align:right;font-family:var(--f-display);font-style:italic;font-weight:600;font-size:calc(40 * var(--u));font-variant-numeric:tabular-nums;text-shadow:var(--sh-text);contain:layout paint;line-height:1;position:absolute}#hud-speed small{margin-left:calc(6 * var(--u));font-style:normal;font-size:calc(15 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--c-chalk-2)}#hud-msg{text-align:center;font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(40 * var(--u));letter-spacing:.02em;text-transform:uppercase;text-shadow:var(--sh-text);opacity:0;transition:opacity var(--d-3) linear;position:absolute;top:24%;left:0;right:0}#hud-hint{left:0;right:0;bottom:calc(var(--safe) * .4);text-align:center;font-size:var(--t-small);color:var(--c-chalk);text-shadow:var(--sh-text);line-height:2;transition:opacity 1.2s linear;position:absolute}#hud-hint b{margin:0 calc(4 * var(--u)) 0 var(--s-4);padding:0 calc(7 * var(--u));border:var(--hair) solid var(--c-chalk-3);border-bottom-width:calc(3 * var(--u));border-radius:var(--r-2);font-family:var(--f-display);text-shadow:none;background:#080c0a8c;font-weight:600;line-height:1.5;display:inline-block}#hud-debug{white-space:pre;color:var(--c-chalk);background:#080c0ac7;margin:0;padding:10px 12px;font:12px/1.45 ui-monospace,Consolas,Cascadia Mono,monospace;position:absolute;top:12px;left:12px}#hud-pause{justify-content:center;align-items:center;gap:var(--s-3);background:var(--c-scrim);pointer-events:auto;flex-direction:column;display:none;position:absolute;inset:0}#hud-pause h1{margin:0 0 var(--s-3);font-family:var(--f-display);font-style:italic;font-weight:800;font-size:var(--t-h1);text-transform:uppercase}#hud-pause button{min-width:calc(260 * var(--u));padding:var(--s-3) var(--s-5);background:var(--c-chalk);color:var(--c-ink-900);font-family:var(--f-display);font-weight:600;font-size:calc(21 * var(--u));letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0}.dh-hud{display:none;position:absolute;inset:0}#hud[data-mode=ride] .dh-hud,#hud[data-mode=countdown] .dh-hud{display:block}.dh-progress{top:calc(var(--safe) * .6 + 54 * var(--u));right:calc(var(--safe) * .6);width:calc(260 * var(--u));align-items:flex-end;gap:calc(6 * var(--u));contain:layout paint;flex-direction:column;display:flex;position:absolute}.dh-progress .ui-progress{height:calc(6 * var(--u));transform:skewX(calc(-1 * var(--slant)));background:#080c0a80;box-shadow:0 0 0 1px #080c0a40}.dh-progress .ui-progress__fill{transition:transform .4s linear}.dh-progress .ui-label{font-size:calc(14 * var(--u));color:var(--c-chalk);text-shadow:var(--sh-text);font-variant-numeric:tabular-nums}.dh-place{top:calc(var(--safe) * .6);left:calc(var(--safe) * .6);align-items:baseline;gap:var(--s-1);font-family:var(--f-display);text-shadow:var(--sh-text);contain:layout paint;font-style:italic;font-weight:800;display:none;position:absolute}.dh-place.is-show{display:flex}.dh-place b{font-size:calc(64 * var(--u));line-height:1}.dh-place small{font-size:calc(26 * var(--u));color:var(--c-chalk-2)}.dh-trickhost{position:absolute;inset:0}.dh-count{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(260 * var(--u));color:var(--c-chalk);text-shadow:0 calc(6 * var(--u)) calc(40 * var(--u)) #0006;opacity:0;pointer-events:none;line-height:1;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.dh-count.dh-show{animation:dh-count var(--d-4) var(--e-snap) both}.dh-count.dh-go{color:var(--c-volt)}.dh-count.dh-go.dh-show{animation:dh-go .9s var(--e-out) both}@keyframes dh-count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dh-go{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.dh-split{top:calc(var(--safe) * .6 + 100 * var(--u));right:calc(var(--safe) * .6);align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--c-panel);border-right:var(--bar) solid var(--c-volt);font-family:var(--f-display);font-weight:600;font-size:calc(20 * var(--u));letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;opacity:0;transform:translateX(calc(30 * var(--u)));transition:opacity var(--d-2) linear, transform var(--d-3) var(--e-out);pointer-events:none;display:flex;position:absolute}.dh-split.dh-show{opacity:1;transform:none}.dh-split .dh-name{color:var(--c-chalk-2)}.dh-split .dh-delta{min-width:calc(80 * var(--u));text-align:right}.dh-split .dh-good{color:var(--c-good)}.dh-split .dh-bad{color:var(--c-bad)}#hud:not([data-mode=ride]):not([data-mode=countdown]) .dh-split{display:none}.dh-lesson{left:50%;bottom:calc(var(--safe) * 1.5);align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);background:var(--c-panel);border-left:var(--bar) solid var(--c-volt);font-size:var(--t-body);transform:translate(-50%, calc(14 * var(--u)));opacity:0;transition:opacity var(--d-2) linear, transform var(--d-3) var(--e-out);pointer-events:none;display:flex;position:absolute}.dh-lesson.dh-show{opacity:1;transform:translate(-50%)}.dh-lesson b{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(24 * var(--u));text-transform:uppercase;color:var(--c-volt)}.dh-lesson kbd{min-width:calc(24 * var(--u));height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border:var(--hair) solid var(--c-chalk-3);border-bottom-width:calc(3 * var(--u));border-radius:var(--r-2);font-family:var(--f-display);font-weight:600;font-size:calc(14 * var(--u));justify-content:center;align-items:center;display:inline-flex}#hud:not([data-mode=ride]) .dh-lesson{display:none}.dh-finish{pointer-events:auto}.dh-finish:before{content:"";animation:ui-fade var(--d-4) linear 1.1s both;background:linear-gradient(90deg,#080c0adb 0%,#080c0a99 40%,#080c0a1a 75%);position:absolute;inset:0}.dh-banner{height:calc(210 * var(--u));background:var(--c-volt);animation:dh-banner 1.9s var(--e-out) both;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:36%;left:-5%;right:-5%;transform:skewY(-3deg)}.dh-banner span{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(220 * var(--u));letter-spacing:.02em;text-transform:uppercase;color:var(--c-volt-ink);animation:dh-banner-word 1.9s var(--e-out) both;line-height:1}@keyframes dh-banner{0%{transform:skewY(-3deg)scaleY(0)}14%{transform:skewY(-3deg)scaleY(1)}72%{opacity:1;transform:skewY(-3deg)scaleY(1)}to{transform:skewY(-3deg) scaleY(.02) translateY(calc(-900 * var(--u)));opacity:0}}@keyframes dh-banner-word{0%{transform:translateX(calc(-160 * var(--u)));opacity:0}18%{opacity:1;transform:none}70%{transform:translateX(calc(30 * var(--u)))}to{transform:translateX(calc(60 * var(--u)));opacity:0}}.dh-result{left:var(--safe);top:calc(var(--safe) * 1.2);bottom:calc(var(--safe) * 1.2);width:calc(820 * var(--u));justify-content:center;gap:var(--s-5);animation:dh-result-in var(--d-4) var(--e-out) 1.35s both;flex-direction:column;display:flex;position:absolute}@keyframes dh-result-in{0%{transform:translateX(calc(-60 * var(--u)));opacity:0}}.dh-result__head{align-items:center;gap:var(--s-4);display:flex}.dh-finish .dh-time{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(150 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:0;margin:0;line-height:.9}.dh-result__row{align-items:center;gap:var(--s-6);display:flex}.dh-finish .dh-vs{font-family:var(--f-display);font-weight:600;font-size:calc(24 * var(--u));letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--c-chalk-2);margin:0}.dh-place-big{align-items:baseline;gap:var(--s-2);font-family:var(--f-display);font-style:italic;font-weight:800;display:flex}.dh-place-big b{font-size:calc(96 * var(--u));line-height:1}.dh-place-big small{font-size:calc(32 * var(--u));color:var(--c-chalk-2)}.dh-earn{align-items:center;gap:var(--s-3) var(--s-5);padding:var(--s-5) 0;border-top:var(--hair) solid var(--c-line);border-bottom:var(--hair) solid var(--c-line);grid-template-columns:auto 1fr auto;display:grid}.dh-earn .ui-label{min-width:calc(110 * var(--u))}.dh-earn__num{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:calc(34 * var(--u));font-variant-numeric:tabular-nums;text-align:right;min-width:calc(150 * var(--u))}.dh-earn__num.is-xp{color:var(--c-volt)}.dh-earn__num.is-bucks{color:var(--c-gold)}.dh-unlocked{gap:var(--s-2);flex-wrap:wrap;display:flex}.dh-segs{right:var(--safe);width:calc(460 * var(--u));padding:var(--s-5) var(--s-6);background:var(--c-panel);clip-path:polygon(0 0, calc(100% - var(--cut) * 2) 0, 100% calc(var(--cut) * 2), 100% 100%, 0 100%);animation:dh-segs-in var(--d-4) var(--e-out) 1.6s both;position:absolute;top:50%;transform:translateY(-50%)}@keyframes dh-segs-in{0%{transform:translate(calc(60 * var(--u)), -50%);opacity:0}}.dh-table{border-collapse:collapse;width:100%;font-family:var(--f-display);font-weight:600;font-size:calc(19 * var(--u));letter-spacing:.03em;font-variant-numeric:tabular-nums}.dh-table th{padding:0 0 var(--s-2);font-size:calc(13 * var(--u));letter-spacing:var(--track-label);text-transform:uppercase;text-align:right;color:var(--c-chalk-3)}.dh-table th:first-child{text-align:left}.dh-table td{padding:calc(7 * var(--u)) 0;border-top:var(--hair) solid var(--c-line);text-align:right}.dh-table td:first-child{text-align:left;color:var(--c-chalk-2);text-transform:uppercase}.dh-table .dh-good{color:var(--c-good)}.dh-table .dh-bad{color:var(--c-bad)}.dh-finish .dh-rank{font-size:var(--t-small);color:var(--c-chalk-3);margin:0}.dh-finish .ui-actions{padding-top:var(--s-3)}.dh-note{font-size:var(--t-small);color:var(--c-chalk-2);margin:0}.dh-note input{width:100%;margin-top:var(--s-2);padding:var(--s-2) var(--s-3);border:var(--hair) solid var(--c-line);background:var(--c-ink-900);color:var(--c-chalk);font:inherit;pointer-events:auto;display:block}.dh-pause{pointer-events:auto;animation:ui-fade var(--d-2) linear both;background:linear-gradient(90deg,#080c0ae0 0%,#080c0a99 34%,#080c0a26 70%)}.dh-pause__col{left:var(--safe);align-items:flex-start;gap:var(--s-3);animation:dh-page-in var(--d-3) var(--e-out) both;flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dh-pause__col .ui-h1{margin-bottom:var(--s-4)}.dh-pause__col .ui-btn{min-width:calc(340 * var(--u));justify-content:flex-start}.dh-pause .dh-foot{justify-content:flex-start}.dh-replay,.dh-photo{pointer-events:none}.dh-rtop{top:calc(var(--safe) * .5);left:calc(var(--safe) * .5);align-items:center;gap:var(--s-4);font-family:var(--f-display);font-weight:600;font-size:calc(22 * var(--u));font-variant-numeric:tabular-nums;text-shadow:var(--sh-text);transition:opacity .6s linear;display:flex;position:absolute}.dh-rbar{gap:var(--s-3);padding:var(--s-4) var(--safe) var(--s-5);background:var(--c-panel);border-top:var(--hair) solid var(--c-line);pointer-events:auto;transition:transform var(--d-4) var(--e-out), opacity var(--d-4) linear;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}#hud[data-idle] .dh-rbar{opacity:0;transform:translateY(100%)}#hud[data-idle] .dh-rtop{opacity:0}.dh-rrow{align-items:center;gap:var(--s-2) var(--s-5);flex-wrap:wrap;display:flex}.dh-seg{align-items:center;gap:var(--s-2);display:inline-flex}.dh-seg>span{margin-right:var(--s-1);font-family:var(--f-display);font-weight:600;font-size:calc(13 * var(--u));letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-chalk-3)}.dh-seg>b{font-family:var(--f-display);font-variant-numeric:tabular-nums;color:var(--c-chalk-2);font-weight:600}.dh-grow{flex:1}.dh-timeline{height:calc(28 * var(--u));cursor:pointer;touch-action:none;position:relative}.dh-timeline:before{content:"";height:calc(6 * var(--u));margin-top:calc(-3 * var(--u));background:var(--c-line);position:absolute;top:50%;left:0;right:0}.dh-timeline .dh-range{height:calc(16 * var(--u));margin-top:calc(-8 * var(--u));border:var(--hair) solid var(--c-volt);background:#d4ff3a1f;position:absolute;top:50%}.dh-timeline .dh-played{height:calc(6 * var(--u));margin-top:calc(-3 * var(--u));background:var(--c-chalk);position:absolute;top:50%;left:0}.dh-timeline .dh-head{width:calc(4 * var(--u));margin-left:calc(-2 * var(--u));background:var(--c-volt);position:absolute;top:0;bottom:0}.dh-timeline .dh-mark{width:calc(9 * var(--u));height:calc(9 * var(--u));margin:calc(-4.5 * var(--u)) 0 0 calc(-4.5 * var(--u));background:var(--c-gold);position:absolute;top:50%;transform:rotate(45deg)}.dh-timeline .dh-crash{background:var(--c-bad)}.dh-timeline .dh-finishmark{background:var(--c-chalk);height:calc(20 * var(--u));width:calc(3 * var(--u));margin:calc(-10 * var(--u)) 0 0 calc(-1.5 * var(--u));transform:none}.dh-legend{gap:var(--s-4);font-size:var(--t-small);color:var(--c-chalk-3);display:inline-flex}.dh-legend i{width:calc(8 * var(--u));height:calc(8 * var(--u));margin-right:var(--s-2);background:var(--c-gold);display:inline-block;transform:rotate(45deg)}.dh-legend i.dh-c{background:var(--c-bad)}.dh-hint{font-size:var(--t-small);color:var(--c-chalk-3);margin:0}.dh-rbar .ui-btn{min-height:calc(38 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(16 * var(--u))!important}.dh-export{pointer-events:auto;background:var(--c-scrim)}.dh-export .ui-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dh-controls{font-size:calc(18 * var(--u))}.dh-controls td,.dh-controls th{padding-right:var(--s-4);text-align:left!important}.dh-controls td:first-child{text-transform:none;font-family:var(--f-text);font-weight:500}.dh-controls kbd{min-width:calc(24 * var(--u));height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border:var(--hair) solid var(--c-chalk-3);border-bottom-width:calc(3 * var(--u));border-radius:var(--r-2);font-family:var(--f-display);font-weight:600;font-size:calc(14 * var(--u));color:var(--c-chalk);justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){#hud *,#hud :before,#hud :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}