/* The Long Way Home tokens (styles.css, from the game's globals.css) mapped onto the shared milestones page.
   Not overwritten by install.py. This file loads before the page's own styles, so overrides use html-prefixed selectors. */
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");
@import url("styles.css");
:root{
  --ms-bg:var(--void); --ms-s1:var(--panel); --ms-s2:var(--panel-2); --ms-s3:var(--line);
  --ms-accent:var(--amber); --ms-accent2:var(--secondary); --ms-bone:var(--ink);
  --ms-text:var(--ink); --ms-muted:var(--dim); --ms-dim:var(--faint);
  --ms-pass:var(--signal); --ms-part:var(--remember); --ms-none:var(--faint);
  --ms-display:var(--font-pixel); --ms-mono:var(--font-dos);
  --ms-glow:none;
}
/* VT323 is small for its size (the game scales it the same way): read it by x-height. */
html body{font-size-adjust:.52;-webkit-font-smoothing:none}
html .brand b{color:var(--amber);font-weight:400}
html .topbar{border-bottom:2px solid var(--ink)}
html .topbar nav a{font-size:9px;color:var(--void);background:var(--tab);padding:9px 10px;border-radius:var(--radius-sm)}
html .topbar nav a.on{color:var(--void);background:var(--ink);text-shadow:none}
html .total,html .srcbar{border-radius:var(--radius-lg)}
html .total{border:3px solid var(--amber)}
/* Phone: the master table fits the screen instead of scrolling sideways. The bars stay in the cards below. */
@media (max-width:600px){
  html .master table{min-width:0}
  html .master th:nth-child(2),html .master td.barcell{display:none}
  html .master th,html .master td{padding:12px 8px}
}
/* The x-height adjust above is for VT323 only: without this, Press Start 2P labels shrink to about 5px. */
html .brand,html .topbar nav a,html .kicker,html h1,html .pill,html .meta dt,html .total .lab,html .total .pct,
html .master th,html .master .sec,html details.blk>summary h2,html .item .ord,html .crit .st{font-size-adjust:none}
@media (max-width:600px){
  /* Proof links also sit in each milestone card below, so the phone table drops that column too. */
  html .master th:nth-child(5),html .master td.proof{display:none}
  html .master th{letter-spacing:.08em}
  html .master .sec{font-size:8px;white-space:normal;line-height:1.7}
  html .master th,html .master td{padding:12px 6px}
  html .master .pill{letter-spacing:.04em}
}