@font-face{font-family:Timeless Grotesk;src:url(/fonts/TimelessGrotesk-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Timeless Grotesk;src:url(/fonts/TimelessGrotesk-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--theme-name:"flying cars";--theme-icon-family:"Lucide";--theme-icon-style:"outlined";--toolbar-divider-bleed:0;--focus-ring-outline:initial;--icon-stroke-width:2.5;--icon-light-display:none;--icon-regular-display:none;--icon-bold-display:inline;--motion-duration:.2s;--motion-easing:cubic-bezier(.16, 1, .3, 1);--motion-type:"easing";--motion-visual-duration:.2;--motion-bounce:.2;--motion-enabled:1;--motion-small-iterations:infinite;--motion-large-duration:.36s;--motion-large-easing:cubic-bezier(.22, 1, .36, 1);--motion-large-type:"easing";--motion-large-visual-duration:.36;--motion-large-bounce:.2;--motion-large-iterations:infinite;--motion-popup-scale:.96;--motion-press-distance:1px;--option-badge-background:#000;--option-badge-foreground:#fff;--navigation-active-foreground:#fff;--emphasis-chart-fill:#0003;--emphasis-balance-background:#ffd7ad;--emphasis-rewards-background:#272b31;--emphasis-icon-background:#272b31;--emphasis-icon-foreground:#fff;--emphasis-type-background:#272b31;--emphasis-type-foreground:#fff;--navigation-active-background:#000;--surface-raised-image:none;--surface-raised-shadow:0 0 0 0 transparent;--surface-recessed-image:none;--surface-recessed-shadow:0 0 0 0 transparent;--space-zero:0px;--space-xxs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-xxl:48px;--tracking-xs:-.02em;--tracking-s:-.01em;--tracking-m:0em;--tracking-l:.01em;--tracking-xl:.02em;--size-xxs:10px;--line-xxs:14px;--letter-spacing-xxs:.02em;--size-xs:12px;--line-xs:16px;--letter-spacing-xs:.01em;--size-s:14px;--line-s:20px;--letter-spacing-s:.01em;--size-m:16px;--line-m:24px;--letter-spacing-m:0em;--size-l:24px;--line-l:32px;--letter-spacing-l:-.01em;--size-xl:36px;--line-xl:40px;--letter-spacing-xl:-.01em;--size-xxl:48px;--line-xxl:52px;--letter-spacing-xxl:-.02em;--radius-zero:0px;--radius-xs:6px;--radius-s:11px;--radius-m:15px;--radius-l:22px;--radius-xl:32px;--radius-full:9999px;--border-none:0px;--border-s:0px;--border-m:0px;--border-l:0px;--border-default-color:#393e4333;--border-shadow-none:0 0 0 0 transparent;--border-shadow-s:0 0 0 0 transparent;--border-shadow-m:0 0 0 0 transparent;--border-shadow-l:0 0 0 0 transparent;--font-ui:"Timeless Grotesk", sans-serif;--weight-ui-regular:500;--weight-ui-medium:600;--weight-ui-heavy:600;--font-brand:"Timeless Grotesk", sans-serif;--weight-brand-regular:500;--weight-brand-medium:600;--weight-brand-heavy:600;--font-editorial:"Timeless Grotesk", sans-serif;--weight-editorial-regular:500;--weight-editorial-medium:600;--weight-editorial-heavy:600;--font-data:"Timeless Grotesk", sans-serif;--weight-data-regular:500;--weight-data-medium:600;--weight-data-heavy:600;--color-none:transparent;--color-1:#000;--color-1-transparent:#0003;--color-2:#ffc5ce;--color-2-transparent:#ffc5ce33;--color-3:#153d85;--color-3-transparent:#153d8533;--color-4:#ffd7ad;--color-4-transparent:#ffd7ad33;--neutral-1:#000;--neutral-1-transparent:#0003;--neutral-2:#1c2026;--neutral-2-transparent:#1c202633;--neutral-3:#272b31;--neutral-3-transparent:#272b3133;--neutral-4:#393e43;--neutral-4-transparent:#393e4333;--neutral-5:#52575d;--neutral-5-transparent:#52575d33;--neutral-6:#7e848a;--neutral-6-transparent:#7e848a33;--neutral-7:#a6acb3;--neutral-7-transparent:#a6acb333;--neutral-8:#cad0d7;--neutral-8-transparent:#cad0d733;--neutral-9:#f3f4f6;--neutral-9-transparent:#f3f4f633;--neutral-10:#fff;--neutral-10-transparent:#fff3;--success:#00906c;--success-transparent:#00906c33;--warning:#ffea00;--warning-transparent:#ffea0033;--error:#fc032d;--error-transparent:#fc032d33;--shadow-none:none;--shadow-s:0px 2px 4px 0px #0000;--shadow-m:0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;--shadow-l:0px 16px 48px 0px #0000;--cte-canvas:#000;--cte-surface:#1c2026;--cte-surface-muted:#272b31;--cte-text:#fff;--cte-text-muted:#a6acb3;--cte-border:#393e4333;--cte-accent:#000;--cte-accent-text:#fff;--cte-danger:#fc032d;--cte-focus:#000;--cte-font:"Timeless Grotesk", sans-serif;--cte-font-size:14px;--cte-font-weight:500;--cte-line-height:20px;--cte-letter-spacing:.01em;--cte-detail-font-size:12px;--cte-detail-line-height:16px;--cte-detail-letter-spacing:.01em}:root[data-theme=light]{--theme-name:"flying cars";--theme-icon-family:"Lucide";--theme-icon-style:"outlined";--toolbar-divider-bleed:0;--focus-ring-outline:initial;--icon-stroke-width:2.5;--icon-light-display:none;--icon-regular-display:none;--icon-bold-display:inline;--motion-duration:.2s;--motion-easing:cubic-bezier(.16, 1, .3, 1);--motion-type:"easing";--motion-visual-duration:.2;--motion-bounce:.2;--motion-enabled:1;--motion-small-iterations:infinite;--motion-large-duration:.36s;--motion-large-easing:cubic-bezier(.22, 1, .36, 1);--motion-large-type:"easing";--motion-large-visual-duration:.36;--motion-large-bounce:.2;--motion-large-iterations:infinite;--motion-popup-scale:.96;--motion-press-distance:1px;--option-badge-background:#000;--option-badge-foreground:#fff;--navigation-active-foreground:#fff;--emphasis-chart-fill:#0003;--emphasis-balance-background:#ffd7ad;--emphasis-rewards-background:#f3f4f6;--emphasis-icon-background:#f3f4f6;--emphasis-icon-foreground:#000;--emphasis-type-background:#f3f4f6;--emphasis-type-foreground:#000;--navigation-active-background:#000;--surface-raised-image:none;--surface-raised-shadow:0 0 0 0 transparent;--surface-recessed-image:none;--surface-recessed-shadow:0 0 0 0 transparent;--space-zero:0px;--space-xxs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-xxl:48px;--tracking-xs:-.02em;--tracking-s:-.01em;--tracking-m:0em;--tracking-l:.01em;--tracking-xl:.02em;--size-xxs:10px;--line-xxs:14px;--letter-spacing-xxs:.02em;--size-xs:12px;--line-xs:16px;--letter-spacing-xs:.01em;--size-s:14px;--line-s:20px;--letter-spacing-s:.01em;--size-m:16px;--line-m:24px;--letter-spacing-m:0em;--size-l:24px;--line-l:32px;--letter-spacing-l:-.01em;--size-xl:36px;--line-xl:40px;--letter-spacing-xl:-.01em;--size-xxl:48px;--line-xxl:52px;--letter-spacing-xxl:-.02em;--radius-zero:0px;--radius-xs:6px;--radius-s:11px;--radius-m:15px;--radius-l:22px;--radius-xl:32px;--radius-full:9999px;--border-none:0px;--border-s:0px;--border-m:0px;--border-l:0px;--border-default-color:#e5e7eb33;--border-shadow-none:0 0 0 0 transparent;--border-shadow-s:0 0 0 0 transparent;--border-shadow-m:0 0 0 0 transparent;--border-shadow-l:0 0 0 0 transparent;--font-ui:"Timeless Grotesk", sans-serif;--weight-ui-regular:500;--weight-ui-medium:600;--weight-ui-heavy:600;--font-brand:"Timeless Grotesk", sans-serif;--weight-brand-regular:500;--weight-brand-medium:600;--weight-brand-heavy:600;--font-editorial:"Timeless Grotesk", sans-serif;--weight-editorial-regular:500;--weight-editorial-medium:600;--weight-editorial-heavy:600;--font-data:"Timeless Grotesk", sans-serif;--weight-data-regular:500;--weight-data-medium:600;--weight-data-heavy:600;--color-none:transparent;--color-1:#000;--color-1-transparent:#0003;--color-2:#ffc5ce;--color-2-transparent:#ffc5ce33;--color-3:#153d85;--color-3-transparent:#153d8533;--color-4:#ffd7ad;--color-4-transparent:#ffd7ad33;--neutral-1:#fff;--neutral-1-transparent:#fff3;--neutral-2:#fbfbfc;--neutral-2-transparent:#fbfbfc33;--neutral-3:#f3f4f6;--neutral-3-transparent:#f3f4f633;--neutral-4:#e5e7eb;--neutral-4-transparent:#e5e7eb33;--neutral-5:#c8ced5;--neutral-5-transparent:#c8ced533;--neutral-6:#9ca2a9;--neutral-6-transparent:#9ca2a933;--neutral-7:#787e84;--neutral-7-transparent:#787e8433;--neutral-8:#51565c;--neutral-8-transparent:#51565c33;--neutral-9:#2f3439;--neutral-9-transparent:#2f343933;--neutral-10:#000;--neutral-10-transparent:#0003;--success:#00906c;--success-transparent:#00906c33;--warning:#ffea00;--warning-transparent:#ffea0033;--error:#fc032d;--error-transparent:#fc032d33;--shadow-none:none;--shadow-s:0px 2px 4px 0px #0000;--shadow-m:0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;--shadow-l:0px 16px 48px 0px #0000;--cte-canvas:#fff;--cte-surface:#fbfbfc;--cte-surface-muted:#f3f4f6;--cte-text:#000;--cte-text-muted:#787e84;--cte-border:#e5e7eb33;--cte-accent:#000;--cte-accent-text:#fff;--cte-danger:#fc032d;--cte-focus:#000;--cte-font:"Timeless Grotesk", sans-serif;--cte-font-size:14px;--cte-font-weight:500;--cte-line-height:20px;--cte-letter-spacing:.01em;--cte-detail-font-size:12px;--cte-detail-line-height:16px;--cte-detail-letter-spacing:.01em}:root{--action:var(--neutral-10);--action-text:var(--neutral-1);--focus:var(--neutral-10)}:root[data-theme=light]{--action:var(--color-1);--action-text:var(--neutral-1);--focus:var(--color-1)}*{box-sizing:border-box}html,body,#root{background:var(--cte-canvas);height:100%;color:var(--cte-text);font-family:var(--font-ui);font-weight:var(--weight-ui-regular);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--letter-spacing-s);text-wrap:pretty;margin:0;overflow:hidden}canvas{touch-action:none;display:block}.lucide{stroke-width:var(--icon-stroke-width);flex:none}.mono{font-family:var(--font-data);font-weight:var(--weight-data-regular);font-variant-numeric:tabular-nums}.label{font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);text-transform:uppercase;color:var(--cte-text-muted)}.muted{color:var(--cte-text-muted)}.small{font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.panel,.scenario-bar,.radio,.toast,.pause-box,.disabled{background:var(--neutral-2);color:var(--neutral-10);box-shadow:var(--border-shadow-none), var(--shadow-m);border:0}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud-top{top:var(--space-m);left:var(--space-l);right:var(--space-l);align-items:start;gap:var(--space-m);grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.hud-center-top{align-items:center;gap:var(--space-s);flex-direction:column;display:flex}.hud-left{justify-self:start}.radio{pointer-events:auto;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs);border-radius:var(--radius-m);display:flex}.radio-btn{all:unset;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-s);color:var(--cte-text-muted);transition:background-color var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing);place-items:center;display:grid}.radio-btn:hover{background:var(--neutral-3);color:var(--neutral-10)}.radio-btn:active{transform:translateY(var(--motion-press-distance))}.radio-btn[aria-pressed=true]{color:var(--neutral-10)}.radio[data-on] .radio-btn:first-child{background:var(--action);color:var(--action-text)}.radio-btn:focus-visible,.volume:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.radio-display{align-items:center;gap:var(--space-xs);width:200px;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-s);background:var(--neutral-1);display:flex}.radio-freq{font-family:var(--font-data);font-weight:var(--weight-data-medium);font-size:var(--size-m);line-height:var(--line-m);font-variant-numeric:tabular-nums;color:var(--neutral-10)}.radio:not([data-on]) .radio-freq,.radio:not([data-on]) .radio-name{color:var(--neutral-6)}.radio-text{flex-direction:column;flex:1;min-width:0;display:flex}.radio-name,.radio-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.radio-name{font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.radio-detail{font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);color:var(--cte-text-muted)}.radio-spin{color:var(--cte-text-muted);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{border-radius:var(--radius-full);background:var(--neutral-10);transform-origin:bottom;width:3px;height:100%;animation:eq .9s var(--motion-easing) infinite alternate}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.eq[data-paused] i{animation:none;transform:scaleY(.2)}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.volume{appearance:none;width:84px;height:4px;margin:0 var(--space-xs);border-radius:var(--radius-full);background:linear-gradient(to right, var(--action) var(--fill), var(--neutral-3) var(--fill));cursor:pointer}.volume::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--neutral-10);width:14px;height:14px;box-shadow:var(--shadow-m)}.volume::-moz-range-thumb{border-radius:var(--radius-full);background:var(--neutral-10);border:0;width:14px;height:14px}.scenario-bar{pointer-events:auto;gap:var(--space-xxs);padding:var(--space-xxs);border-radius:var(--radius-m);display:flex}.seg{all:unset;cursor:pointer;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);font-family:var(--font-ui);font-weight:var(--weight-ui-medium);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--tracking-l);color:var(--cte-text-muted);white-space:nowrap;transition:background-color var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing);justify-content:center;align-items:center;display:inline-flex}.seg:hover{background:var(--neutral-3);color:var(--neutral-10)}.seg[aria-pressed=true]{background:var(--action);color:var(--action-text)}.seg:active{transform:translateY(var(--motion-press-distance))}.seg.icon{padding:var(--space-xs)}.seg:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.status{text-align:center;min-width:280px;transition:opacity var(--motion-duration) var(--motion-easing)}.status-head{font-family:var(--font-brand);font-weight:var(--weight-brand-medium);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);text-shadow:0 2px 16px var(--neutral-1)}.status-detail{margin-top:var(--space-xxs);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);color:var(--cte-text-muted)}.status.success .status-head{color:var(--success)}.status.fail .status-head{color:var(--error)}.hud-score{text-align:right}.score-num{font-family:var(--font-data);font-weight:var(--weight-data-regular);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);font-variant-numeric:tabular-nums;text-shadow:0 2px 16px var(--neutral-1)}.best{gap:var(--space-xxs);margin-top:var(--space-xs);font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);color:var(--cte-text-muted);flex-direction:column;display:flex}.hud-bottom{bottom:var(--space-l);left:var(--space-l);right:var(--space-l);align-items:end;gap:var(--space-m);grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.panel{border-radius:var(--radius-m);padding:var(--space-s) var(--space-m)}.attitude{justify-self:start;gap:var(--space-m);align-items:center;display:flex}.horizon{width:76px;height:76px}.att-grid{gap:var(--space-xxs) var(--space-s);grid-template-columns:auto auto;align-items:baseline;display:grid}.center{text-align:center}.speed{font-family:var(--font-data);font-weight:var(--weight-data-regular);font-size:var(--size-xxl);line-height:var(--line-xxl);letter-spacing:var(--letter-spacing-xxl);font-variant-numeric:tabular-nums;text-shadow:0 4px 30px var(--neutral-1)}.timer{margin-top:var(--space-xxs);font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.pills{gap:var(--space-xxs);margin-bottom:var(--space-s);justify-content:center;display:flex}.pill{font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-ui-medium);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-s);color:var(--cte-text-muted);background:var(--neutral-2);transition:background-color var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing)}.pill.on.blue{color:var(--neutral-10);background:var(--color-3)}.pill.on.white{color:var(--action-text);background:var(--action)}.gauges{justify-self:end;width:230px}.gauge-row{margin-top:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.gauge-row:first-child{margin-top:0}.gauge-row.sub{margin-top:var(--space-xxs);margin-bottom:var(--space-xs);font-size:var(--size-xs);line-height:var(--line-xs)}.bar{background:var(--neutral-3);border-radius:var(--radius-full);height:4px;margin-top:var(--space-xxs);overflow:hidden}.bar-fill{border-radius:var(--radius-full);background:var(--action);height:100%;transition:width .15s linear}.bar-fill.warn{background:var(--error)}.warn-text{color:var(--error)}.hint{bottom:var(--space-xxs);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);color:var(--cte-text-muted);text-transform:uppercase;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.toasts{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.toast{font-weight:var(--weight-ui-medium);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-m);animation:toast-in var(--motion-large-duration) var(--motion-large-easing)}.toast.good{color:var(--success)}.toast.bad{color:var(--error)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(var(--motion-popup-scale))}}.replay-tag{top:70px;left:var(--space-l);align-items:center;gap:var(--space-xxs);color:var(--error);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);animation:1.2s infinite blink;display:flex;position:absolute}@keyframes blink{50%{opacity:.35}}.disabled{align-items:center;gap:var(--space-xs);color:var(--error);font-weight:var(--weight-ui-medium);padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.overlay{z-index:10;position:fixed;inset:0}.overlay.title{padding:var(--space-xxl) var(--space-m);background:radial-gradient(ellipse at center, color-mix(in srgb, var(--neutral-1) 85%, transparent) 0%, color-mix(in srgb, var(--neutral-1) 55%, transparent) 100%);place-items:center;display:grid}.title-stack{text-align:center;align-items:center;gap:var(--space-m);flex-direction:column;max-width:560px;display:flex}h1{font-family:var(--font-brand);font-weight:var(--weight-brand-heavy);font-size:var(--size-xxl);line-height:var(--line-xxl);letter-spacing:var(--letter-spacing-xxl);margin:0}.lede{font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m);color:var(--cte-text-muted);margin:0}.title-actions{gap:var(--space-s);margin-top:var(--space-s);display:flex}.title-actions .btn{min-width:140px}.rise{animation:rise var(--motion-large-duration) var(--motion-large-easing) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}kbd{font-family:var(--font-data);font-weight:var(--weight-data-medium);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-xs);background:var(--neutral-4);color:var(--neutral-10);text-align:center;white-space:nowrap}.fine{font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);color:var(--cte-text-muted);margin:0}h3{font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--letter-spacing-s);font-weight:var(--weight-ui-medium);margin:0}.pause-box.howto{width:min(680px,92vw);max-height:calc(100vh - 2 * var(--space-l));gap:var(--space-l);cursor:default;overflow-y:auto}.howto-head{justify-content:space-between;align-items:center;gap:var(--space-m);display:flex}.howto-head h2{margin:0}.howto-panel{min-height:548px;animation:fade-in var(--motion-duration) var(--motion-easing);flex-direction:column;display:flex}@keyframes fade-in{0%{opacity:0}}.howto-intro{color:var(--cte-text-muted);margin:0}.actions{gap:var(--space-s);justify-content:flex-end;display:flex}.tabs{gap:var(--space-xxs);padding:var(--space-xxs);border-radius:var(--radius-m);background:var(--neutral-3);display:flex}.tab{all:unset;cursor:pointer;padding:var(--space-xxs) var(--space-s);border-radius:var(--radius-s);font-weight:var(--weight-ui-medium);letter-spacing:var(--tracking-l);color:var(--neutral-7);transition:background-color var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing)}.tab:hover{color:var(--neutral-10)}.tab[aria-selected=true]{background:var(--neutral-1);color:var(--neutral-10)}.tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.howto-controls,.howto-scenarios{flex:1}.howto-controls{gap:var(--space-l);flex-direction:column;display:flex}.howto-controls>.fine:last-child,.howto-scenarios>.fine:last-child{margin-top:auto}.kb{--kb-unit:38px;gap:var(--space-xxs);flex-direction:column;align-self:center;display:flex}.kb-row{gap:var(--space-xxs);display:flex}.kb-row:first-child{margin-bottom:var(--space-xs)}.kb-key{border-radius:var(--radius-xs);background:var(--neutral-2);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--neutral-3);font-family:var(--font-data);font-weight:var(--weight-data-medium);font-size:var(--size-xs);line-height:var(--line-xs);transition:opacity var(--motion-duration) var(--motion-easing);place-items:center;display:grid}.kb-key.w2{width:calc(2 * var(--kb-unit) + 6px)}.kb-key.w6{width:calc(6 * var(--kb-unit) - 4px)}.kb-key[data-group],.swatch{box-shadow:none}[data-group=drive]{background:var(--neutral-10);color:var(--neutral-1)}[data-group=thrust]{background:var(--color-3);color:var(--neutral-10)}[data-group=systems]{background:var(--color-4);color:var(--color-1)}[data-group=general]{background:var(--neutral-5);color:var(--neutral-10)}.kb-key[data-dim]{opacity:.25}.legend{gap:var(--space-m);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.legend-group{gap:var(--space-xs);padding:var(--space-xs);margin:calc(-1 * var(--space-xs));border-radius:var(--radius-s);transition:background-color var(--motion-duration) var(--motion-easing);flex-direction:column;display:flex}.legend-group:hover{background:var(--neutral-3)}.legend-group h3{align-items:center;gap:var(--space-xs);display:flex}.swatch{border-radius:var(--radius-full);width:10px;height:10px}.legend-row{align-items:baseline;gap:var(--space-xs);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);color:var(--neutral-8);display:flex}.howto-scenarios{gap:var(--space-m);flex-direction:column;display:flex}.scenario-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.scenario-row{align-items:center;gap:var(--space-m);padding:var(--space-s);border-radius:var(--radius-m);background:var(--neutral-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.pictogram{width:48px;height:48px;padding:var(--space-xs);box-sizing:content-box;border-radius:var(--radius-s);background:var(--neutral-2);fill:none;stroke:var(--neutral-10);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.scenario-text p{margin:var(--space-xxs) 0 0;font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);color:var(--cte-text-muted)}.scenario-keys{gap:var(--space-xxs);display:flex}.overlay.pause,.overlay.help{background:var(--neutral-1-transparent);place-items:center;display:grid}.overlay.help{cursor:pointer}.pause-box{width:min(560px,92vw);padding:var(--space-l);border-radius:var(--radius-m);gap:var(--space-xs);animation:dialog-in var(--motion-large-duration) var(--motion-large-easing);flex-direction:column;display:flex}@keyframes dialog-in{0%{opacity:0;transform:scale(var(--motion-popup-scale))}}h2{margin:0 0 var(--space-xs);font-family:var(--font-brand);font-weight:var(--weight-brand-medium);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l)}.btn{all:unset;cursor:pointer;text-align:center;padding:var(--space-s) var(--space-l);border-radius:var(--radius-s);font-family:var(--font-ui);font-weight:var(--weight-ui-medium);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--tracking-l);background:var(--color-1-transparent);color:var(--neutral-10);box-shadow:var(--border-shadow-none), var(--shadow-none);transition:background-color var(--motion-duration) var(--motion-easing), box-shadow var(--motion-duration) var(--motion-easing)}.btn:hover{background:var(--neutral-4-transparent)}.btn:active{transform:translateY(var(--motion-press-distance))}.btn.primary{background:var(--action);color:var(--action-text)}.btn.primary:hover{box-shadow:var(--border-shadow-none), var(--shadow-s)}.btn:focus-visible,.toggles input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.toggles{gap:var(--space-m);margin:var(--space-xs) 0;display:flex}.toggles label{align-items:center;gap:var(--space-xs);cursor:pointer;display:inline-flex}.toggles input{appearance:none;width:var(--space-m);height:var(--space-m);border-radius:var(--radius-xs);background:var(--neutral-3);cursor:pointer;transition:background-color var(--motion-duration) var(--motion-easing);margin:0}.toggles input:hover{background:var(--neutral-4)}.toggles input:checked{background:radial-gradient(circle, var(--action-text) 0 3px, var(--action) 3.5px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1180px){.volume{display:none}.radio-display{width:150px}}@media (width<=900px){.hud-top{grid-template-columns:1fr}.hud-top>div:first-child,.hud-score{display:none}.scenario-bar{flex-wrap:wrap;justify-content:center}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.kb{display:none}.howto-panel{min-height:0}.howto-head{flex-wrap:wrap}.scenario-row{grid-template-columns:auto minmax(0,1fr)}.scenario-keys{grid-column:2}.hud-bottom{grid-template-columns:1fr;justify-items:center}.attitude,.gauges{display:none}}