/* Lotto Orbit — six improvements, 2026-10-19. Maintains original design tokens. */
:root{--ox-accent:#2377aa;--ox-teal:#32b49e;--ox-border:#d4e4ef;--ox-ink:#173b54}
.orbit-next-draw{display:flex;align-items:center;gap:16px;margin:8px 0 21px;padding:15px 20px;background:linear-gradient(100deg,#ffffff,#f0f8fc 80%);border:1px solid #c8e0ec;border-radius:16px;box-shadow:0 5px 20px rgba(15,76,116,.045)}
.orbit-next-icon{display:grid;place-items:center;font-size:28px;flex:0 0 48px;width:48px;height:48px;background:#e1f5ef;border:1px solid #c2e7da;color:#137f71;border-radius:14px}
.orbit-next-content{flex:1;min-width:0;display:grid;gap:3px}.orbit-next-kicker,.orbit-share-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#268775}.orbit-next-time{font-size:clamp(17px,2.2vw,24px);font-weight:900;color:#133b58;letter-spacing:-.025em}.orbit-next-detail{font-size:11px;line-height:1.5;color:#557189}.orbit-next-official{font-size:11px;font-weight:800;color:#1a6698;text-decoration:none;white-space:nowrap}.orbit-next-official:hover{text-decoration:underline}
.orbit-directory-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px}.orbit-directory-pill{border:1px solid #c8dce9;background:#fff;border-radius:999px;padding:11px 14px;min-height:42px;color:#235b83;font-size:11px;font-weight:800;cursor:pointer;box-shadow:none}.orbit-directory-pill.is-active{background:linear-gradient(120deg,#2277a9,#2a9e91);color:#fff;border-color:#237a9c}.orbit-directory-pill:hover:not(.is-active){background:#eaf4fb;border-color:#88b4d4}.orbit-directory-country-label{font-size:10px;color:#527189;letter-spacing:.04em;display:flex;align-items:center;gap:8px;margin-left:auto;font-weight:750}.orbit-directory-country{min-width:180px;max-width:230px;width:auto!important;min-height:43px!important;padding:8px 34px 8px 12px!important}.orbit-filter-count{font-size:11px;color:#5d7890;margin:0 0 12px!important}#gameCatalog [hidden]{display:none!important}
.orbit-share-card-tool{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:14px 0 20px;padding:22px 25px;border:1px solid #bcdbe7;background:linear-gradient(118deg,#f4faff,#e9f9f5);border-radius:18px}.orbit-share-card-copy{min-width:220px;flex:1}.orbit-share-card-copy h3{font-size:22px;margin:5px 0 6px;letter-spacing:-.025em;color:#113c56}.orbit-share-card-copy p{max-width:470px;font-size:12px;line-height:1.65;color:#506d83;margin:0}.orbit-share-card-actions{flex:1;max-width:465px;display:grid;gap:8px}.orbit-share-line{min-width:0;width:100%!important}.orbit-share-card-buttons{display:flex;gap:9px;flex-wrap:wrap}.orbit-share-card-buttons button{flex:1;border:1px solid #b3d3e3;border-radius:10px;padding:11px 14px;min-height:44px;background:#fff;color:#205e86;font-size:12px;font-weight:800;cursor:pointer}.orbit-share-card-buttons button:first-child{background:#205e91;color:#fff;border-color:#205e91}.orbit-share-card-buttons button:disabled{opacity:.55;cursor:not-allowed}.orbit-share-message{font-size:11px;color:#536f86;min-height:15px}
.orbit-copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,35px);opacity:0;pointer-events:none;z-index:95;background:#183b52;border:1px solid #389f8d;border-radius:12px;padding:12px 20px;font-weight:800;color:white;box-shadow:0 12px 28px #102a3e44;transition:opacity .22s,transform .22s}.orbit-copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:no-preference){#lines .line-card.orbit-revealed .number-ball:not(.ball-placeholder){animation:orbitBallReveal .38s cubic-bezier(.16,.76,.18,1) both;animation-delay:calc(var(--orbit-index,0) * 45ms)}@keyframes orbitBallReveal{from{opacity:.4;transform:translateY(8px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}}
.orbit-mobile-actions{display:none}
html[data-theme=dark] .orbit-next-draw{background:linear-gradient(110deg,#1c3243,#152a34);border-color:#34586b;box-shadow:none}html[data-theme=dark] .orbit-next-icon{background:#234f4a;border-color:#386c5d;color:#85e9c9}html[data-theme=dark] .orbit-next-time{color:#f0f7fc}html[data-theme=dark] .orbit-next-detail,html[data-theme=dark] .orbit-filter-count{color:#bed1de}html[data-theme=dark] .orbit-next-official{color:#94cffa}
html[data-theme=dark] .orbit-directory-pill{color:#c6e2f3;background:#1c3547;border-color:#3c6076}html[data-theme=dark] .orbit-directory-pill.is-active{background:linear-gradient(120deg,#246f9b,#16877f);border-color:#449dba;color:#fff}html[data-theme=dark] .orbit-directory-pill:hover:not(.is-active){background:#28465a}html[data-theme=dark] .orbit-directory-country-label{color:#b8cede}
html[data-theme=dark] .orbit-share-card-tool{background:linear-gradient(110deg,#192f43,#1d3c3b);border-color:#355e69}html[data-theme=dark] .orbit-share-card-copy h3{color:#f3faff}html[data-theme=dark] .orbit-share-card-copy p,html[data-theme=dark] .orbit-share-message{color:#bcd2df}html[data-theme=dark] .orbit-share-card-buttons button{background:#29475b;color:#e8f6ff;border-color:#416b83}html[data-theme=dark] .orbit-share-card-buttons button:first-child{background:#1a6f9b;border-color:#3386a9}
@media(max-width:760px){body.orbit-mobile-enabled{padding-bottom:84px!important}.orbit-mobile-actions{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:75;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));gap:6px;background:rgba(245,250,254,.97);border-top:1px solid #c4dbe8;box-shadow:0 -8px 28px rgba(10,45,73,.12);backdrop-filter:blur(12px)}.orbit-mobile-action{display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;min-width:0;min-height:48px;border-radius:11px;border:1px solid #d4e3ec;background:#fff;color:#175a83;padding:5px 3px;cursor:pointer}.orbit-mobile-action:first-child{background:#1f729f;color:white;border-color:#1f729f}.orbit-mobile-action-icon{font-size:19px;line-height:1}.orbit-mobile-action-label{font-size:10px;font-weight:750;line-height:1.15}.orbit-next-draw{gap:10px;padding:13px;margin-bottom:15px}.orbit-next-icon{width:40px;flex-basis:40px;height:40px}.orbit-next-official{white-space:normal;text-align:right;max-width:70px}.orbit-share-card-tool{padding:19px}.orbit-share-card-actions{max-width:none;flex-basis:100%}.orbit-directory-country-label{margin-left:0;width:100%;justify-content:space-between}.orbit-directory-country{flex:1;max-width:none}.orbit-copy-toast{bottom:95px;width:max-content;max-width:90vw}html[data-theme=dark] .orbit-mobile-actions{background:rgba(17,34,48,.97);border-color:#39566a}html[data-theme=dark] .orbit-mobile-action{background:#253c50;color:#d9edfa;border-color:#405c70}html[data-theme=dark] .orbit-mobile-action:first-child{background:#216b95;border-color:#4384a7}}
@media(max-width:380px){.orbit-next-official{font-size:10px}.orbit-mobile-action-label{font-size:9px}.orbit-directory-pill{flex:1;min-width:45%;padding:10px 9px}.orbit-share-card-buttons{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.orbit-copy-toast{transition:none!important}#lines .line-card .number-ball{animation:none!important}}
@media print{.orbit-next-draw,.orbit-mobile-actions,.orbit-share-card-tool,.orbit-directory-filter-row,.orbit-filter-count,.orbit-copy-toast{display:none!important}}


.orbit-next-draw--hero{margin:18px 0 0;max-width:560px;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(243,251,255,.94));backdrop-filter:blur(10px);border-color:#bad9e8;box-shadow:0 10px 32px rgba(13,70,103,.09)}
.game-hero .orbit-next-draw--hero .orbit-next-kicker{color:#1f8d7f}
.game-hero .orbit-next-draw--hero .orbit-next-time{font-size:clamp(20px,2.55vw,30px)}
.game-hero .orbit-next-draw--hero .orbit-next-detail{max-width:420px}
.game-hero .orbit-next-draw--hero .orbit-next-official{align-self:center}
html[data-theme=dark] .orbit-next-draw--hero{background:linear-gradient(115deg,rgba(23,42,56,.94),rgba(20,35,46,.92));border-color:#3c6477;box-shadow:none}
html[data-theme=dark] .game-hero .orbit-next-draw--hero .orbit-next-kicker{color:#7ce0c5}
@media(max-width:870px){.orbit-next-draw--hero{max-width:none}}
@media(max-width:760px){.orbit-next-draw--hero{margin-top:14px}}



/* 2026-10-19 — next draw countdown placed INSIDE flag hero as independent right column. */
html[data-theme] body[data-game] .game-hero{
 display:grid!important;
 grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)!important;
 align-items:center!important;
 column-gap:clamp(15px,2vw,30px)!important;
 min-height:260px!important;
}
html[data-theme] body[data-game] .game-hero > div:first-child{
 position:relative;z-index:2;min-width:0;
}
html[data-theme] body[data-game] .game-hero > div:first-child > h1{
 font-size:clamp(28px,3.02vw,44px)!important;
 line-height:1.10!important;
 max-width:100%;
}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero{
 grid-column:2;grid-row:1;
 width:100%;max-width:none;min-width:0;
 display:grid;grid-template-columns:42px minmax(0,1fr);
 gap:12px 14px;align-items:center;
 margin:0!important;padding:17px 19px!important;
 border:1px solid rgba(190,216,229,.95)!important;
 border-radius:17px!important;
 background:rgba(255,255,255,.94)!important;
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
 box-shadow:0 12px 30px rgba(10,51,75,.15)!important;
 position:relative;z-index:3;
}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-icon{
 width:42px;height:42px;flex-basis:auto;font-size:24px;
}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-content{gap:5px;min-width:0}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-kicker{font-size:9px;line-height:1.3;letter-spacing:.13em}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-time{
 display:block;font-size:clamp(18px,2vw,28px)!important;line-height:1.18!important;white-space:normal;
}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-detail{
 display:block;font-size:10px!important;line-height:1.5;overflow-wrap:anywhere;
}
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-official{
 grid-column:2;justify-self:start;white-space:normal;font-size:10px;line-height:1.3;margin-top:-4px;
}
html[data-theme="dark"] body[data-game] .game-hero > .orbit-next-draw--hero{
 background:rgba(23,42,56,.94)!important;border-color:#416171!important;box-shadow:0 14px 32px rgba(3,13,25,.3)!important;
}
@media(max-width:970px){
 html[data-theme] body[data-game] .game-hero{grid-template-columns:minmax(0,1fr)!important;row-gap:18px!important}
 html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero{grid-column:1;grid-row:auto;max-width:590px}
}
@media(max-width:600px){
 html[data-theme] body[data-game] .game-hero{padding:25px 18px!important;min-height:0!important}
 html[data-theme] body[data-game] .game-hero > div:first-child > h1{font-size:clamp(27px,8.5vw,36px)!important}
 html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero{padding:13px!important;gap:8px 10px}
 html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-icon{width:36px;height:36px;font-size:20px}
 html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero{grid-template-columns:36px minmax(0,1fr)}
}
/* Keep the official link on one readable line when the hero stacks on phones. */
html[data-theme] body[data-game] .game-hero > .orbit-next-draw--hero .orbit-next-official{
 max-width:none!important;text-align:left!important;
}


/* Lotto Orbit export preview + CSS repair refinements */
html{scroll-padding-top:110px}
html[data-theme] body[data-game] :is(.orbit-game-story,.stack,.details-block,#predictionWorkspace,#historyTools,#checkTools,.nav-under){scroll-margin-top:110px}
html[data-theme] body:not([data-game]) main.container > section.hero{
 min-height:auto!important;
 overflow:visible!important;
 align-items:start!important;
 padding-top:clamp(36px,4.2vw,62px)!important;
 padding-bottom:clamp(28px,3.6vw,46px)!important;
}
html[data-theme] body:not([data-game]) main.container > section.hero > div:first-child{padding-bottom:14px}
html[data-theme] body:not([data-game]) main.container > section.hero h1{
 margin:16px 0 20px!important;
 line-height:.99!important;
 overflow:visible!important;
}
html[data-theme="dark"] body:not([data-game]) main.container > section.hero h1{padding-bottom:10px}
html[data-theme] body:not([data-game]) main.container > section.hero .hero-art{align-self:stretch;min-height:370px!important}
html[data-theme] body[data-game] .atlas-ad-layout > main.container{padding-top:10px}
html[data-theme] body[data-game] .nav-under{position:relative;z-index:2}
html[data-theme] body[data-game] .orbit-game-story{position:relative;z-index:1}

.orbit-share-card-tool{align-items:flex-start}
.orbit-share-card-actions{gap:12px}
.orbit-share-preview-switch{display:flex;gap:8px;flex-wrap:wrap}
.orbit-share-preview-toggle{border:1px solid #b7d5e5;background:#f7fcff;color:#205e86;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}
.orbit-share-preview-toggle.is-active{background:#205e91;color:#fff;border-color:#205e91;box-shadow:0 8px 20px rgba(32,94,145,.14)}
.orbit-share-preview{display:grid;gap:8px;padding:14px;border:1px solid #c5dfeb;border-radius:16px;background:linear-gradient(180deg,#fdfefe,#edf8fb)}
.orbit-share-preview-status{font-size:11px;font-weight:700;color:#4e6c82}
.orbit-share-preview-image{display:block;width:100%;border-radius:14px;border:1px solid #bdd8e4;background:#dfeff5;box-shadow:0 10px 22px rgba(13,57,85,.08);aspect-ratio:1200/630;object-fit:cover}
.orbit-share-preview-caption{font-size:11px;line-height:1.55;color:#58758a}
html[data-theme=dark] .orbit-share-preview-toggle{background:#233c51;color:#e1f2fb;border-color:#3d6478}
html[data-theme=dark] .orbit-share-preview-toggle.is-active{background:#1a6f9b;border-color:#3386a9;color:#fff}
html[data-theme=dark] .orbit-share-preview{background:linear-gradient(180deg,#182f42,#16303a);border-color:#375d68}
html[data-theme=dark] .orbit-share-preview-status{color:#bfd6e2}
html[data-theme=dark] .orbit-share-preview-image{border-color:#456678;background:#163042;box-shadow:0 12px 26px rgba(0,0,0,.22)}
html[data-theme=dark] .orbit-share-preview-caption{color:#b9d1de}
@media(max-width:760px){
 .orbit-share-preview{padding:12px}
 .orbit-share-preview-toggle{flex:1 1 0;text-align:center}
}

/* Screenshot regression 2026-10-19: studio shortcuts must NEVER paint above sticky header. */
html[data-theme] body .header,
html[data-theme] body header.header {position:sticky!important;top:0!important;z-index:120!important;isolation:isolate;}
html[data-theme] body[data-game] .nav-under {position:relative!important;z-index:8!important;}
html[data-theme] body[data-game] .atlas-game-switch-list {z-index:10;}
html[data-theme] body[data-game] .orbit-game-story {position:relative;z-index:1;}
html[data-theme] body[data-game] .atlas-breadcrumbs {position:relative;z-index:1;}
html[data-theme] body[data-game] :is(#predictionWorkspace,#historyTools,#checkTools,.orbit-game-story){scroll-margin-top:110px!important;}

/* Homepage hero sizing: avoid a giant headline dipping below the opening desktop viewport. */
@media(min-width:1050px){
 html[data-theme] body:not([data-game]) main.container > section.hero{
  padding-top:clamp(22px,2.6vw,42px)!important;
  gap:clamp(24px,3vw,44px)!important;
 }
 html[data-theme] body:not([data-game]) main.container > section.hero h1{
  font-size:clamp(42px,4.55vw,67px)!important;
  line-height:1.055!important;
  margin:12px 0 16px!important;
  letter-spacing:-.045em!important;
 }
 html[data-theme] body:not([data-game]) main.container > section.hero .hero-art{min-height:330px!important;}
}
@media(max-width:600px){
 html[data-theme] body:not([data-game]) main.container > section.hero h1{
  font-size:clamp(34px,9.2vw,44px)!important;line-height:1.09!important;
 }
}

/* The blank preview must really be hidden, and tall all-lines previews must fit. */
.orbit-share-preview-image[hidden]{display:none!important;}
.orbit-share-preview-image{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;max-height:500px;width:100%;}
.orbit-share-preview{overflow:hidden;min-width:0;}
.orbit-share-card-tool .orbit-share-preview-switch button:focus-visible,
.orbit-share-card-tool .orbit-share-card-buttons button:focus-visible{outline:2px solid #2584ae;outline-offset:3px;}

/* 2026-10-19 · Home hero Light/Dark geometry parity.
   Scope intentionally restricted to homepage to preserve studio flags, layout and components. */
@media (min-width: 871px) {
 html[data-theme="light"] body:not([data-game]) main.container > section.hero,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero {
  margin:24px 0 30px!important;
  padding-inline:32px!important;
  column-gap:clamp(12px,2.1vw,28px)!important;
  align-items:start!important;
  box-sizing:border-box;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero > div:first-child,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero > div:first-child {
  padding-bottom:14px!important;
  min-width:0!important;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero h1,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero h1 {
  padding:0!important;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero p,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero p {
  font-size:13px!important;
  line-height:1.72!important;
  margin-bottom:13px!important;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero .hero-art,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero .hero-art {
  min-height:330px!important;
  align-self:stretch!important;
 }
}
@media(max-width:870px) {
 html[data-theme="light"] body:not([data-game]) main.container > section.hero,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero {
  margin:14px 0 24px!important;
  padding:23px 17px 24px!important;
  gap:14px!important;
  box-sizing:border-box;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero h1,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero h1 {
  padding:0!important;
 }
 html[data-theme="light"] body:not([data-game]) main.container > section.hero p,
 html[data-theme="dark"] body:not([data-game]) main.container > section.hero p {
  font-size:13px!important;
  line-height:1.72!important;
  margin-bottom:13px!important;
 }
}