/* King Atlas Technologies: overnight round 19 polish (Oct 15, 2026)
   Every block is tagged with its SITE-CHANGES.md number (#584+).
   CSS only (plus SEO titles / tiny HTML elsewhere). Loaded last on every built page
   (src/build.py, right after r18.css).
   Revert one item: delete its block. Revert all: remove the r19.css <link> in build.py and rebuild. */

/* r19 #594 No-green: hardcoded mint on Book "perks" line (fx.css #7dffb0) → gold like r18 #560 */
.co-perks{color:#ffd23f!important}

/* r19 #595 No-green: CRT theme leftover greens → cyan / magenta palette (optional theme only) */
[data-theme="crt"]{
  --heading:#2de2e6; --link:#7de8ff; --green:#2de2e6;
  --icon-main:#2de2e6; --sky:#2de2e6;
  --grid:rgba(45,226,230,.12); --scan:rgba(0,0,0,.28);
}
[data-theme="crt"] h1,[data-theme="crt"] h2{text-shadow:0 0 6px rgba(45,226,230,.45)}

/* r19 #596 No-green: area-check "yes" glow uses cyan, not mint rgba(57,255,136) */
.ac-result.ac-yes .ac-box{box-shadow:4px 4px 0 var(--gold,#ffd23f),0 0 18px rgba(45,226,230,.28)!important}
.ac-result.ac-yes .ac-title{color:#2de2e6}

/* r19 #598 Readability: secondary / hint text a bit larger for seniors (phones + desktop) */
.hint,.assist,p.lead + .assist,.game-text-hint.hint{font-size:1.12rem;line-height:1.55}
@media (max-width:480px){.hint,.assist,.game-text-hint.hint{font-size:1.15rem}}

/* r19 #599 Focus rings: gold 3px on more interactive bits (links in main, FAQ, pills) */
main a:focus-visible,details > summary:focus-visible,.pills a:focus-visible,
.footer-col a:focus-visible,.nf-links a:focus-visible{
  outline:3px solid #ffd23f;outline-offset:3px
}

/* r19 #600 Phones (≤390): a little more side padding so cartridge cards don't kiss the edge */
@media (max-width:390px){
  .wrap,main > .wrap,.page-head .wrap{padding-left:1.05rem;padding-right:1.05rem}
  .px-box,ol.levels .level,.co-pack{margin-left:0;margin-right:0}
}

/* r19 #601 Legal pages: TOC links easier to tap and read (wording untouched) */
.lg-toc a{display:inline-block;min-height:44px;padding:.45rem 0;line-height:1.45;font-size:1.05rem}
.lg-sum{font-size:1.08rem;line-height:1.55}

/* r19 #602 Cartridge feel: px-box cards keep a consistent 3px cyan edge on phones */
@media (max-width:699px){
  .px-box:not(.btn):not(form){border-width:3px}
}

/* r19 #604 Motion OFF / reduce-motion: town cards and token menu cards don't lift on hover */
html.calm .tm-card:hover,html.calm .tm-card:focus-visible,
html.calm .fx-tilt:hover{transform:none!important}
@media (prefers-reduced-motion:reduce){
  .tm-card:hover,.tm-card:focus-visible,.fx-tilt:hover{transform:none!important}
}

/* r19 #605 FAQ rows: taller tap target on the question line */
details > summary{min-height:48px;display:flex;align-items:center;padding-top:.55rem;padding-bottom:.55rem}

/* r19 #606 Book/contact "not open yet" disabled button: clearer dashed look, no press feel */
.btn-soon{opacity:.8;cursor:not-allowed;border-style:dashed!important}
.btn-soon small{font-size:14px!important;letter-spacing:.02em;opacity:.95}

/* r19 #607 Footer link rows: more breathing room on phones */
@media (max-width:699px){
  .footer-col a,.nf-links a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 0}
}

/* r19 #608 "New here?" signup lines: slightly larger body text for seniors */
.acct-nudge{font-size:1.12rem;line-height:1.55}
@media (max-width:480px){.acct-nudge{font-size:1.15rem}}

/* r19 #609 Status bar "PLAYER 1" label stays crisp cyan (no green bleed from --green var) */
.statusbar .tb-p1{color:#2de2e6!important}

/* r19 #610 Skip-to-content: solid gold focus panel when tabbed */
.skip:focus,.skip:focus-visible{
  outline:3px solid #ffd23f;outline-offset:2px;background:#0b1030;color:#fff;z-index:10000
}

/* r19 #611 Quiet reduce-motion: reward toast and loading bar don't pulse when calm */
html.calm .ka-toast,html.calm .proc-txt{animation:none!important}
@media (prefers-reduced-motion:reduce){.ka-toast,.proc-txt{animation:none!important}}

/* r19 #612 Pixel labels (.label / .soon) stay on cyan via --green remap reinforcement */
:root{--green:#2de2e6}

/* r19 #613 Quest / level tiles: slightly larger small-print under the title on phones */
@media (max-width:480px){
  ol.levels .level small,a.level small{font-size:12px;line-height:1.35}
}