/* Approved by the owner on 12 October 2026: the screens after the home page take the hero's navy; a chosen answer turns solid orange. */
div[style*="z-index: 200"]{
  background:radial-gradient(70% 50% at 85% 0%,rgba(255,165,0,.16),transparent 70%),radial-gradient(60% 60% at 0% 100%,rgba(74,91,118,.55),transparent 70%),#293951 !important;
  --paper:#293951; --white:rgba(255,255,255,.06);
  --text-strong:#FFFFFF; --text-body:#E4E8EF; --text-muted:#C2CBD8; --text-accent:#FFA500;
  --border-subtle:rgba(255,255,255,.18); --border-default:rgba(255,255,255,.38);
  --navy-50:rgba(255,255,255,.08); --navy-100:rgba(255,255,255,.3); --navy-200:rgba(255,255,255,.38);
  --navy-300:#AAB5C7; --navy-400:#C2CBD8; --navy-500:#E4E8EF; --navy-800:#293951;
  --orange-50:rgba(255,165,0,.14); --orange-700:#FFB729;
  color:#E4E8EF;
}
div[style*="z-index: 200"] h1,div[style*="z-index: 200"] h2,div[style*="z-index: 200"] h3{color:#fff}
/* The header bar */
div[style*="z-index: 200"] > div[style*="position: sticky"]{background:rgba(41,57,81,.86) !important;border-bottom-color:rgba(255,255,255,.12) !important}
div[style*="z-index: 200"] > div[style*="position: sticky"] > div > span:first-child{--mbc-navy:#FFFFFF}
div[style*="z-index: 200"] > div[style*="position: sticky"] div[style*="height: 6px"]{--mbc-navy:#E4E8EF}
/* The five answers: an answer turns solid orange and settles slightly smaller; no stack */
div[style*="z-index: 200"] button[aria-label*=" · "][aria-pressed="false"]{color:#FFFFFF !important}
div[style*="z-index: 200"] button[aria-label*=" · "][aria-pressed="true"]{background:#FFA500 !important;border-color:#FFA500 !important;color:#293951 !important;transform:scale(.94) !important;box-shadow:none !important}
/* Text boxes and single-line fields: a clear outline that glows orange while typing */
div[style*="z-index: 200"] .mbc-area,
div[style*="z-index: 200"] input[type="text"]:not(.mbc-gate input),
div[style*="z-index: 200"] input:not([type]):not(.mbc-gate input){border:2px solid rgba(255,255,255,.4) !important;background:rgba(255,255,255,.07) !important;color:#FFFFFF !important;box-shadow:none !important;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
div[style*="z-index: 200"] .mbc-area:focus,
div[style*="z-index: 200"] input:not(.mbc-gate input):focus{border-color:#FFA500 !important;background:rgba(255,255,255,.1) !important;box-shadow:0 0 0 5px rgba(255,165,0,.18) !important}
div[style*="z-index: 200"] .mbc-area::placeholder,div[style*="z-index: 200"] input:not(.mbc-gate input)::placeholder{color:#9BA8BD}
/* Tags (platforms, field): a chosen tag turns solid orange */
div[style*="z-index: 200"] .mbc-tag[data-on="0"]{border-color:rgba(255,255,255,.4) !important;background:rgba(255,255,255,.06) !important;color:#FFFFFF !important;transition:all .2s}
div[style*="z-index: 200"] .mbc-tag[data-on="0"]:hover{border-color:rgba(255,255,255,.75) !important}
div[style*="z-index: 200"] .mbc-tag[data-on="1"]{border-color:#FFA500 !important;background:#FFA500 !important;color:#293951 !important;transform:scale(.97)}
/* Question cards and panels */
div[style*="z-index: 200"] .mbc-score{--mbc-navy:#FFFFFF}
div[style*="z-index: 200"] .mbc-score[style*="background: var(--mbc-orange)"]{--mbc-navy:#293951;box-shadow:none}
/* No stack on the night pages (the owner, 16 October 2026): the offset shadow turned white here and read as a second card */
div[style*="z-index: 200"] div[style*="border: 2px solid var(--mbc-navy)"]:not(.mbc-gate *){--mbc-navy:#FFFFFF;border-color:rgba(255,255,255,.3) !important;box-shadow:none !important}
/* The email step keeps the colours it was designed with: white fields on navy */
div[style*="z-index: 200"] .mbc-gate{--white:#FFFFFF;--paper:#FAF9F6;--text-strong:#293951;--text-body:#36475F;--text-muted:#6B7B95;--border-subtle:#E4E8EF;--border-default:#C6CEDB;
  --navy-50:#F3F5F8;--navy-100:#E4E8EF;--navy-200:#C6CEDB;--navy-300:#9BA8BD;--navy-400:#6B7B95;--navy-500:#4A5B76;--navy-800:#1E2B3E;--orange-50:#FFF8EB;--orange-700:#B86F00;border:1px solid rgba(255,255,255,.14)}
/* Lists that open over the page (country) keep white */
div[style*="z-index: 1000"]{--white:#FFFFFF;--text-strong:#293951;--navy-50:#F3F5F8;--navy-100:#E4E8EF;--text-muted:#6B7B95;color:#293951}
/* Panels built in navy keep real white text; the map panels sit a shade darker so they read as panels */
div[style*="z-index: 200"] div[style*="background: var(--mbc-navy)"]{--white:#FFFFFF;--navy-100:#E4E8EF;--navy-200:#C6CEDB}
div[style*="z-index: 200"] div[style*="position: sticky"][style*="background: var(--mbc-navy)"]{background:#1E2B3E !important;border:1px solid rgba(255,255,255,.1)}
/* Orange labels, such as the play on each "You answered…" card: orange text on a faint orange pill, chosen by the owner
   on 16 October 2026 (option B) over white on solid orange, which was hard to read */
div[style*="z-index: 200"] span[style*="background: var(--mbc-orange)"][style*="height: 24px"]{background:rgba(255,165,0,.14) !important;color:#FFB729 !important;box-shadow:inset 0 0 0 1.5px rgba(255,165,0,.55)}