/* Lotto Orbit · October 2026 · Unified accessible Light / Dark dropdowns. */
/* All native select menus use explicit theme colours instead of the old violet palette. */
html[data-theme="light"] body select:not([multiple]),
html[data-theme="dark"] body select:not([multiple]) {
  appearance:none!important;
  -webkit-appearance:none!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:13px 9px!important;
  border-style:solid!important;
  border-width:1px!important;
  border-radius:10px!important;
  min-height:40px;
  padding-right:35px!important;
  font-weight:650!important;
  line-height:1.4!important;
  text-overflow:ellipsis!important;
  cursor:pointer;
  box-shadow:none!important;
  transition:border-color .14s, box-shadow .14s;
}
html[data-theme="light"] body select:not([multiple]){
  color-scheme:light!important;
  color:#18384f!important;
  -webkit-text-fill-color:#18384f!important;
  background-color:#ffffff!important;
  border-color:#cadce9!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%3E%3Cpath%20d%3D%22m2%203%205%205%205-5%22%20stroke%3D%22%233d617f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")!important;
}
html[data-theme="dark"] body select:not([multiple]){
  color-scheme:dark!important;
  color:#ecf5fc!important;
  -webkit-text-fill-color:#ecf5fc!important;
  background-color:#192b3a!important;
  border-color:#3d5568!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%3E%3Cpath%20d%3D%22m2%203%205%205%205-5%22%20stroke%3D%22%23bdd0df%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")!important;
}
html[data-theme="light"] body select option,
html[data-theme="light"] body select optgroup{
  color:#18384f!important;background:#ffffff!important;color-scheme:light!important;
}
html[data-theme="dark"] body select option,
html[data-theme="dark"] body select optgroup{
  color:#ecf5fc!important;background:#192b3a!important;color-scheme:dark!important;
}
html[data-theme] body select option:disabled{opacity:.6}
html[data-theme] body select:not([multiple]):hover{border-color:var(--mf-blue-bold,#3f83c4)!important}
html[data-theme] body select:not([multiple]):focus-visible{
  border-color:var(--mf-blue-bold,#3f83c4)!important;
  outline:2px solid var(--mf-blue-bold,#3f83c4)!important;
  outline-offset:2px!important;
}
/* Header theme selector: only Light/Dark and always enough width for the current value plus arrow. */
html[data-theme] body .header .atlas-theme-field{flex:0 0 auto;min-width:0}
html[data-theme] body .header .atlas-theme-select{
  display:block!important;
  width:99px!important;min-width:99px!important;max-width:99px!important;
  padding:9px 32px 9px 11px!important;
  min-height:40px!important;
  background-position:right 11px center!important;
  font-size:11px!important;
  letter-spacing:0!important;
}
/* Keep all header actions visible when navigation is long on smaller desktop widths. */
@media (min-width:1081px) and (max-width:1370px){
  html[data-theme] body .header .atlas-theme-label span{display:none!important}
  html[data-theme] body .header .nav{gap:8px!important}
  html[data-theme] body .header .nav-links{gap:8px!important}
  html[data-theme] body .header .atlas-theme-field{padding-left:7px!important}
}
@media (max-width:760px){
  html[data-theme] body .header .atlas-theme-select{
    width:84px!important;min-width:84px!important;max-width:84px!important;
    padding:8px 26px 8px 8px!important;
    background-position:right 8px center!important;
    min-height:39px!important;font-size:10px!important;
  }
}
@media (max-width:370px){
  html[data-theme] body .header .atlas-theme-select{
    width:77px!important;min-width:77px!important;max-width:77px!important;
    padding-left:6px!important;padding-right:23px!important;
  }
}
@media print{html[data-theme] body .header .atlas-theme-field{display:none!important}}

/* Raise specificity over legacy MarketFlow shorthands which suppressed the chevrons. */
html[data-theme="light"] body .header select.atlas-theme-select:not([multiple]),
html[data-theme="light"] body[data-game] select:not([multiple]),
html[data-theme="light"] body.contact-page select:not([multiple]),
html[data-theme="light"] body.faq-page select:not([multiple]),
html[data-theme="light"] body:not([data-game]) select:not([multiple]){
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%3E%3Cpath%20d%3D%22m2%203%205%205%205-5%22%20stroke%3D%22%233d617f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:13px 9px!important;
  background-position:right 11px center!important;
}
html[data-theme="dark"] body .header select.atlas-theme-select:not([multiple]),
html[data-theme="dark"] body[data-game] select:not([multiple]),
html[data-theme="dark"] body.contact-page select:not([multiple]),
html[data-theme="dark"] body.faq-page select:not([multiple]),
html[data-theme="dark"] body:not([data-game]) select:not([multiple]){
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%3E%3Cpath%20d%3D%22m2%203%205%205%205-5%22%20stroke%3D%22%23bdd0df%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:13px 9px!important;
  background-position:right 11px center!important;
}
/* Remove the leftover light-mode button surfaces showing up in dark studios. */
html[data-theme="dark"] body[data-game] .nav-under > .button,
html[data-theme="dark"] body[data-game] .nav-under > a.button,
html[data-theme="dark"] body[data-game] .nav-under > button.button,
html[data-theme="dark"] body[data-game] .nav-under .atlas-game-switch-details>summary,
html[data-theme="dark"] body[data-game] .atlas-more-actions .button,
html[data-theme="dark"] body[data-game] .line-actions .button,
html[data-theme="dark"] body[data-game] .stepper button{
  background:#1a2935!important;
  border-color:#344b5c!important;
  color:#e1eef9!important;
  -webkit-text-fill-color:#e1eef9!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body[data-game] .nav-under :is(.button,.atlas-game-switch-details>summary):hover,
html[data-theme="dark"] body[data-game] .atlas-more-actions .button:hover,
html[data-theme="dark"] body[data-game] .stepper button:hover{
  background:#223a4d!important;
  border-color:#5796e8!important;
  color:#f5faff!important;
}
html[data-theme="dark"] body .header .atlas-tool-button,
html[data-theme="dark"] body .header .menu-toggle{
  background:#172530!important;
  border-color:#354a5b!important;
  color:#e8f3fa!important;
  -webkit-text-fill-color:#e8f3fa!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .header .atlas-tool-button,
html[data-theme="light"] body .header .menu-toggle{
  background:#f0f6fa!important;
  border-color:#cfdee9!important;
  color:#193c57!important;
  -webkit-text-fill-color:#193c57!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .header :is(.atlas-tool-button,.menu-toggle):hover{background:#223a4d!important;border-color:#5796e8!important}
html[data-theme="light"] body .header :is(.atlas-tool-button,.menu-toggle):hover{background:#e5f0f8!important;border-color:#2b73c7!important}
/* Strongest final layer: restore contrast over deeply nested legacy visual-audit rules. */
html[data-theme="dark"] body[data-game] .nav-under.nav-under > a.button.button.soft,
html[data-theme="dark"] body[data-game] .nav-under.nav-under > button.button.button,
html[data-theme="dark"] body[data-game] .left-sidebar .panel .stepper.stepper button,
html[data-theme="dark"] body[data-game] .line-actions.line-actions button.button,
html[data-theme="dark"] body[data-game] .atlas-more-actions.atlas-more-actions button.button{
  background:#1a2935!important;
  color:#e9f4fd!important;
  -webkit-text-fill-color:#e9f4fd!important;
  border-color:#365367!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .header.header .atlas-top-actions .atlas-translate-tool button.atlas-tool-button.atlas-tool-button,
html[data-theme="dark"] body .header.header .menu-toggle.menu-toggle{
  background:#172530!important;
  color:#ecf7ff!important;
  -webkit-text-fill-color:#ecf7ff!important;
  border-color:#365367!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body[data-game] .nav-under.nav-under > a.button.button.soft,
html[data-theme="dark"] body[data-game] .nav-under.nav-under > button.button.button,
html[data-theme="dark"] body[data-game] .left-sidebar .panel .stepper.stepper button,
html[data-theme="dark"] body[data-game] .line-actions.line-actions button.button,
html[data-theme="dark"] body[data-game] .atlas-more-actions.atlas-more-actions button.button,
html[data-theme="dark"] body .header.header .atlas-top-actions .atlas-translate-tool button.atlas-tool-button.atlas-tool-button,
html[data-theme="dark"] body .header.header .menu-toggle.menu-toggle{
  background-color:#1a2935!important;
}

/* Lotto Orbit · 2026-10-19 · Purple residue cleanup revision 2 */
/* Neutralise the remaining lilac/pink surfaces on directory cards and game-page headers. */
html[data-theme="light"] body :is(.workspace-head,.summary,.country-lottery-links,.details-block>summary){
  background:#f3f7fb!important;
  border-color:#d9e5ef!important;
}
html[data-theme="light"] body[data-game] .summary-item{
  background:linear-gradient(135deg,#ffffff,#f2f7fb)!important;
  border:1px solid #d9e4ee!important;
  color:#365876!important;
}
html[data-theme="light"] body[data-game] :is(.workspace-head h2,.panel-header h2,.panel.guide h3,.line-numeral,.line-meta){
  color:#203449!important;
}
html[data-theme="light"] body[data-game] :is(.workspace-head p,.summary-item span,.panel.guide p,.control-caption,.reference-link){
  color:#59708a!important;
}
html[data-theme="light"] body:not([data-game]) .country-lottery-links{
  background:#f2f7fb!important;
  border-color:#d9e5ef!important;
}
html[data-theme="light"] body:not([data-game]) .country-lottery-link{
  background:#ffffff!important;
  color:#1c5788!important;
  border:1px solid #d4e1ec!important;
}
html[data-theme="light"] body:not([data-game]) .country-lottery-link:hover,
html[data-theme="light"] body:not([data-game]) .country-lottery-link:focus-visible{
  background:#edf5fb!important;
  border-color:#7aa7d3!important;
  color:#164a74!important;
}

/* Open reference/rules panels on game pages must stay white, not pink. */
html[data-theme="light"] body[data-game] details.panel.guide,
html[data-theme="light"] body[data-game] details.panel.guide[open]{
  background:#ffffff!important;
  border:1px solid #d9e5ef!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-game] details.panel.guide > summary{
  background:#f3f7fb!important;
  border-color:#d9e5ef!important;
  color:#18384f!important;
}
html[data-theme="light"] body[data-game] details.panel.guide > *:not(summary){
  background:#ffffff!important;
}
html[data-theme="light"] body[data-game] .panel.guide .eyebrow,
html[data-theme="light"] body[data-game] .reference-link{
  color:#256c9f!important;
}

/* Improve icon legibility in light theme cards/steps. */
html[data-theme="light"] body:not([data-game]) .atlas-step-card,
html[data-theme="light"] body:not([data-game]) .atlas-feature-card{
  background:linear-gradient(145deg,#ffffff 52%,#f4f8fc)!important;
  border-color:#d8e3ed!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-icon,
html[data-theme="light"] body:not([data-game]) .atlas-feature-card .atlas-step-icon,
html[data-theme="light"] body:not([data-game]) .atlas-feature-icon,
html[data-theme="light"] body:not([data-game]) .about-feature-icon,
html[data-theme="light"] body:not([data-game]) .principle-icon{
  background:linear-gradient(145deg,#eef6ff,#dcecff)!important;
  border:1px solid #bdd1e5!important;
  color:#215f93!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(30,86,132,.08)!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card:nth-child(2) .atlas-step-icon{
  background:linear-gradient(145deg,#edf8f2,#d8efe0)!important;
  border-color:#bfd8c9!important;
  color:#237249!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card:nth-child(3) .atlas-step-icon{
  background:linear-gradient(145deg,#fff5e9,#fde7c5)!important;
  border-color:#e6cda5!important;
  color:#ab6e1d!important;
}

/* Dark theme parity: keep the same areas on-brand and readable. */
html[data-theme="dark"] body :is(.workspace-head,.summary,.country-lottery-links,.details-block>summary){
  background:#1c2731!important;
  border-color:#334451!important;
}
html[data-theme="dark"] body[data-game] .summary-item{
  background:linear-gradient(135deg,#1d2a35,#223240)!important;
  border:1px solid #385066!important;
  color:#c9d8e6!important;
}
html[data-theme="dark"] body:not([data-game]) .country-lottery-link{
  background:#1b2832!important;
  color:#8fc4f2!important;
  border-color:#324553!important;
}
html[data-theme="dark"] body:not([data-game]) .country-lottery-link:hover,
html[data-theme="dark"] body:not([data-game]) .country-lottery-link:focus-visible{
  background:#223543!important;
  border-color:#6fa7db!important;
  color:#d9eeff!important;
}
html[data-theme="dark"] body[data-game] details.panel.guide,
html[data-theme="dark"] body[data-game] details.panel.guide[open]{
  background:#18222b!important;
  border:1px solid #31424f!important;
}
html[data-theme="dark"] body[data-game] details.panel.guide > summary{
  background:#1d2a34!important;
  border-color:#31424f!important;
  color:#ebf4fb!important;
}
html[data-theme="dark"] body[data-game] details.panel.guide > *:not(summary){
  background:#18222b!important;
}
html[data-theme="dark"] body:not([data-game]) .atlas-step-icon,
html[data-theme="dark"] body:not([data-game]) .atlas-feature-icon,
html[data-theme="dark"] body:not([data-game]) .about-feature-icon,
html[data-theme="dark"] body:not([data-game]) .principle-icon{
  background:#263747!important;
  border-color:#3d5160!important;
  color:#c3def7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card:nth-child(2) .atlas-step-icon{
  color:#97dfb5!important;
}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card:nth-child(3) .atlas-step-icon{
  color:#f0c98a!important;
}

/* Lotto Orbit · 19 October 2026 — Screenshot-driven refinement
   Social and calendar overflow, visible filters, premium FAQ and feature cards. */
html[data-theme] body .orbit-social-spotlight,
html[data-theme] body .orbit-calendar,
html[data-theme] body .orbit-intel{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}
html[data-theme] body .orbit-social-spotlight{
  display:grid!important;
  grid-template-columns:minmax(220px,.9fr) minmax(0,1.5fr)!important;
  gap:18px 28px!important;
  padding:clamp(20px,2.4vw,32px)!important;
  overflow:hidden;
}
html[data-theme] body .orbit-social-spotlight-copy{min-width:0!important;max-width:100%!important}
html[data-theme] body .orbit-social-spotlight h2{font-size:clamp(20px,1.9vw,26px)!important;line-height:1.18!important;margin:7px 0!important}
html[data-theme] body .orbit-social-spotlight p{font-size:12px!important;line-height:1.65!important}
html[data-theme] body .orbit-social-spotlight-actions{
  display:flex!important;min-width:0!important;width:100%!important;max-width:100%!important;
  flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;
  gap:9px!important;overflow:visible;
}
html[data-theme] body .orbit-social-spotlight-actions .orbit-share-pill{
  flex:0 0 auto!important;max-width:100%!important;min-height:41px!important;
  font:750 11px/1.35 Montserrat,system-ui,sans-serif!important;
  padding:10px 14px!important;white-space:nowrap!important;
  border-radius:10px!important;
}
html[data-theme] body .orbit-social-spotlight .atlas-social-feedback{grid-column:1/-1;text-align:right!important;margin:0!important}
html[data-theme] body .orbit-intel-filters{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:15px 0!important;min-width:0}
html[data-theme="light"] body button.orbit-filter,
html[data-theme="dark"] body button.orbit-filter{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:41px!important;width:auto!important;min-width:76px!important;
  white-space:normal!important;padding:10px 16px!important;border:1px solid!important;
  font:800 11px/1.3 Montserrat,system-ui,sans-serif!important;
  -webkit-text-fill-color:currentColor!important;
  letter-spacing:0!important;border-radius:999px!important;
  opacity:1!important;visibility:visible!important;box-shadow:none!important;
}
html[data-theme="light"] body button.orbit-filter{background:#eff7fc!important;border-color:#bed8e8!important;color:#1e5477!important}
html[data-theme="light"] body button.orbit-filter.is-active{background:#1b739d!important;border-color:#1b739d!important;color:#fff!important}
html[data-theme="dark"] body button.orbit-filter{background:#25435a!important;border-color:#4a7086!important;color:#e7f6ff!important}
html[data-theme="dark"] body button.orbit-filter.is-active{background:#2680a8!important;border-color:#78b9ce!important;color:#fff!important}
html[data-theme] body button.orbit-filter:hover:not(.is-active){filter:brightness(1.10)}
html[data-theme] body .orbit-draw-card{max-width:100%!important;overflow-wrap:break-word}
html[data-theme] body .orbit-draw-card-top{flex-wrap:wrap!important}
html[data-theme] body .orbit-draw-remaining{font:750 10px/1.45 Montserrat,sans-serif;color:var(--mf-green,#269c83)}
html[data-theme="dark"] body .orbit-draw-remaining{color:#92dfc7}
@media(max-width:980px){html[data-theme] body .orbit-social-spotlight{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}html[data-theme] body .orbit-social-spotlight-actions{justify-content:flex-start!important}html[data-theme] body .orbit-social-spotlight .atlas-social-feedback{text-align:left!important}}
@media(max-width:520px){html[data-theme] body .orbit-social-spotlight{padding:20px!important}html[data-theme] body .orbit-social-spotlight-actions .orbit-share-pill{padding:9px 11px!important;font-size:10px!important}}

/* A cohesive FAQ category heading — no white strip through the panel. */
html[data-theme] body.faq-page .faq-section-heading{
  display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;gap:14px 17px!important;
  padding:17px 21px!important;margin:0 0 18px!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
}
html[data-theme="light"] body.faq-page .faq-section-heading{
  background:linear-gradient(110deg,#e9f4fa 0%,#f7fbfd 100%)!important;
  border:1px solid #c8dfec!important;
}
html[data-theme="dark"] body.faq-page .faq-section-heading{
  background:linear-gradient(110deg,#223d51 0%,#1d3242 100%)!important;
  border:1px solid #3f6175!important;
}
html[data-theme] body.faq-page .faq-section-heading>div{background:transparent!important;min-width:0!important}
html[data-theme] body.faq-page .faq-section-mark{
  display:grid!important;place-items:center!important;width:54px!important;height:54px!important;
  margin:0!important;border-radius:14px!important;flex:none!important;
  font-size:26px!important;
}
html[data-theme="light"] body.faq-page .faq-section-mark{background:#d7ebf8!important;border:1px solid #bbd6e9!important;color:#146da4!important}
html[data-theme="dark"] body.faq-page .faq-section-mark{background:#2d4c63!important;border:1px solid #4b7189!important;color:#a7e0ff!important}
html[data-theme] body.faq-page .faq-section-index{font:850 10px/1.5 Montserrat,sans-serif!important;letter-spacing:.095em!important}
html[data-theme="light"] body.faq-page .faq-section-index{color:#266b93!important}
html[data-theme="dark"] body.faq-page .faq-section-index{color:#85dbc5!important}
html[data-theme] body.faq-page .faq-section-heading h2{
  background:transparent!important;font-size:clamp(19px,2vw,25px)!important;
  letter-spacing:-.03em!important;line-height:1.22!important;margin:4px 0 0!important;
}
html[data-theme="light"] body.faq-page .faq-section-heading h2{color:#14344c!important}
html[data-theme="dark"] body.faq-page .faq-section-heading h2{color:#f4fbff!important}
html[data-theme] body.faq-page .faq-section-count{white-space:nowrap!important;font:850 10px/1.5 Montserrat,sans-serif!important;letter-spacing:.08em!important}
html[data-theme="light"] body.faq-page .faq-section-count{color:#52738b!important}
html[data-theme="dark"] body.faq-page .faq-section-count{color:#a8cede!important}
@media(max-width:660px){html[data-theme] body.faq-page .faq-section-heading{grid-template-columns:43px minmax(0,1fr)!important;padding:15px!important;gap:10px!important}html[data-theme] body.faq-page .faq-section-mark{width:43px!important;height:43px!important;font-size:21px!important}html[data-theme] body.faq-page .faq-section-count{display:none!important}}

/* More editorial, premium 'How it works' cards with readable icons. */
html[data-theme] body:not([data-game]) .atlas-steps-grid{gap:18px!important;align-items:stretch!important}
html[data-theme] body:not([data-game]) .atlas-step-card{
  position:relative!important;overflow:hidden!important;min-width:0!important;
  padding:clamp(22px,2.2vw,31px)!important;border-radius:19px!important;
  display:flex!important;flex-direction:column!important;gap:13px!important;
  box-shadow:0 9px 29px rgba(25,66,102,.07)!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card{
  background:linear-gradient(142deg,#fff 48%,#f2f9fd 100%)!important;
  border:1px solid #ccdeeb!important;
}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card{
  background:linear-gradient(145deg,#1d3447,#192b3b)!important;
  border:1px solid #446073!important;
  box-shadow:0 10px 28px rgba(0,0,0,.15)!important;
}
html[data-theme] body:not([data-game]) .atlas-step-card::before{height:4px!important;opacity:1!important}
html[data-theme] body:not([data-game]) .atlas-step-card .atlas-step-icon{
  display:grid!important;place-items:center!important;flex:0 0 65px!important;
  width:65px!important;height:65px!important;border-radius:17px!important;
  font-size:30px!important;line-height:1!important;
  margin:1px 0 9px!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card:nth-child(1) .atlas-step-icon{
  background:#deefff!important;border:1px solid #b7d4ec!important;color:#165c98!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card:nth-child(2) .atlas-step-icon{
  background:#e2f6ea!important;border:1px solid #b9deca!important;color:#167b4b!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card:nth-child(3) .atlas-step-icon{
  background:#fff1d9!important;border:1px solid #e7cfa6!important;color:#9d6019!important;
}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card:nth-child(1) .atlas-step-icon{background:#294d70!important;color:#a9d9ff!important;border-color:#49799b!important}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card:nth-child(2) .atlas-step-icon{background:#234b47!important;color:#a2ecd0!important;border-color:#41786c!important}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card:nth-child(3) .atlas-step-icon{background:#594530!important;color:#ffe0a6!important;border-color:#7a603f!important}
html[data-theme] body:not([data-game]) .atlas-step-card .atlas-step-number{
  font:850 10px/1.4 Montserrat,sans-serif!important;letter-spacing:.15em!important;
  padding:0!important;background:transparent!important;border:none!important;
}
html[data-theme] body:not([data-game]) .atlas-step-card h3{font-size:clamp(19px,1.65vw,23px)!important;line-height:1.25!important;margin:0!important;letter-spacing:-.036em!important}
html[data-theme] body:not([data-game]) .atlas-step-card p{font-size:12px!important;line-height:1.75!important;margin:0 0 10px!important}
html[data-theme] body:not([data-game]) .atlas-step-card>a{
  margin-top:auto!important;min-height:41px!important;padding-top:13px!important;
  font-size:11px!important;letter-spacing:.06em!important;font-weight:850!important;
  border-top:1px solid!important;
}
html[data-theme="light"] body:not([data-game]) .atlas-step-card>a{border-color:#d5e5ef!important;color:#1f6a99!important}
html[data-theme="dark"] body:not([data-game]) .atlas-step-card>a{border-color:#3d596d!important;color:#9ad4ff!important}

/* Factual operator-linked draw introduction, not a duplicated rules accordion. */
html[data-theme] body[data-game] .orbit-game-story{
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(215px,.85fr);
  align-items:center;gap:20px;padding:22px 25px;
  border-radius:17px;margin:12px 0 25px;min-width:0;
}
html[data-theme="light"] body[data-game] .orbit-game-story{background:linear-gradient(112deg,#ffffff,#f0f8fc)!important;border:1px solid #d2e4ee!important;box-shadow:0 7px 22px rgba(23,70,104,.055)!important}
html[data-theme="dark"] body[data-game] .orbit-game-story{background:linear-gradient(112deg,#1c3346,#203849)!important;border:1px solid #456478!important;box-shadow:0 9px 24px rgba(0,0,0,.12)!important}
html[data-theme] body[data-game] .orbit-game-story-main,
html[data-theme] body[data-game] .orbit-game-story-side{min-width:0}
html[data-theme] body[data-game] .orbit-story-kicker,
html[data-theme] body[data-game] .orbit-story-label{display:block;font:850 9px/1.55 Montserrat,sans-serif;letter-spacing:.15em!important}
html[data-theme="light"] body[data-game] .orbit-story-kicker,html[data-theme="light"] body[data-game] .orbit-story-label{color:#1c7b8f!important}
html[data-theme="dark"] body[data-game] .orbit-story-kicker,html[data-theme="dark"] body[data-game] .orbit-story-label{color:#86dbc5!important}
html[data-theme] body[data-game] .orbit-game-story h2{font:850 clamp(18px,1.65vw,23px)/1.2 Montserrat,sans-serif!important;letter-spacing:-.035em!important;margin:6px 0 9px!important}
html[data-theme="light"] body[data-game] .orbit-game-story h2{color:#173d58!important}
html[data-theme="dark"] body[data-game] .orbit-game-story h2{color:#f4fbff!important}
html[data-theme] body[data-game] .orbit-game-story p{font:500 11px/1.75 Montserrat,sans-serif!important;margin:0!important;max-width:850px!important}
html[data-theme="light"] body[data-game] .orbit-game-story p{color:#506c83!important}
html[data-theme="dark"] body[data-game] .orbit-game-story p{color:#c2d8e5!important}
html[data-theme] body[data-game] .orbit-game-story-side{padding-left:20px;border-left:1px solid;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
html[data-theme="light"] body[data-game] .orbit-game-story-side{border-color:#ccdfec}
html[data-theme="dark"] body[data-game] .orbit-game-story-side{border-color:#466479}
html[data-theme] body[data-game] .orbit-game-story-side strong{font:850 14px/1.4 Montserrat,sans-serif!important}
html[data-theme="light"] body[data-game] .orbit-game-story-side strong{color:#1a4f73!important}
html[data-theme="dark"] body[data-game] .orbit-game-story-side strong{color:#f0faff!important}
html[data-theme] body[data-game] .orbit-story-days{font:600 10px/1.55 Montserrat,sans-serif!important}
html[data-theme="light"] body[data-game] .orbit-story-days{color:#648096!important}
html[data-theme="dark"] body[data-game] .orbit-story-days{color:#bbd4e2!important}
html[data-theme] body[data-game] .orbit-game-story-side a{font:800 10px/1.5 Montserrat,sans-serif!important;text-decoration:none!important;margin-top:3px}
html[data-theme="light"] body[data-game] .orbit-game-story-side a{color:#1d709e!important}
html[data-theme="dark"] body[data-game] .orbit-game-story-side a{color:#9fdcff!important}
html[data-theme] body[data-game] .orbit-game-story-side a:hover{text-decoration:underline!important}
@media(max-width:780px){html[data-theme] body[data-game] .orbit-game-story{grid-template-columns:minmax(0,1fr)!important;gap:17px;padding:19px!important}html[data-theme] body[data-game] .orbit-game-story-side{border-left:none!important;border-top:1px solid;padding:14px 0 0!important}}