/* LottoLuma — SIGNATURE CREATIVE DIRECTION / 20 OCT 2026
   Progressive, page-wide art direction. Applied last to all 35 documents.
   Purely presentational: no rules, generated lines, SEO, ads or event handlers altered.
   Guiding principles: quiet confidence; clean component hierarchy; accurate national colours;
   responsive editorial composition; strong focus affordances; no distracting card wallpapers.
*/
:root {
  --lo-space-1:6px; --lo-space-2:10px; --lo-space-3:16px; --lo-space-4:24px;
  --lo-space-5:32px; --lo-space-6:48px;
  --lo-radius-sm:11px; --lo-radius-md:16px; --lo-radius-lg:22px; --lo-radius-xl:28px;
  --lo-navy:#102e44; --lo-azure:#226fa5; --lo-sea:#1b9b91;
  --lo-canvas:#f4f8fa; --lo-surface:#ffffff; --lo-quiet:#f0f6f8;
  --lo-ink:#163448; --lo-subtext:#526d7c; --lo-rule:#d7e5e9;
  --lo-focus:#1689b7; --lo-elevation:0 12px 32px rgba(15,55,80,.067), 0 2px 8px rgba(15,55,80,.036);
  --lo-raised:0 19px 45px rgba(15,55,80,.11),0 5px 14px rgba(15,55,80,.05);
}
html[data-theme="dark"] {
  --lo-navy:#e5f5fc; --lo-azure:#83bfff; --lo-sea:#70dac5;
  --lo-canvas:#0c1721; --lo-surface:#142331; --lo-quiet:#1b303e;
  --lo-ink:#eaf5fa; --lo-subtext:#a9c1ce; --lo-rule:#35505d;
  --lo-focus:#79c8f5; --lo-elevation:0 15px 40px rgba(0,0,0,.16);
  --lo-raised:0 19px 45px rgba(0,0,0,.27);
}
html { scroll-padding-top:100px; }
html,body { font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif; }
body { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body #mainContent { isolation:isolate; }
body #mainContent :is(h1,h2,h3) { text-wrap:balance; }
body #mainContent :is(p,li) { overflow-wrap:break-word; }
body #mainContent h1 { letter-spacing:-.052em; }
body #mainContent h2 { letter-spacing:-.038em; }
body #mainContent h3 { letter-spacing:-.025em; }
body #mainContent :is(section,article,aside,div)[id] { scroll-margin-top:110px; }
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
 outline:3px solid var(--lo-focus)!important; outline-offset:3px!important;
}
body :is(button,.button,summary,a) { -webkit-tap-highlight-color:transparent; }
body :is(button,.button) { font-family:inherit; }
body :is(input,select,textarea) { max-width:100%; }
body :is(.atlas-ad-placement,.atlas-ad-rail) { isolation:isolate; }
/* Header stays readable, compact and consistent on all documents */
body #siteHeader { box-shadow:0 1px 0 var(--lo-rule),0 9px 28px rgba(14,52,73,.04); }
body #siteHeader .nav { gap:clamp(10px,1.8vw,26px); }
body #siteHeader .brand { flex-shrink:0; }
body #siteHeader .nav-links a { transition:color .18s ease,background-color .18s ease; }
body #siteHeader .nav-links a:hover { color:var(--lo-azure); }
/* Subtle, editorial page backdrop, never a decorative wallpaper inside cards. */
body.visual-perfection-home #mainContent,
body.vp-site-studio #mainContent,
body.vp-site-info #mainContent { position:relative; }
body.visual-perfection-home #mainContent::after,
body.vp-site-studio #mainContent::after,
body.vp-site-info #mainContent::after {
 content:"";position:absolute;z-index:-1;pointer-events:none;top:0;left:0;right:0;height:390px;
 background:radial-gradient(ellipse 43% 62% at 7% 0%,rgba(31,162,177,.105),transparent 90%),
 radial-gradient(ellipse 38% 65% at 94% 8%,rgba(34,111,165,.07),transparent 90%);
}
/* LANDING — editorial hero, grounded graphic, deliberate breathing room */
body.visual-perfection-home .hero {
 border:1px solid var(--lo-rule)!important;
 border-radius:30px!important;
 box-shadow:var(--lo-elevation)!important;
 overflow:hidden;
 gap:0!important;
}
body.visual-perfection-home .hero > div:first-child {
 position:relative; padding:clamp(30px,4.4vw,76px)!important;
 background-image:radial-gradient(circle at 4% 9%,rgba(44,169,164,.105),transparent 39%)!important;
}
body.visual-perfection-home .hero > div:first-child::after {
 content:"";position:absolute;left:clamp(30px,4.4vw,76px);top:clamp(18px,2.4vw,34px);
 width:51px;height:3px;background:linear-gradient(90deg,var(--lo-sea),var(--lo-azure));
 border-radius:999px;opacity:.88;pointer-events:none;
}
body.visual-perfection-home .hero h1 {
 font-size:clamp(38px,4.2vw,68px)!important;line-height:1.075!important;
 letter-spacing:-.061em!important;margin-bottom:clamp(18px,2.3vw,30px)!important;
 max-width:15.5ch;
}
body.visual-perfection-home .hero p {
 max-width:56ch;line-height:1.83!important;font-size:clamp(13px,1.1vw,16px)!important;
}
body.visual-perfection-home .hero .hero-buttons { gap:11px; margin-top:clamp(22px,2vw,30px); }
body.visual-perfection-home .hero .hero-buttons .button { min-height:48px;display:inline-flex;align-items:center;justify-content:center; }
body.visual-perfection-home .hero-art { isolation:isolate; }
body.visual-perfection-home .hero-art::after {
 content:"";z-index:-1;position:absolute;inset:4% 2%;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,rgba(27,156,156,.075),transparent 67%);
}
body.visual-perfection-home .mini-stats { gap:10px!important; }
body.visual-perfection-home .mini-stats > * {
 min-width:0; border:1px solid var(--lo-rule)!important;border-radius:13px!important;
 box-shadow:none!important;transition:border-color .16s ease;
}
body.visual-perfection-home .mini-stats > *:hover { border-color:var(--lo-sea)!important; }
body.visual-perfection-home .orbit-social-spotlight { border-radius:20px!important;box-shadow:var(--lo-elevation); }
/* Homepage content: preserve solid card surfaces and non-intrusive ad placements. */
body.visual-perfection-home #games,
body.visual-perfection-home #how-it-works { margin-block:clamp(32px,4vw,60px)!important; }
body.visual-perfection-home #games .section-top,
body.visual-perfection-home #how-it-works .section-top { margin-bottom:clamp(17px,2.3vw,31px)!important; }
body.visual-perfection-home #games .section-top h2,
body.visual-perfection-home #how-it-works h2,
body.visual-perfection-home .orbit-intel-head h2 {
 font-size:clamp(25px,2.7vw,39px)!important;letter-spacing:-.047em!important;
}
body.visual-perfection-home #gameCatalog { gap:clamp(12px,1.3vw,19px)!important;align-items:stretch; }
body.visual-perfection-home #gameCatalog .country-tile {
 position:relative;isolation:isolate;min-width:0;
 border-radius:20px!important;
 border:1px solid var(--lo-rule)!important;
 background:var(--lo-surface)!important;
 background-image:none!important;
 box-shadow:var(--lo-elevation)!important;
 padding:clamp(17px,1.55vw,23px)!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.visual-perfection-home #gameCatalog .country-tile::before {
 content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:20px 0 0 20px;
 background:linear-gradient(180deg,var(--lo-sea),var(--lo-azure));opacity:.7;
 pointer-events:none;
}
body.visual-perfection-home #gameCatalog .country-tile::after { display:none!important; }
body.visual-perfection-home #gameCatalog .country-tile:hover {
 transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--lo-sea) 37%,var(--lo-rule))!important;
 box-shadow:var(--lo-raised)!important;
}
body.visual-perfection-home .country-tile-title { font-weight:850!important;letter-spacing:-.04em!important; }
body.visual-perfection-home #gameCatalog .atlas-country-flag {
 overflow:hidden;flex-shrink:0;box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
}
body.visual-perfection-home #gameCatalog .country-lottery-links { gap:7px!important; }
body.visual-perfection-home #gameCatalog .country-lottery-link {
 min-height:38px;border-radius:10px!important;background:var(--lo-quiet)!important;
 border:1px solid transparent!important;transition:border-color .18s ease,background-color .18s ease;
}
body.visual-perfection-home #gameCatalog .country-lottery-link:hover {
 border-color:var(--lo-rule)!important;background:var(--lo-surface)!important;
}
body.visual-perfection-home :is(#orbitDrawCalendar,#orbitCompare) {
 border:1px solid var(--lo-rule)!important;
 border-radius:26px!important;
 box-shadow:var(--lo-elevation)!important;
}
body.visual-perfection-home .atlas-step-card {
 border:1px solid var(--lo-rule)!important;border-radius:21px!important;
 box-shadow:var(--lo-elevation)!important;
 transition:transform .2s ease,box-shadow .2s ease;
}
body.visual-perfection-home .atlas-step-card:hover { transform:translateY(-2px);box-shadow:var(--lo-raised)!important; }
/* STUDIOS — make controls supporting and generated results the natural focus. */
body.vp-site-studio .game-hero {
 border-radius:27px!important;
 border:1px solid var(--lo-rule)!important;
 box-shadow:var(--lo-elevation)!important;
}
body.vp-site-studio .game-hero h1 {
 font-size:clamp(35px,3.7vw,55px)!important;line-height:1.1!important;
 letter-spacing:-.055em!important;max-width:19ch!important;
}
body.vp-site-studio .game-hero p { max-width:62ch;line-height:1.78!important; }
body.vp-site-studio .game-hero .orbit-quick-button { min-height:46px;border-radius:12px!important;box-shadow:0 8px 19px rgba(23,93,117,.16); }
body.vp-site-studio .atlas-breadcrumbs { margin-block:7px 12px!important; }
body.vp-site-studio .nav-under { margin-block:13px 19px!important;gap:8px!important; }
body.vp-site-studio .nav-under .button,
body.vp-site-studio .atlas-game-switch-details>summary {
 background:var(--lo-surface)!important;border:1px solid var(--lo-rule)!important;
 box-shadow:none!important;min-height:42px;border-radius:12px!important;
}
body.vp-site-studio .nav-under :is(a,summary):hover { border-color:var(--lo-sea)!important; }
body.vp-site-studio :is(.orbit-game-story,.orbit-rules-ledger,.atlas-draw-summary) {
 border:1px solid var(--lo-rule)!important;border-radius:20px!important;
 box-shadow:var(--lo-elevation)!important;
 background-image:none!important;
}
body.vp-site-studio .orbit-game-info-pair { gap:16px!important;margin-block:16px 25px!important; }
body.vp-site-studio .orbit-game-info-pair>.orbit-rules-ledger,
body.vp-site-studio .orbit-game-info-pair>.atlas-draw-summary { padding:clamp(18px,1.8vw,26px)!important; }
body.vp-site-studio .orbit-game-story { padding:clamp(18px,1.7vw,25px)!important; }
body.vp-site-studio #numberStudio { gap:18px!important;align-items:start!important; }
body.vp-site-studio #numberStudio .left-sidebar { gap:16px!important; }
body.vp-site-studio #numberStudio .left-sidebar>.panel {
 border-radius:20px!important;border:1px solid var(--lo-rule)!important;
 background:var(--lo-surface)!important;box-shadow:var(--lo-elevation)!important;
}
body.vp-site-studio #numberStudio .panel-header {
 border-radius:15px!important;border-bottom:1px solid var(--lo-rule)!important;
}
body.vp-site-studio #numberStudio .panel-inner { min-width:0; }
body.vp-site-studio #numberStudio .control-label { font-weight:800!important; }
body.vp-site-studio #numberStudio :is(input,select,textarea) {
 border-radius:11px!important;min-height:42px;
}
body.vp-site-studio #generate { min-height:49px!important;border-radius:12px!important;letter-spacing:.018em; }
body.vp-site-studio #predictionWorkspace { min-width:0; }
body.vp-site-studio #predictionWorkspace .summary { gap:9px!important; }
body.vp-site-studio #predictionWorkspace .summary-item {
 border-radius:14px!important;box-shadow:none!important;border:1px solid var(--lo-rule)!important;
}
body.vp-site-studio #predictionWorkspace .workspace-head {
 gap:16px;padding-block:9px 12px;margin-bottom:10px!important;
 border-bottom:1px solid var(--lo-rule);
}
body.vp-site-studio #predictionWorkspace .workspace-head h2 {font-size:clamp(22px,2.15vw,30px)!important;}
body.vp-site-studio #predictionWorkspace .line-card {
 border:1px solid var(--lo-rule)!important;border-radius:19px!important;
 box-shadow:var(--lo-elevation)!important;
 overflow:hidden;
}
body.vp-site-studio #predictionWorkspace .line-card:hover {box-shadow:var(--lo-raised)!important;}
body.vp-site-studio #predictionWorkspace .number-ball:not(.ball-placeholder) {
 font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:900!important;
 text-shadow:0 1px 1px rgba(0,0,0,.06);
}
body.vp-site-studio :is(#historyTools,#checkTools,.atlas-editorial,.orbit-seo-guide) {
 border-radius:22px!important;border-color:var(--lo-rule)!important;
}
body.vp-site-studio .orbit-game-story h2,
body.vp-site-studio .atlas-editorial h2 { letter-spacing:-.045em; }
/* INFORMATION — uniform reading widths, polished editorial cards */
body.vp-site-info :is(.about-hero,.faq-hero,.contact-hero,.atlas-info-hero,.orbit-rp-page-heading) {
 border-radius:27px!important;box-shadow:var(--lo-elevation)!important;
 border:1px solid var(--lo-rule)!important;
 overflow:hidden;
}
body.vp-site-info :is(.about-hero,.faq-hero,.contact-hero,.atlas-info-hero,.orbit-rp-page-heading) h1 {
 font-size:clamp(37px,3.7vw,58px)!important;line-height:1.11!important;
 letter-spacing:-.057em!important;
}
body.vp-site-info :is(.about-section,.about-split,.faq-browser,.faq-formats,.atlas-section,
  .atlas-contact-grid,.atlas-info-cta,.orbit-rp-help,.atlas-legal-expansion,.about-cta) {
 border-radius:22px!important;border-color:var(--lo-rule)!important;
}
body.vp-site-info :is(.about-section,.faq-browser,.faq-formats,.atlas-section,.atlas-legal-expansion) {
 margin-block:clamp(22px,2.8vw,38px)!important;
}
body.vp-site-info :is(.about-card,.faq-topic,.faq-question,.atlas-feature-card,.about-stat-band>*),
body.vp-site-info .faq-format-panel {
 border-radius:16px!important;
}
body.vp-site-info :is(.faq-hero,.about-hero) .hero-buttons .button,
body.vp-site-info .faq-hero-actions .button { min-height:44px; }
body.vp-site-info :is(.faq-section,.faq-format-panel) { scroll-margin-top:115px; }
body.vp-site-info .faq-section :is(summary,button) { min-height:42px; }
/* Footer — shared institutional brand treatment, preserve responsible-play notice */
body .footer.orbit-footer-v3 .orbit-foot-body { padding-block:clamp(30px,3.6vw,54px)!important; }
body .footer.orbit-footer-v3 .orbit-foot-col a { transition:color .18s ease,transform .18s ease; }
body .footer.orbit-footer-v3 .orbit-foot-col a:hover { color:var(--lo-azure)!important; }
body .footer.orbit-footer-v3 .orbit-foot-bottom { border-top-color:var(--lo-rule)!important; }
/* Accessibility and viewport discipline. */
@media(min-width:1100px) {
 body.visual-perfection-home .hero { grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important; }
 body.vp-site-studio #numberStudio { grid-template-columns:minmax(275px,316px) minmax(0,1fr)!important; }
}
@media(max-width:1099px) {
 body.visual-perfection-home .hero h1 { font-size:clamp(36px,5.4vw,52px)!important; }
}
@media(max-width:780px) {
 body.visual-perfection-home .hero { grid-template-columns:minmax(0,1fr)!important; }
 body.visual-perfection-home .hero > div:first-child { padding:30px 25px!important; }
 body.visual-perfection-home .hero > div:first-child::after { left:25px;top:14px; }
 body.visual-perfection-home .hero h1 {font-size:clamp(35px,6.8vw,49px)!important;max-width:19ch;}
 body.vp-site-studio #numberStudio {grid-template-columns:minmax(0,1fr)!important;}
 body.vp-site-studio .orbit-game-info-pair {grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:600px) {
 html {scroll-padding-top:74px;}
 body #mainContent :is(section,article,aside,div)[id] {scroll-margin-top:80px;}
 body.visual-perfection-home .hero { border-radius:20px!important; }
 body.visual-perfection-home .hero > div:first-child {padding:29px 19px 23px!important;}
 body.visual-perfection-home .hero > div:first-child::after {left:19px;top:13px;}
 body.visual-perfection-home .hero h1 {font-size:clamp(33px,8.6vw,43px)!important;line-height:1.11!important;}
 body.visual-perfection-home .hero p {font-size:13px!important;line-height:1.7!important;}
 body.visual-perfection-home .hero .hero-buttons>.button {width:100%;min-height:47px;}
 body.visual-perfection-home #gameCatalog {gap:12px!important;}
 body.visual-perfection-home #gameCatalog .country-tile {border-radius:16px!important;padding:16px!important;}
 body.visual-perfection-home #gameCatalog .country-tile::before {border-radius:16px 0 0 16px;}
 body.visual-perfection-home :is(#orbitDrawCalendar,#orbitCompare){border-radius:18px!important;}
 body.vp-site-studio .game-hero {border-radius:20px!important;padding:22px 18px!important;}
 body.vp-site-studio .game-hero h1 {font-size:clamp(31px,7.5vw,39px)!important;}
 body.vp-site-studio .nav-under {gap:7px!important;}
 body.vp-site-studio .nav-under .button {white-space:normal;min-width:0;}
 body.vp-site-studio #predictionWorkspace .summary {gap:6px!important;}
 body.vp-site-studio #predictionWorkspace .summary-item {padding:11px 7px!important;}
 body.vp-site-studio #predictionWorkspace .workspace-head {align-items:start;flex-wrap:wrap;}
 body.vp-site-info :is(.about-hero,.faq-hero,.contact-hero,.atlas-info-hero,.orbit-rp-page-heading){border-radius:19px!important;}
 body.vp-site-info :is(.about-hero,.faq-hero,.contact-hero,.atlas-info-hero,.orbit-rp-page-heading) h1 {font-size:clamp(31px,8vw,41px)!important;}
 body.vp-site-info :is(.about-section,.faq-browser,.faq-formats,.atlas-section,.atlas-legal-expansion){margin-block:18px!important;}
}
@media(prefers-reduced-motion:reduce) {
 body.visual-perfection-home .country-tile,body.visual-perfection-home .atlas-step-card,
 body.vp-site-studio .line-card,body :is(.button,button) { transition:none!important;animation:none!important; }
}
@media print {
 body.visual-perfection-home .country-tile,body.vp-site-studio .panel,
 body.vp-site-studio .game-hero {box-shadow:none!important;}
}