/* Title menu (src/ui/menu/*): main list + sub screens (map select, mode select, achievements, statistics).
   Sizes in art pixels: calc(var(--px) * N). Colours are palette entries declared on #ui-root (ui.css). */

/* ---------- main list (inside .ui-title-box) ---------- */
.mn-list { display: flex; flex-direction: column; align-items: center; gap: calc(var(--px) * 3); width: 100%; }
.mn-primary { display: flex; flex-direction: column; gap: calc(var(--px) * 3); width: min(calc(var(--px) * 120), 100%); }
.mn-primary .ui-btn { width: 100%; }
.mn-secondary {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--px) * 2);
  width: min(calc(var(--px) * 190), 100%);
}
.mn-secondary > .ui-meta-btn { grid-column: span 2; }
.mn-sub-btn { min-height: max(44px, calc(var(--px) * 15)); padding: 0 calc(var(--px) * 3); font-size: calc(var(--px) * 5.5); color: var(--c-hi); width: 100%; }
.mn-sub-btn .ui-btn-label { gap: calc(var(--px) * 3); white-space: nowrap; }
.mn-sub-btn:hover:not(:disabled), .mn-sub-btn:focus-visible { color: var(--c-core); }
.mn-quit { color: var(--c-stone9); }
#ui-root.no-audio .mn-settings { display: none; }
.mn-hint { opacity: 0.8; }
.mn-continue.ui-btn-big { min-height: calc(var(--px) * 22); }
.ui-btn:focus-visible { outline: none; color: var(--c-core); }
.mn-play:focus-visible, .mn-continue:focus-visible { filter: brightness(1.15); }
@media (max-width: 520px) {
  .mn-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* short screens (landscape phones): tighter title, no whisper / hint, the two big buttons side by side */
@media (max-height: 560px) {
  .ui-title .ui-whisper, .ui-title .mn-hint { display: none; }
  .ui-title-box { gap: calc(var(--px) * 3); }
  .ui-title .ui-logo { zoom: 0.8; }
  .mn-secondary { width: min(calc(var(--px) * 230), 100%); }
  .ui-title .ui-divider { display: none; }
  .mn-primary { flex-direction: row; width: min(calc(var(--px) * 190), 100%); }
  .mn-primary .ui-btn { flex: 1 1 0; min-width: 0; }
  .mn-list { gap: calc(var(--px) * 2); }
}
@media (max-height: 380px) { .ui-title .ui-logo { zoom: 0.5; } }
/* the title block hides while a sub screen is open */
#ui-root.mn-open .ui-title-box { visibility: hidden; }
#ui-root.mn-open .ui-title { background: none; }

/* ---------- screen shell ---------- */
#ui-root .mn-screen {
  position: absolute; inset: 0; z-index: 32;
  display: none; flex-direction: column;
  background: rgba(10, 6, 18, 0.9);
  pointer-events: auto;
  padding: max(calc(var(--px) * 3), env(safe-area-inset-top)) max(calc(var(--px) * 4), env(safe-area-inset-right))
    max(calc(var(--px) * 3), env(safe-area-inset-bottom)) max(calc(var(--px) * 4), env(safe-area-inset-left));
  gap: calc(var(--px) * 3);
}
#ui-root[data-phase='title'] .mn-screen.open { display: flex; }
.mn-screen.in { animation: mn-in 0.28s steps(5) both; }
@keyframes mn-in { from { opacity: 0; transform: translateY(calc(var(--px) * 3)); } to { opacity: 1; transform: none; } }
.mn-head { flex: none; display: flex; align-items: center; gap: calc(var(--px) * 4); padding-right: 52px; }
.mn-titles { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mn-title {
  margin: 0; font-size: calc(var(--px) * 11); line-height: 1; font-weight: 700; letter-spacing: var(--px);
  color: var(--c-gold3); text-shadow: var(--t-outline), 0 0 calc(var(--px) * 6) rgba(245, 200, 90, 0.5); white-space: nowrap;
}
.mn-sub { font-size: calc(var(--px) * 5); color: var(--c-stone8); text-shadow: var(--t-outline); margin-top: var(--px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-kor { flex: none; display: flex; align-items: center; gap: calc(var(--px) * 2); padding: 0 calc(var(--px) * 4) 0 calc(var(--px) * 2); min-height: calc(var(--px) * 16); }
.mn-kor-ico { filter: drop-shadow(0 0 calc(var(--px) * 2) rgba(255, 138, 58, 0.75)); }
.mn-kor-n { font-size: calc(var(--px) * 9); line-height: 1; color: var(--c-fire2); text-shadow: var(--t-outline); font-variant-numeric: tabular-nums; }
.mn-body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; display: flex; flex-direction: column; gap: calc(var(--px) * 3); padding: calc(var(--px) * 1) calc(var(--px) * 2) calc(var(--px) * 2) calc(var(--px) * 1); scrollbar-width: thin; scrollbar-color: #4c3866 #140c22; }
.mn-foot { flex: none; display: flex; align-items: center; justify-content: space-between; gap: calc(var(--px) * 3); }
.mn-foot .ui-btn { min-height: max(44px, calc(var(--px) * 16)); }
.mn-back { padding: 0 calc(var(--px) * 5); color: var(--c-stone9); }
.mn-next, .mn-start { padding: 0 calc(var(--px) * 8); margin-left: auto; }
.mn-next:disabled, .mn-start:disabled { opacity: 0.8; }
.mn-section { margin: 0; font-size: calc(var(--px) * 7); font-weight: 700; color: var(--c-gold3); text-shadow: var(--t-outline); letter-spacing: calc(var(--px) * 0.5); }
.mn-chip { display: inline-flex; align-items: center; padding: 0 calc(var(--px) * 3); min-height: calc(var(--px) * 9); font-size: calc(var(--px) * 5); font-weight: 700; color: var(--c-fire2); background: var(--c-night1); box-shadow: 0 0 0 var(--px) var(--c-void), inset 0 0 0 var(--px) #3a2852; text-shadow: var(--t-outline); white-space: nowrap; }
.mn-chip-mod { color: var(--c-gold3); }
.mn-empty { margin: 0; padding: calc(var(--px) * 4); color: var(--c-stone8); text-shadow: var(--t-outline); text-align: center; }
.mn-toast { position: absolute; right: calc(var(--px) * 4); top: calc(var(--px) * -4); padding: calc(var(--px) * 1) calc(var(--px) * 3); background: var(--c-night1); color: var(--c-gold3); box-shadow: 0 0 0 var(--px) var(--c-gold2); text-shadow: var(--t-outline); animation: mn-in 0.28s steps(5) both; }

/* ---------- thumbnails ---------- */
.mn-thumb { position: relative; display: block; flex: none; image-rendering: pixelated; background-repeat: no-repeat; background: var(--c-night2); }
.mn-thumb.nothumb { background: linear-gradient(#1e1430, #3a2852); }
#ui-root .mn-lock-ico, #ui-root .mn-lock-veil { display: none; }
#ui-root .mn-card.locked .mn-lock-veil { display: block; position: absolute; inset: 0; background: rgba(10, 6, 18, 0.72); }
#ui-root .mn-card.locked .mn-lock-ico { display: block; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%) scale(calc(0.5 + var(--lk, 1) * 0.5)); }

/* ---------- map cards ---------- */
.mn-cards { display: flex; flex-wrap: nowrap; justify-content: center; gap: calc(var(--px) * 4); }
.mn-card {
  position: relative; flex: none; display: flex; flex-direction: column; align-items: stretch; gap: calc(var(--px) * 1.5);
  padding: calc(var(--px) * 3); margin: 0; font: inherit; color: var(--c-hi); text-align: left; background-color: transparent;
  cursor: var(--cursor-point, pointer); -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  transition: transform 0.12s steps(2);
}
.mn-card:hover, .mn-card:focus-visible { transform: translateY(calc(var(--px) * -1)); outline: none; filter: brightness(1.15); }
.mn-card.selected { filter: drop-shadow(0 0 calc(var(--px) * 2) rgba(245, 200, 90, 0.9)) brightness(1.2); }
.mn-card:focus-visible::after, .mn-card.selected::after { content: ''; position: absolute; inset: calc(var(--px) * 1); border: var(--px) solid var(--c-gold3); pointer-events: none; }
.mn-card.selected:not(:focus-visible)::after { border-color: var(--c-gold2); }
.mn-card-txt { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.mn-card-name { display: flex; align-items: center; gap: calc(var(--px) * 1.5); font-size: calc(var(--px) * 6.5); font-weight: 700; color: var(--c-gold3); text-shadow: var(--t-outline); white-space: nowrap; overflow: hidden; }
.mn-card.locked .mn-card-name { color: var(--c-stone8); }
.mn-card-ico { flex: none; }
.mn-card-best { font-size: calc(var(--px) * 4.5); color: var(--c-stone9); text-shadow: var(--t-outline); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mn-cards.list { flex-direction: column; align-items: stretch; gap: calc(var(--px) * 2); }
.mn-cards.list .mn-card { flex-direction: row; align-items: center; gap: calc(var(--px) * 3); padding: calc(var(--px) * 2.5); }
.mn-cards.list .mn-card-txt { flex: 1; }

/* ---------- map detail ---------- */
.mn-detail { position: relative; flex: none; display: flex; flex-direction: column; gap: calc(var(--px) * 2); padding: calc(var(--px) * 3) calc(var(--px) * 4); width: min(100%, calc(var(--px) * 300)); align-self: center; }
.mn-d-head { display: flex; align-items: center; gap: calc(var(--px) * 3); flex-wrap: wrap; }
.mn-d-name { margin: 0; font-size: calc(var(--px) * 9); color: var(--c-gold3); text-shadow: var(--t-outline); }
.mn-d-desc { margin: 0; font-size: calc(var(--px) * 5.5); line-height: 1.35; color: var(--c-hi); text-shadow: var(--t-outline); }
.mn-d-bests { display: flex; flex-wrap: wrap; gap: calc(var(--px) * 2) calc(var(--px) * 6); }
.mn-best { display: flex; flex-direction: column; }
.mn-best-v { font-size: calc(var(--px) * 7); color: var(--c-hi); text-shadow: var(--t-outline); font-variant-numeric: tabular-nums; }
.mn-d-lock { display: flex; align-items: center; gap: calc(var(--px) * 4); flex-wrap: wrap; }
.mn-d-lock-text { flex: 1 1 calc(var(--px) * 80); font-size: calc(var(--px) * 5.5); color: var(--c-stone9); text-shadow: var(--t-outline); }
.mn-buy { padding: 0 calc(var(--px) * 5); min-height: max(44px, calc(var(--px) * 15)); color: var(--c-fire2); }
.mn-buy .ui-btn-label { gap: calc(var(--px) * 2); }
.mn-buy:disabled { color: var(--c-stone7); }
.mn-maps { background: linear-gradient(to bottom, rgba(10, 6, 18, 0.88) 0%, rgba(10, 6, 18, 0.05) 26%, rgba(10, 6, 18, 0.05) 36%, rgba(10, 6, 18, 0.93) 58%, rgba(10, 6, 18, 0.97) 100%); }
.mn-maps .mn-body { justify-content: flex-end; }
@media (max-height: 640px), (max-width: 639px) { .mn-maps { background: rgba(10, 6, 18, 0.93); } .mn-maps .mn-body { justify-content: flex-start; } }

/* ---------- mode select ---------- */
.mn-modes { background: linear-gradient(to bottom, rgba(10, 6, 18, 0.92), rgba(10, 6, 18, 0.82)); }
.mn-mapstrip { display: flex; align-items: center; gap: calc(var(--px) * 3); padding: calc(var(--px) * 2) calc(var(--px) * 4) calc(var(--px) * 2) calc(var(--px) * 2); font: inherit; color: var(--c-hi); text-align: left; cursor: var(--cursor-point, pointer); width: fit-content; max-width: 100%; background-color: transparent; }
.mn-mapstrip:hover, .mn-mapstrip:focus-visible { outline: none; filter: brightness(1.2); }
.mn-mapstrip:focus-visible { box-shadow: 0 0 0 var(--px) var(--c-gold3); }
.mn-strip-txt { display: flex; flex-direction: column; min-width: 0; }
.mn-strip-name { font-size: calc(var(--px) * 7.5); font-weight: 700; color: var(--c-gold3); text-shadow: var(--t-outline); }
.mn-strip-change { font-size: calc(var(--px) * 4.5); color: var(--c-stone9); text-shadow: var(--t-outline); text-decoration: underline; }
.mn-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--px) * 3); }
.mn-tab { display: flex; padding: calc(var(--px) * 3) calc(var(--px) * 3.5); font: inherit; color: var(--c-stone9); text-align: left; cursor: var(--cursor-point, pointer); background-color: transparent; opacity: 0.9; -webkit-tap-highlight-color: transparent; min-height: max(44px, calc(var(--px) * 18)); }
.mn-tab-label { gap: calc(var(--px) * 3); align-items: center; justify-content: flex-start; width: 100%; }
.mn-tab-txt { display: flex; flex-direction: column; min-width: 0; }
.mn-tab-name { font-size: calc(var(--px) * 7.5); font-weight: 700; text-shadow: var(--t-outline); }
.mn-tab-desc { font-size: calc(var(--px) * 4.5); line-height: 1.25; color: var(--c-stone8); text-shadow: var(--t-outline); white-space: normal; font-weight: 500; }
.mn-tab:hover, .mn-tab:focus-visible { outline: none; opacity: 1; filter: brightness(1.15); }
.mn-tab:focus-visible { box-shadow: 0 0 0 var(--px) var(--c-gold3); }
.mn-tab.selected { opacity: 1; color: var(--c-gold3); filter: drop-shadow(0 0 calc(var(--px) * 2) rgba(245, 200, 90, 0.8)); box-shadow: 0 0 0 var(--px) var(--c-gold2); background-color: #2a1c40; }
.mn-tab.selected .mn-tab-desc { color: var(--c-stone9); }
.mn-tab-ico { flex: none; }
@media (max-width: 639px) { .mn-tab-desc { display: none; } .mn-tab { padding: calc(var(--px) * 2) calc(var(--px) * 2.5); } .mn-tab-label { flex-direction: column; text-align: center; gap: calc(var(--px) * 1); } .mn-tab-name { font-size: calc(var(--px) * 6); } }
.mn-mods-head { display: flex; align-items: center; gap: calc(var(--px) * 4); }
.mn-clear { min-height: calc(var(--px) * 11); padding: 0 calc(var(--px) * 3); font-size: calc(var(--px) * 5); color: var(--c-stone9); }
.mn-modgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--px) * 2.5); }
@media (max-width: 759px) { .mn-modgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mn-mod { display: flex; flex-direction: column; gap: calc(var(--px) * 1); padding: calc(var(--px) * 3); font: inherit; color: var(--c-hi); text-align: left; cursor: var(--cursor-point, pointer); background-color: transparent; -webkit-tap-highlight-color: transparent; min-height: max(44px, calc(var(--px) * 22)); opacity: 0.85; }
.mn-mod-top { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--px) * 2); }
.mn-mod-name { font-size: calc(var(--px) * 6); font-weight: 700; color: var(--c-hi); text-shadow: var(--t-outline); }
.mn-mod-pips { display: inline-flex; gap: calc(var(--px) * 0.5); flex: none; }
.mn-pip { filter: grayscale(0.7) brightness(0.8); }
.mn-mod-desc { font-size: calc(var(--px) * 4.5); line-height: 1.25; color: var(--c-stone9); text-shadow: var(--t-outline); }
.mn-mod:hover, .mn-mod:focus-visible { outline: none; opacity: 1; filter: brightness(1.15); }
.mn-mod:focus-visible { box-shadow: 0 0 0 var(--px) var(--c-gold3); }
.mn-mod.on { opacity: 1; background-color: #3a1e1a; box-shadow: 0 0 0 var(--px) var(--c-fire1); }
.mn-mod.on .mn-mod-name { color: var(--c-fire2); }
.mn-mod.on .mn-pip { filter: none; }
.mn-mod.blocked { opacity: 0.4; }
.mn-sum { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; margin-left: calc(var(--px) * 2); }
.mn-sum-heat { font-size: calc(var(--px) * 7); font-weight: 700; color: var(--c-stone9); text-shadow: var(--t-outline); white-space: nowrap; }
.mn-sum.hot .mn-sum-heat { color: var(--c-fire2); }
.mn-sum-mult { font-size: calc(var(--px) * 4.5); color: var(--c-stone9); text-shadow: var(--t-outline); white-space: nowrap; }
@media (max-width: 639px) { .mn-sum { margin-left: 0; flex: 1; } .mn-foot { flex-wrap: wrap; } .mn-foot .mn-start { margin-left: auto; } .mn-sum-mult { white-space: normal; } }
.mn-daily { display: flex; flex-direction: column; gap: calc(var(--px) * 3); padding: calc(var(--px) * 3) calc(var(--px) * 4); }
.mn-daily-head { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--px) * 3); flex-wrap: wrap; }
.mn-daily-date { font-size: calc(var(--px) * 7); font-weight: 700; color: var(--c-gold3); text-shadow: var(--t-outline); }
.mn-daily-forced { font-size: calc(var(--px) * 4.5); color: var(--c-stone8); text-shadow: var(--t-outline); }
.mn-daily-row { display: flex; gap: calc(var(--px) * 4); align-items: center; }
.mn-daily-info { display: flex; flex-direction: column; gap: calc(var(--px) * 2); min-width: 0; }
.mn-daily-map { font-size: calc(var(--px) * 9); font-weight: 700; color: var(--c-hi); text-shadow: var(--t-outline); }
.mn-daily-mods { display: flex; flex-wrap: wrap; gap: calc(var(--px) * 2); }
.mn-daily-state { margin: 0; font-size: calc(var(--px) * 5.5); line-height: 1.35; color: var(--c-stone9); text-shadow: var(--t-outline); }
.mn-daily-state.done { color: var(--c-gold3); }

/* ---------- achievements ---------- */
.mn-achgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--px) * 130), 100%), 1fr)); gap: calc(var(--px) * 3); }
.mn-ach-card { position: relative; display: flex; align-items: center; gap: calc(var(--px) * 3); padding: calc(var(--px) * 3) calc(var(--px) * 4); min-width: 0; }
.mn-ach-card:focus-visible { outline: var(--px) solid var(--c-gold3); outline-offset: calc(var(--px) * -1); }
.mn-ach-icon { flex: none; display: flex; align-items: center; justify-content: center; width: calc(var(--px) * 24); height: calc(var(--px) * 24); }
.mn-ach-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.mn-ach-name { font-size: calc(var(--px) * 6.5); font-weight: 700; color: var(--c-gold3); text-shadow: var(--t-outline); }
.mn-ach-desc { font-size: calc(var(--px) * 4.8); line-height: 1.25; color: var(--c-stone9); text-shadow: var(--t-outline); }
.mn-ach-state { position: absolute; right: calc(var(--px) * 4); top: calc(var(--px) * 3); font-size: calc(var(--px) * 4); color: var(--c-gold2); text-shadow: var(--t-outline); letter-spacing: calc(var(--px) * 0.4); }
.mn-ach-card.off .mn-ach-img { filter: grayscale(1) brightness(0.45); }
.mn-ach-card.off .mn-ach-name { color: var(--c-stone8); }
.mn-ach-card.off .mn-ach-state { color: var(--c-stone7); }
.mn-ach-card.on { filter: drop-shadow(0 0 calc(var(--px) * 1.5) rgba(245, 200, 90, 0.35)); }

/* ---------- statistics ---------- */
.mn-stat-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(var(--px) * 5); align-items: start; }
@media (max-width: 759px) { .mn-stat-cols { grid-template-columns: minmax(0, 1fr); } }
.mn-stat-sec { display: flex; flex-direction: column; gap: calc(var(--px) * 3); min-width: 0; }
.mn-stat-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--px) * 2); }
.mn-stat { display: flex; align-items: center; gap: calc(var(--px) * 3); padding: calc(var(--px) * 2.5) calc(var(--px) * 3.5); min-width: 0; }
.mn-stat-col { display: flex; flex-direction: column; min-width: 0; }
.mn-stat-v { font-size: calc(var(--px) * 8); color: var(--c-gold3); text-shadow: var(--t-outline); font-variant-numeric: tabular-nums; line-height: 1.1; }
.mn-maptable { display: flex; flex-direction: column; padding: calc(var(--px) * 2) calc(var(--px) * 3); gap: calc(var(--px) * 1); }
.mn-maprow { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: calc(var(--px) * 2); align-items: center; font-size: calc(var(--px) * 5.5); color: var(--c-hi); text-shadow: var(--t-outline); }
.mn-maprow.head { font-size: calc(var(--px) * 4.5); color: var(--c-stone8); letter-spacing: calc(var(--px) * 0.4); }
.mn-maprow-name { display: flex; align-items: center; gap: calc(var(--px) * 2); color: var(--c-gold3); font-weight: 700; min-width: 0; }
.mn-maprow-v { font-variant-numeric: tabular-nums; }
@media (max-width: 639px) {
  .mn-maprow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); row-gap: 0; padding: calc(var(--px) * 1) 0; }
  .mn-maprow.head { display: none; }
  .mn-maprow-name { grid-column: 1 / -1; }
  .mn-maprow-v::before { content: attr(data-l) ' '; color: var(--c-stone8); font-size: calc(var(--px) * 4.5); display: block; }
}
.mn-hist { display: flex; flex-direction: column; padding: calc(var(--px) * 2) calc(var(--px) * 3); gap: calc(var(--px) * 1); }
.mn-histrow { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: calc(var(--px) * 3); font-size: calc(var(--px) * 5); color: var(--c-stone9); text-shadow: var(--t-outline); align-items: baseline; }
.mn-hist-score { color: var(--c-gold3); font-variant-numeric: tabular-nums; }
.mn-hist-res.won { color: var(--c-gold3); }

/* ---------- in-run (HUD chips, dawn houses line, end screen extras) ---------- */
.ui-runchips { display: none; flex-wrap: wrap; justify-content: center; gap: calc(var(--px) * 1.5); margin-top: calc(var(--px) * 1.5); pointer-events: none; max-width: 100%; }
#ui-root[data-phase='night'] .ui-runchips.has, #ui-root[data-phase='dawn'] .ui-runchips.has { display: flex; }
.ui-runchip { display: inline-flex; align-items: center; gap: calc(var(--px) * 1.5); padding: 0 calc(var(--px) * 2); min-height: calc(var(--px) * 8); font-size: calc(var(--px) * 4.5); font-weight: 700; color: var(--c-gold3); background: rgba(20, 12, 34, 0.85); box-shadow: 0 0 0 var(--px) var(--c-void); text-shadow: var(--t-outline); white-space: nowrap; }
.ui-runchip.heat { color: var(--c-fire2); }
.ui-runchip.map { color: var(--c-hi); }
.ui-report-pois { color: var(--c-gold3); }
.ui-end-run { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--px) * 1.5) calc(var(--px) * 3); font-size: calc(var(--px) * 5); color: var(--c-stone9); text-shadow: var(--t-outline); }
.ui-end-run b { color: var(--c-gold3); font-weight: 700; }
.ui-end-extra { margin: 0; font-size: calc(var(--px) * 5); color: var(--c-stone9); text-shadow: var(--t-outline); text-align: center; }
.ui-end-extra b { color: var(--c-gold3); }
.ui-end-endless { color: var(--c-cyan3); }

/* end screen extras */
.ui-end-box { gap: calc(var(--px) * 3); }
.ui-end-endless { color: var(--c-cyan3); }

/* end screen extras */
.ui-end-box { gap: calc(var(--px) * 3); }
.ui-end-endless { color: var(--c-cyan3); }
.ui-end-extra.good { color: var(--c-gold3); }
.mn-list .ui-btn:focus-visible, .mn-foot .ui-btn:focus-visible { outline: var(--px) solid var(--c-core); outline-offset: var(--px); }