/* Paddock store: large visual parts, clear departments and readable purchase states. */
.brand-mark img { display:block; width:100%; height:100%; object-fit:contain; border-radius:8px; }
.brand-type strong { font-size:21px; }
.menu-title .title-top { font-size:clamp(48px,6vw,76px); line-height:1; letter-spacing:-.02em; white-space:nowrap; }
.menu-title .title-bottom { font-size:clamp(97px,calc(var(--ui-width) * .11),152px); }
@media(max-width:720px) { .brand-type strong { font-size:15px; }.menu-title .title-top { font-size:44px; }.menu-title .title-bottom { font-size:97px; } }
@media(max-height:650px) and (min-width:721px) { .menu-title .title-top { font-size:44px; } }
@media(max-height:520px) and (min-width:721px) { .menu-title .title-bottom { font-size:74px; } }
@media(min-width:721px) and (min-height:650px) {
  .menu-copy .menu-title { margin:12px 0 10px; }
  .menu-copy .tagline { margin:12px 0 14px; }
}
.garage-card { width:min(700px,53%); background:#111c29; border-color:#46515c; border-radius:14px; padding:20px; gap:10px; }
.garage-card .circuit-head { align-items:center; gap:16px; padding-bottom:12px; border-bottom:1px solid #ffffff16; }
.garage-card .circuit-head h2 { font-size:36px; margin-top:4px; }
.garage-card .eyebrow { font-size:9px; letter-spacing:.18em; color:#a7b6c4; }
.garage-wallet { margin-left:auto; text-align:right; flex-shrink:0; }
.garage-wallet small { display:block; color:#9cabb9; font-size:9px; letter-spacing:.1em; margin-bottom:4px; }
.garage-wallet strong { font-family:var(--display); font-size:25px; color:#f5ce7c; font-variant-numeric:tabular-nums; }
.garage-card .circuit-close { flex-shrink:0; background:#ffffff08; }
.garage-card .workshop-tabs { position:static; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6px; padding:0; margin:0; background:none; flex-shrink:0; }
.garage-card .workshop-tabs button { grid-column:span 3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:68px; padding:10px 4px; font-size:10px; letter-spacing:.025em; border:1px solid #536171; border-radius:8px; background:#1c2b3b; color:#d9e3eb; }
.workshop-tabs svg,.choice-buttons svg,.module-heading svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linejoin:round; stroke-linecap:round; }
.garage-card .workshop-tabs .utility-tab { grid-column:span 4; min-height:34px; padding:7px; flex-direction:row; gap:7px; border-color:transparent; background:transparent; color:#a8b9c9; font-size:10px; }
.workshop-tabs .utility-tab svg { width:15px; height:15px; }
.garage-card .workshop-tabs button:hover { border-color:#eac378; color:#ffe1a6; background:#33404a; }
.garage-card .workshop-tabs button.is-active { color:#18222b; border-color:#ffdd95; background:#f2c66f; box-shadow:inset 0 -3px #c38b35; }
.garage-card .workshop-section-heading { padding:9px 0 0; border-top:0; }
.garage-card .workshop-section-heading strong { font:italic 23px var(--display); letter-spacing:.015em; }
.garage-card .workshop-section-heading p { font-size:11px; color:#b3c2ce; margin-top:4px; }
.workshop-machine-context { padding:8px 11px; background:#233343; border:0; border-left:3px solid #f2c66f; border-radius:0 5px 5px 0; font-size:11px; color:#e3eaf0; }
.garage-card .garage-panel { padding-right:5px; min-height:0; scrollbar-color:#62758a #111c29; }
.choice-buttons[data-for$="-page"] { display:flex; flex-wrap:nowrap; gap:6px; overflow-x:auto; padding:3px 1px 8px; margin:0 0 12px; scrollbar-width:thin; scrollbar-color:#62758a #111c29; }
.choice-buttons[data-for$="-page"] button { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; font-size:10px; padding:10px 12px; min-height:40px; background:#182635; border:1px solid #3f5162; border-radius:6px; white-space:nowrap; color:#c9d4de; }
.choice-buttons[data-for$="-page"] button.is-active { color:#fff0c9; background:#354352; border-color:#e8c379; box-shadow:inset 0 -2px #f2c66f; }
.choice-buttons[data-for$="-page"] svg { width:17px; height:17px; }
.garage-card .shop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.garage-card .shop-tile { position:relative; min-width:0; padding:0 14px 13px; border:1px solid #415063; border-radius:9px; background:#1c2a39; overflow:hidden; }
.garage-card .shop-tile.is-equipped { border-color:#e5be73; box-shadow:inset 0 0 0 1px #e5be7330; }
.part-art { position:relative; height:132px; margin:0 -14px 13px; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 90%,#53647870,transparent 66%),linear-gradient(145deg,#263849,#142231); border-bottom:1px solid #ffffff0d; }
.part-art:after { content:''; position:absolute; bottom:12px; left:20%; right:20%; height:1px; background:#a1bac94d; transform:skewX(-30deg); }
.part-art > svg { width:62px; height:62px; fill:none; stroke:#a4b6c6; stroke-width:1; }
.part-art.has-preview > svg { display:none; }
.part-art img { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.part-badge { position:absolute; top:10px; left:11px; font-size:8px; letter-spacing:.12em; font-weight:800; color:#a7b7c4; }
.is-equipped .part-badge { color:#f2cc83; }
.garage-card .shop-tile > small { display:block; color:#a5b6c7; font-size:9px; letter-spacing:.09em; }
.garage-card .shop-tile h4 { font-family:var(--display); font-style:italic; font-size:22px; margin:5px 0 7px; color:#fff0d6; }
.garage-card .shop-tile p { font-size:11px; color:#b9c7d3; line-height:1.55; margin:0 0 10px; min-height:3.1em; }
.garage-card .part-effects { padding:9px 0; margin:8px 0; border-block:1px solid #ffffff12; font-size:10px; gap:5px; }
.part-effects dt { color:#b9c7d3; }.part-effects dd { white-space:nowrap; font-size:10px; }
.part-effects .effect-gain { color:#a5e5c3; }.part-effects .effect-cost { color:#e6a39c; }
.garage-card .shop-tile button { width:calc(50% - 4px); min-height:39px; padding:8px 3px; margin:4px 0 0; font-size:10px; font-weight:800; border-radius:5px; }
.garage-card .shop-tile .preview-cosmetic { color:#d7e3ec; background:transparent; border:1px solid #5c6e7f; margin-right:8px; }
.garage-card .shop-tile .buy-cosmetic { color:#18222b; background:#f2c66f; border:1px solid #f5d28e; }
.garage-card .shop-tile .buy-cosmetic:disabled { color:#c7d3dc; background:#344252; border-color:#516172; opacity:1; }
.garage-card .shop-tile.is-equipped .buy-cosmetic:disabled { color:#f2cc83; border-color:#907546; background:#433e30; }
.garage-card button:focus-visible { outline:2px solid #ffe0a3; outline-offset:3px; }
.garage-card .factory-part { padding:12px; min-height:42px; background:transparent; border:1px dashed #536577; color:#b2c2d0; border-radius:6px; font-size:10px; }
.garage-card .factory-part:disabled { opacity:.75; }
.garage-card .upgrade-list { display:grid; grid-template-columns:1fr; gap:12px; margin:0; }
.module-card { padding:16px; border:1px solid #435365; border-radius:8px; background:#1c2a39; }
.module-heading { display:flex; align-items:center; gap:12px; color:#f2ce86; }
.module-heading svg { width:29px; height:29px; }
.module-heading h4 { margin:0; font:italic 24px var(--display); color:#f5ecdc; }
.garage-card .module-card p { margin:9px 0 12px; font-size:12px; color:#b9c7d3; }
.module-stages { display:flex; gap:6px; margin:12px 0; }
.module-stages span { flex:1; padding:7px; text-align:center; font-size:11px; font-weight:700; color:#8094a8; background:#101e2c; border-bottom:3px solid #4d5e6c; }
.module-stages span.is-filled { color:#ffe8b8; border-color:#f2c66f; background:#4b4435; }
.garage-card .module-card button { min-height:42px; width:100%; padding:10px; border:1px solid #f5d28e; border-radius:5px; background:#f2c66f; color:#18222b; font-size:11px; }
.garage-card .module-card button:disabled { opacity:1; color:#a8b8c5; background:#2b3a49; border-color:#4c6073; }
.garage-card .performance-limit { padding:12px 0; font-size:10px; color:#b8c5d0; line-height:1.6; }
.garage-card .machine-list { gap:6px; }.garage-card .machine-list button { background:#203143; border-color:#4b5e71; color:#d9e4eb; min-height:42px; }
.garage-card .machine-list button.is-active { background:#f2c66f; color:#18222b; border-color:#f2c66f; }
.garage-card #garage-message { padding:9px 0 0; border-top:1px solid #ffffff15; color:#b9cbd9; font-size:11px; }
.garage-card #garage-message:empty { display:none; }
.rival-loadout .rival-parts { flex-basis:100%; color:#d7c297; }
.records-card { width:min(780px,94%); max-height:88%; overflow:auto; padding:28px; background:#111c29; border:1px solid #506074; border-radius:14px; pointer-events:auto; }
.records-card .circuit-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.records-card h2 { margin:0; font:italic 32px var(--display); }.records-card p { font-size:12px; line-height:1.6; color:#b9c8d4; }
#records-name-form { display:flex; align-items:flex-end; gap:12px; margin:20px 0 10px; }
#records-name-form label { flex:1; display:grid; gap:8px; font-size:10px; color:#b9c8d4; }
#records-driver { min-width:0; width:100%; border:1px solid #65798c; border-radius:5px; padding:11px; background:#1e2e3f; color:#fff0dc; font:600 15px var(--body); }
#records-name-form button { padding:13px 18px; border-radius:5px; background:#f4c775; color:#152330; font-size:11px; font-weight:700; }
.records-track-nav { display:grid; grid-template-columns:38px 1fr 38px; align-items:center; gap:14px; margin:20px 0; text-align:center; }
.records-track-nav button { height:38px; border:1px solid #526577; border-radius:5px; }.records-track-nav svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
#records-table table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
#records-table th { color:#aebfce; font-size:10px; text-align:left; padding:10px 6px; }#records-table td { padding:14px 6px; border-top:1px solid #ffffff20; }
#records-table tbody tr:first-child { color:#ffd17d; }#records-table td:nth-child(2) { overflow-wrap:anywhere; }
@media(max-width:720px) { .profile-strip { flex-wrap:wrap; }#records-button { min-height:32px; }.records-card { padding:16px; }.records-card h2 { font-size:24px; }#records-name-form { gap:7px; }#records-name-form button { padding:13px 8px; font-size:10px; }#records-table th,#records-table td { padding:12px 3px; font-size:10px; } }
.language-switch { display:flex; align-items:center; gap:5px; pointer-events:auto; }
.language-switch > span { color:#6e7b8b; font-size:10px; }
.language-switch .header-button { padding:8px 3px; color:#a7b2c1; }
.language-switch [aria-pressed="true"] { color:#ffd07a; text-decoration:underline; text-underline-offset:5px; }
.garage-card .edition-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.garage-card .edition-choice { display:flex; align-items:center; gap:12px; min-height:66px; padding:12px; text-align:left; color:#e3e9ef; background:#203040; border:1px solid #536477; border-radius:8px; font-size:12px; }
.edition-choice:before { content:''; flex:0 0 30px; height:30px; background:var(--edition-color); border-radius:4px; box-shadow:inset 0 6px 9px #ffffff55,inset 0 -5px 8px #00000040; }
.garage-card .edition-choice.is-active { border-color:#ffc66c; background:#3c3831; color:#ffe6ba; }
.edition-pagination { grid-column:1/-1; display:flex; justify-content:space-between; gap:10px; }
.edition-pagination button { padding:9px 15px; border:1px solid #536477; border-radius:5px; font-size:11px; }
.edition-pagination button:disabled { opacity:.4; }
.garage-card .race-intel .garage-roster { display:grid; gap:12px; margin-top:12px; }
.garage-card .race-intel .garage-roster li { display:grid; grid-template-columns:112px minmax(0,1fr) auto; gap:8px 12px; padding:14px; border:1px solid #435365; border-radius:10px; background:#1b2938; }
.rival-art { grid-column:1; grid-row:1/3; width:112px; height:84px; object-fit:contain; align-self:center; }
.rival-identity { grid-column:2; flex-direction:column; align-items:flex-start; gap:4px; }
.rival-identity strong { font-size:17px; }.rival-identity > span { font-size:10px; letter-spacing:.08em; color:#aebfcd; }
.rival-rating { grid-column:3; flex-direction:column; align-items:flex-end; gap:3px; }.rival-rating strong { font:italic 25px var(--display); color:#ffd17e; }
.rival-rating > span { font-size:9px; }
.rival-loadout { display:block; grid-column:2/4; }
.rival-loadout .rival-ability { display:block; font-size:10px; margin-bottom:10px; }
.rival-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.rival-stages > div { display:grid; gap:5px; font-size:9px; color:#bac9d5; }
.rival-stage-bars { display:flex; gap:3px; }.rival-stage-bars i { flex:1; height:4px; background:#475669; }.rival-stage-bars .is-filled { background:#f4bf62; }
.rival-equipment { margin-top:12px; border-top:1px solid #ffffff16; padding-top:9px; }
.garage-roster .rival-equipment summary { display:list-item; cursor:pointer; color:#dbe4ec; font-size:10px; padding:4px 0; }
.rival-part-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.rival-part-chips > span { padding:5px 7px; background:#101e2c; color:#c4d0db; font-size:9px; border-radius:3px; }
html[lang="ru"] { --body:"DM Sans","Segoe UI",Arial,sans-serif; }
html[lang="ru"] .garage-card .workshop-section-heading strong { font-size:20px; }
html[lang="ru"] .garage-card h2 { font-size:29px; }
html[lang="ru"] .garage-card .shop-tile h4 { font-size:19px; line-height:1.2; }
html[lang="ru"] .garage-card .workshop-tabs button { font-size:10px; letter-spacing:0; }
html[lang="ru"] .garage-card .module-heading h4 { font-size:20px; }
@media(max-width:720px) {
  .header-actions { gap:8px; }.language-switch { gap:3px; }.language-switch .header-button { font-size:10px; padding:8px 1px; }
  .menu-header { padding-inline:16px; }.brand { gap:7px; }.brand-type strong { font-size:13px; }
  .garage-card .race-intel .garage-roster li { grid-template-columns:70px minmax(0,1fr) auto; gap:8px; padding:10px; }
  .rival-art { width:70px; height:68px; }.rival-loadout { grid-column:1/-1; }.rival-rating strong { font-size:22px; }
  .garage-card .edition-choices { grid-template-columns:1fr; }.garage-card .edition-choice { min-height:56px; }
  html[lang="ru"] .garage-card .workshop-tabs button { font-size:8px; }
}

/* The decorative kart laps outside the rounded start-control perimeter. */
.menu-copy .start-button { min-width:290px; height:78px; padding-left:25px; background:linear-gradient(115deg,#ffda76 0%,#ffb43f 46%,#ff7900 100%); color:#172330; border:1px solid #ffe3a3; border-radius:12px; box-shadow:0 10px 34px #efad3c38,inset 0 0 20px #fff0c120; overflow:visible; }
.menu-copy .start-button:before { content:none; }
.menu-copy .start-button:hover:before { transform:none; }
.start-button .start-label { font-size:19px; gap:3px; }.start-button .start-label small { font-size:8px; color:#5d4d32; }
.start-button .start-arrow { width:52px; height:52px; background:#1c2b38; color:#ffe5b2; }
.start-track-car { position:absolute; left:0; top:0; width:28px; height:14px; color:#f9f4de; offset-path:inset(-9px round 21px); offset-distance:0%; offset-rotate:auto; offset-anchor:center; animation:start-lap 7s linear infinite; pointer-events:none; filter:drop-shadow(0 2px 2px #121b2c); z-index:2; }
.start-track-car svg { width:100%; height:100%; }
.menu-copy .start-row { gap:24px; }
.start-button:hover .start-track-car { animation-duration:4s; }
@keyframes start-lap { to { offset-distance:100%; } }
@media(prefers-reduced-motion:reduce) { .start-track-car { animation:none; offset-distance:14%; } }
@media(max-width:720px) {
  .garage-card { top:25%; left:9px; right:9px; bottom:9px; width:auto; padding:12px; gap:7px; }
  .garage-card .circuit-head { gap:10px; padding-bottom:8px; }.garage-card .circuit-head h2 { font-size:28px; }
  .garage-wallet strong { font-size:21px; }.garage-wallet small { font-size:8px; }
  .garage-card .workshop-tabs button { min-height:57px; font-size:9px; gap:5px; padding:7px 2px; }
  .garage-card .workshop-tabs svg { width:21px; height:21px; }.garage-card .workshop-tabs .utility-tab { min-height:29px; font-size:9px; padding:5px; }
  .garage-card .workshop-tabs .utility-tab svg { width:13px; height:13px; }
  .garage-card .workshop-section-heading { display:none; }
  .choice-buttons[data-for$="-page"] { margin-bottom:8px; }.choice-buttons[data-for$="-page"] button { min-height:37px; padding:8px 10px; font-size:9px; }
  .garage-card .shop-grid { grid-template-columns:1fr; gap:12px; }.garage-card .shop-tile { padding:0 14px 13px; }.part-art { height:120px; }
  .garage-card .shop-tile h4 { font-size:25px; }.garage-card .shop-tile p { font-size:12px; min-height:0; }
  .garage-card .part-effects,.part-effects dd { font-size:11px; }.garage-card .shop-tile button { font-size:11px; min-height:42px; }
  .garage-card .machine-list button { min-height:36px; font-size:10px; }
  .pilot-actions { top:calc(25% - 42px); padding:0; }
  .pilot-actions > div { display:flex; overflow-x:auto; scrollbar-width:none; }
  .pilot-actions button { flex:0 0 auto; min-width:65px; padding:8px; font-size:9px; }
  .menu-copy .start-button { min-width:245px; height:68px; padding-left:22px; }.start-button .start-label { font-size:17px; }.start-button .start-arrow { width:47px; height:47px; }
}
@media(max-height:650px) and (min-width:721px) {
  .garage-card { top:8px; bottom:8px; right:10px; width:62%; padding:12px; gap:6px; }
  .garage-card .circuit-head { position:absolute; right:9px; top:10px; padding:0; border:0; }.garage-card .circuit-head > div { display:none; }
  .garage-card .workshop-tabs { margin-right:42px; }.garage-card .workshop-tabs button { min-height:46px; font-size:8px; padding:5px 2px; gap:3px; }.garage-card .workshop-tabs svg { width:17px; height:17px; }
  .garage-card .workshop-tabs .utility-tab { min-height:25px; }.garage-card .workshop-section-heading p { display:none; }
  .garage-card .shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.part-art { height:105px; }
  .garage-card .upgrade-list { grid-template-columns:1fr; }.module-heading h4 { font-size:22px; }
  .menu-copy .start-button { min-width:210px; height:60px; padding-left:18px; }.start-button .start-label { font-size:14px; }.start-button .start-arrow { width:42px; height:42px; }
}

/* Keep the original centered composition; the main menu is not a scroll pane. */
.menu-copy { bottom:auto; overflow:visible; padding:0; }
.menu-copy > * { flex-shrink:0; }
/* Wrap complete key/label groups inside the original menu composition.
   Explicit display keeps every shortcut reachable at narrow/short sizes too. */
.menu-copy .controls-strip { display:flex; flex-wrap:wrap; width:100%; max-width:100%; gap:12px 20px; }
.menu-copy .controls-strip > div { flex:0 1 auto; min-width:0; max-width:100%; }
.menu-copy .controls-strip kbd,.menu-copy .controls-strip .key-pair { flex-shrink:0; }
.menu-copy .controls-strip small { min-width:0; overflow-wrap:anywhere; line-height:1.4; }
/* Balances may grow independently; Garage/Records always share one action row. */
.profile-strip { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; container-type:inline-size; }
.profile-machine { min-width:0; margin-right:0; overflow-wrap:anywhere; }
.profile-balances { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px 14px; min-width:0; }
.profile-strip .profile-stat { min-width:0; max-width:100%; }
.profile-strip .profile-stat strong { min-width:0; overflow-wrap:anywhere; }
.profile-strip button.profile-stat { min-height:40px; }
.profile-actions { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:min(100%,240px); justify-self:end; }
.profile-actions .garage-button { min-width:0; min-height:40px; justify-content:center; }
@container(max-width:430px) {
  .profile-machine,.profile-balances { grid-column:1/-1; }
  .profile-balances { justify-content:flex-start; }
}
/* Grid tracks cannot shrink below their labels; only the card list scrolls. */
.circuit-card > .circuit-head,.circuit-card > .cup-tabs,.circuit-card > .circuit-footer { flex-shrink:0; }
.circuit-options { flex:1 1 auto; overflow-y:auto; grid-auto-rows:max-content; align-content:start; padding:12px 3px; scrollbar-width:thin; scrollbar-color:#71899b #101b27; }
.circuit-option { min-height:max-content; }
.circuit-option > * { flex-shrink:0; }
.circuit-option-stats { color:var(--cream-dim); }
.circuit-option-stats span { color:#aebfce; letter-spacing:.04em; }
.circuit-option-stats strong { overflow-wrap:anywhere; }
.circuit-footer { color:#aebfce; letter-spacing:.04em; }
@media(max-width:720px) {
  .circuit-option-stats { flex-direction:column; gap:6px; }
  .circuit-option-stats span { flex-direction:row; justify-content:space-between; gap:5px; }
  .circuit-option-stats strong { text-align:right; }
}
@media(max-height:520px) and (min-width:721px) {
}
/* Visibility must change with modal focus, rather than after a fade. */
.menu-screen { transition:opacity .55s ease; }
/* The orbit hint owns the right footer; the decorative tagline overlapped it. */
.menu-footer span:last-child { display:none; }

/* Restore the centered start-menu composition from the pre-862f6aa layout.
   Race details remain available in circuit selection, not a scrolling sidebar. */
.menu-copy .tagline,.profile-machine small[hidden] { display:none; }
.menu-copy .menu-title { margin-bottom:24px; }
.menu-copy .profile-strip { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:10px 12px; }
.menu-copy .profile-actions { grid-column:1/-1; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
.menu-copy .profile-machine strong { font-size:23px; }
.menu-copy .profile-actions .garage-button { min-height:34px; padding:7px 10px; }
.menu-copy .controls-strip { margin-top:18px; padding:10px 12px; gap:10px 14px; }
.menu-copy .controls-strip small { font-size:9px; letter-spacing:.06em; }
.circuit-card .race-brief { flex-shrink:0; max-width:none; margin-top:10px; padding:10px 12px; }
.circuit-card .race-challenge { margin-top:8px; padding-top:8px; }
.circuit-card .race-challenge p { margin-top:2px; }
@media(min-width:721px) and (min-height:651px) {
  .menu-copy { top:50%; transform:translateY(-46%); }
}
@media(min-width:721px) and (max-height:650px) {
  .menu-copy .menu-title { margin:6px 0 18px; }
  .menu-copy .menu-stats { margin-top:12px; }
  .menu-copy .profile-strip { margin-top:12px; }
  .menu-copy .controls-strip { margin-top:12px; }
}
@media(max-height:520px) and (min-width:721px) {
  .menu-copy .profile-strip { grid-row:2 / 4; align-self:center; }
  .menu-copy .controls-strip { grid-column:2; grid-row:4; margin-top:8px; }
}
@media(max-width:720px) {
  .menu-copy { top:50%; bottom:auto; transform:translateY(-43%); }
  .menu-copy .menu-title { margin:8px 0 22px; }
  .menu-copy .controls-strip { gap:8px 12px; margin-top:14px; }
  .menu-copy .controls-strip small { font-size:8px; }
  .circuit-card .race-brief { max-height:160px; overflow:auto; }
}
@media(min-width:600px) and (max-width:720px) and (max-height:520px) {
  .menu-copy { left:20px; right:20px; top:78px; transform:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:20px; align-content:start; }
  .menu-copy > .eyebrow { grid-column:1; grid-row:1; }
  .menu-copy .menu-title { grid-column:1; grid-row:2; margin:8px 0 16px; }
  .menu-copy .title-top { font-size:38px; }.menu-copy .title-bottom { font-size:68px; }
  .menu-copy .start-row { grid-column:1; grid-row:3; gap:24px; }
  .menu-copy .start-button { min-width:180px; height:52px; }
  .menu-copy .circuit-button { min-width:130px; height:44px; }
  .menu-copy .profile-strip { grid-column:2; grid-row:1/3; margin-top:0; align-self:end; }
  .menu-copy .controls-strip { grid-column:2; grid-row:3; align-self:start; margin-top:12px; }
}

.race-preview-details { flex-shrink:0; margin-top:8px; }
.race-preview-details > summary { width:max-content; cursor:pointer; list-style:none; color:var(--cream-dim); font:600 12px/1.4 var(--body); text-decoration:underline; text-underline-offset:4px; padding:8px 0; }
.race-preview-details > summary::-webkit-details-marker { display:none; }
.race-preview-details > summary:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
.race-preview-details .race-brief { margin-top:0; }