/* Lotto Orbit | Visual Perfection full-site rollout | approved homepage remains unchanged.
   Scoped to studio and informational pages. No generator or number-card changes. */
body.vp-site-studio,body.vp-site-info{
 --vp-line:#d8e6ec;--vp-shade:0 12px 36px rgba(18,55,78,.075),0 2px 8px rgba(18,55,78,.032);
 --vp-shade-lift:0 18px 38px rgba(18,55,78,.11);--vp-radius:22px;
}
html[data-theme="dark"] body.vp-site-studio,html[data-theme="dark"] body.vp-site-info{
 --vp-line:rgba(144,192,206,.19);--vp-shade:0 12px 34px rgba(0,0,0,.21),0 2px 8px rgba(0,0,0,.10);
 --vp-shade-lift:0 19px 39px rgba(0,0,0,.28);
}
body.vp-site-studio main.container,body.vp-site-info main.container{position:relative}
body.vp-site-studio main.container::before,body.vp-site-info main.container::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;left:0;right:0;top:0;height:420px;
 background:radial-gradient(ellipse at 12% 2%,rgba(58,203,190,.11),transparent 35%),radial-gradient(ellipse at 91% 3%,rgba(236,177,89,.08),transparent 34%);
}
/* Studio hero: retain original branded country flag and original light/dark backgrounds. */
body.vp-site-studio .game-hero{
 border-radius:26px;margin-top:15px;margin-bottom:16px;padding:clamp(23px,2.9vw,35px)!important;
 border:1px solid var(--vp-line);box-shadow:var(--vp-shade);min-height:0;
}
body.vp-site-studio .game-hero h1{
 font-size:clamp(34px,3.45vw,49px)!important;line-height:1.08!important;
 letter-spacing:-.044em!important;margin:0 0 13px!important;max-width:20ch;
}
body.vp-site-studio .game-hero p{font-size:clamp(12px,.97vw,14px)!important;line-height:1.65!important;max-width:65ch}
body.vp-site-studio .game-hero .orbit-quick-actions{margin-top:18px}
body.vp-site-studio .game-hero .orbit-quick-button{
 border-radius:12px;min-height:41px;font-weight:800;box-shadow:0 9px 19px rgba(9,40,54,.12);
 transition:transform .2s ease,filter .2s ease;
}
body.vp-site-studio .game-hero .orbit-quick-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
body.vp-site-studio .ultra-draw-facts{border-radius:13px}
/* Reduce chrome and unify spacing of the existing navigation and factual cards. */
body.vp-site-studio .nav-under{gap:8px;margin:0 0 15px!important;padding:5px 0 6px!important;border:0!important;box-shadow:none!important;overflow:visible!important;background:transparent!important}
body.vp-site-studio .nav-under .button,body.vp-site-studio .atlas-game-switch-details>summary{
 border-radius:10px;min-height:37px;letter-spacing:.025em;
}
body.vp-site-studio .orbit-game-story,
body.vp-site-studio .orbit-rules-ledger,
body.vp-site-studio .atlas-draw-summary,
body.vp-site-studio #historyTools,
body.vp-site-studio #checkTools,
body.vp-site-studio .atlas-editorial{
 border-radius:var(--vp-radius)!important;
 border:1px solid var(--vp-line)!important;
 box-shadow:var(--vp-shade)!important;
 overflow:visible;
}
body.vp-site-studio .orbit-game-story{margin:14px 0 16px!important}
body.vp-site-studio .orbit-game-info-pair{margin:12px 0 18px!important;gap:14px!important}
body.vp-site-studio .orbit-game-info-pair>.orbit-rules-ledger,
body.vp-site-studio .orbit-game-info-pair>.atlas-draw-summary{
 padding:18px 20px!important;margin:0!important;
 background-clip:padding-box;
}
body.vp-site-studio .orbit-game-info-pair .orbit-rules-bottom{padding-top:10px!important}
body.vp-site-studio .orbit-game-info-pair h2{font-size:clamp(16px,1.25vw,19px);letter-spacing:-.035em;line-height:1.25}
body.vp-site-studio .atlas-draw-meta{gap:14px}
body.vp-site-studio .atlas-draw-link{border-radius:11px}
/* Main studio: make the number controls distinctly subordinate to the generated lines. */
body.vp-site-studio #numberStudio{gap:15px;align-items:start}
body.vp-site-studio #numberStudio .panel,
body.vp-site-studio #predictionWorkspace,
body.vp-site-studio .line-card,
body.vp-site-studio .orbit-share-card-tool,
body.vp-site-studio .orbit-analysis-panel{
 border-radius:18px!important;
}
body.vp-site-studio #numberStudio .panel{box-shadow:var(--vp-shade)}
body.vp-site-studio #numberStudio button,
body.vp-site-studio #numberStudio select{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
body.vp-site-studio .panel-header{border-radius:14px}
body.vp-site-studio .analysis-metrics>*,body.vp-site-studio .atlas-insights-grid>*{border-radius:16px}
body.vp-site-studio .format-ball,body.vp-site-studio .number-ball:not(.ball-placeholder){
 box-shadow:inset 0 5px 10px rgba(255,255,255,.16),inset 0 -6px 10px rgba(0,0,0,.08),0 5px 11px rgba(16,67,84,.11);
}
body.vp-site-studio .line-card .number-ball:not(.ball-placeholder){animation:vp-ball-enter .43s cubic-bezier(.17,.8,.25,1.15) both}
body.vp-site-studio .line-card .number-ball:nth-child(2){animation-delay:45ms}
body.vp-site-studio .line-card .number-ball:nth-child(3){animation-delay:85ms}
body.vp-site-studio .line-card .number-ball:nth-child(4){animation-delay:125ms}
body.vp-site-studio .line-card .number-ball:nth-child(5){animation-delay:165ms}
body.vp-site-studio .line-card .number-ball:nth-child(n+6){animation-delay:195ms}
@keyframes vp-ball-enter{from{opacity:.45;transform:translateY(7px) scale(.94)}to{opacity:1;transform:none}}
@media(min-width:1150px){body.vp-site-studio #numberStudio{grid-template-columns:minmax(250px,305px) minmax(0,1fr)}}
/* Supporting content pages: same restrained visual rhythm, no new nested card treatment. */
body.vp-site-info main>section,body.vp-site-info main>.container,
body.vp-site-info main .about-hero,body.vp-site-info main .faq-hero,
body.vp-site-info main .contact-hero,body.vp-site-info main .atlas-info-hero,
body.vp-site-info main .orbit-rp-page-heading,body.vp-site-info main .orbit-rp-help{
 scroll-margin-top:95px;
}
body.vp-site-info .about-hero,
body.vp-site-info .faq-hero,
body.vp-site-info .contact-hero,
body.vp-site-info .atlas-info-hero,
body.vp-site-info .orbit-rp-page-heading{
 border-radius:26px!important;
 border:1px solid var(--vp-line)!important;
 box-shadow:var(--vp-shade)!important;
 padding:clamp(23px,3vw,40px)!important;
}
body.vp-site-info .about-hero h1,
body.vp-site-info .faq-hero h1,
body.vp-site-info .contact-hero h1,
body.vp-site-info .atlas-info-hero h1,
body.vp-site-info .orbit-rp-page-heading h1,
body.vp-site-info main.container>h1{
 font-size:clamp(34px,3.5vw,50px)!important;
 line-height:1.1!important;letter-spacing:-.05em!important;
}
body.vp-site-info .about-section,
body.vp-site-info .about-split,
body.vp-site-info .faq-browser,
body.vp-site-info .faq-formats,
body.vp-site-info .atlas-section,
body.vp-site-info .atlas-feature-pair,
body.vp-site-info .atlas-contact-grid,
body.vp-site-info .atlas-info-cta,
body.vp-site-info .orbit-rp-content-grid,
body.vp-site-info .orbit-rp-help,
body.vp-site-info .about-cta,
body.vp-site-info main.container>.panel,
body.vp-site-info .atlas-legal-expansion,
body.vp-site-info .faq-metrics,
body.vp-site-info .atlas-info-metrics{
 border-radius:22px;box-shadow:var(--vp-shade);border-color:var(--vp-line);
}
body.vp-site-info .about-stat-band,body.vp-site-info .about-section,
body.vp-site-info .faq-metrics,body.vp-site-info .faq-browser,
body.vp-site-info .faq-formats,body.vp-site-info .atlas-info-metrics,
body.vp-site-info .atlas-section{margin-block:22px}
body.vp-site-info a.button,body.vp-site-info button{
 transition:transform .19s ease,box-shadow .19s ease;
}
body.vp-site-info a.button:hover,body.vp-site-info button:hover:not(:disabled){transform:translateY(-2px)}
/* Never interfere with print sheets or the number-card canvas. */
@media print{body.vp-site-studio .game-hero,body.vp-site-studio .panel,body.vp-site-info .about-hero{box-shadow:none!important;animation:none!important}}
@media(max-width:870px){body.vp-site-studio #numberStudio{grid-template-columns:minmax(0,1fr)}body.vp-site-studio .game-hero h1{font-size:clamp(32px,5.3vw,42px)!important}}
@media(max-width:650px){
 body.vp-site-studio .game-hero{padding:21px 19px!important;border-radius:20px!important}
 body.vp-site-studio .orbit-game-info-pair{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.vp-site-studio .orbit-game-info-pair>.orbit-rules-ledger,body.vp-site-studio .orbit-game-info-pair>.atlas-draw-summary{padding:16px!important}
 body.vp-site-studio .nav-under{gap:7px}
 body.vp-site-info .about-hero,body.vp-site-info .faq-hero,body.vp-site-info .contact-hero,body.vp-site-info .atlas-info-hero,body.vp-site-info .orbit-rp-page-heading{padding:22px 18px!important;border-radius:19px!important}
 body.vp-site-info .about-section,body.vp-site-info .faq-browser,body.vp-site-info .atlas-section{margin-block:15px}
}
@media(prefers-reduced-motion:reduce){body.vp-site-studio *,body.vp-site-info *{scroll-behavior:auto!important}body.vp-site-studio .line-card .number-ball:not(.ball-placeholder){animation:none!important}body.vp-site-studio button,body.vp-site-info button,body.vp-site-info a.button{transition:none!important}}
/* Mobile flag legibility: retain the flag artwork, soften it beneath headings. */
@media(max-width:650px){
  html:not([data-theme="dark"]) body.vp-site-studio .game-hero::before{
    content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;
    background:linear-gradient(100deg,rgba(246,251,255,.88) 0%,rgba(246,251,255,.77) 54%,rgba(246,251,255,.34) 100%);
    opacity:1;pointer-events:none;
  }
  html[data-theme="dark"] body.vp-site-studio .game-hero::before{
    content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;
    background:linear-gradient(100deg,rgba(8,20,35,.78) 0%,rgba(8,20,35,.68) 54%,rgba(8,20,35,.29) 100%);
    opacity:1;pointer-events:none;
  }
  body.vp-site-studio .game-hero>div{position:relative;z-index:1}
}