/* LottoLuma prelaunch Screenshot Repairs #2: brand, game information, line controls, mobile, print.
   Applied last; no edits to the original theme or application behavior. */
:root{--ll-blue:#2674ae;--ll-royal:#1665aa;--ll-navy:#172b3a;--ll-line:#d7e5ef}
/* 1. Keep the About illustration true to the brand in both themes. */
html[data-theme] body.about-page .about-orbit-core strong{letter-spacing:-.035em!important;font-weight:850!important;line-height:1.1!important;color:#172b3a!important}
html[data-theme] body.about-page .about-orbit-core strong span{color:#2674ae!important}
html[data-theme=dark] body.about-page .about-orbit-core strong{color:#f3f8fd!important}
/* 2. Rules/schedule: readable two-card composition with predictable spacing. */
html[data-theme] body[data-game] .orbit-game-info-pair{align-items:stretch!important;gap:16px!important}
html[data-theme] body[data-game] .orbit-game-info-pair > :is(.orbit-rules-ledger,.atlas-draw-summary){
  box-sizing:border-box!important;min-width:0!important;height:auto!important;min-height:0!important;
  border-radius:18px!important;padding:20px 22px!important;box-shadow:0 9px 24px rgba(19,55,83,.055)!important;
  border:1px solid var(--lo-rule,#d7e5ef)!important;overflow:visible!important;align-content:start!important;
  background:var(--fix-card,#fff)!important;
}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-native-summary{
  display:flex!important;align-items:center!important;min-height:20px!important;
  font-weight:850!important;line-height:1.35!important;letter-spacing:.06em!important;
  margin:0 0 12px!important;padding:0 22px 0 0!important;
}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger-header{align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger-header h2{font-size:clamp(17px,1.5vw,20px)!important;line-height:1.3!important;margin:0!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-eyebrow,
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-overline{display:none!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-status{margin-left:auto!important;padding:5px 10px!important;font-size:10px!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-facts{margin:8px 0 2px!important;gap:8px!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-facts dd{line-height:1.45!important;overflow-wrap:anywhere}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger > p{margin:2px 0 9px!important;line-height:1.5!important}
html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-bottom{margin-top:auto!important;gap:5px!important;line-height:1.5!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-summary{display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-summary>div:first-of-type{min-width:0!important;width:100%!important;display:block!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-meta{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(115px,.65fr)!important;gap:15px!important;width:100%!important;margin:0 0 9px!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-meta>div{display:block!important;min-width:0!important;max-width:none!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-meta dt{margin:0 0 6px!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-meta dd{margin:0!important;line-height:1.4!important;overflow-wrap:anywhere}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-tz,
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-note{line-height:1.5!important;margin:4px 0!important}
html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-link{margin:5px 0 0!important;align-self:flex-start!important;min-height:40px!important;display:inline-flex!important;align-items:center!important}
/* 2 + 3. Keep the label, action buttons and balls out of one another's space. */
html[data-theme] body[data-game] #lines .line-card{min-width:0!important;overflow:hidden!important;padding:17px!important}
html[data-theme] body[data-game] #lines .line-card .line-top{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  width:100%!important;min-width:0!important;align-items:start!important;
}
html[data-theme] body[data-game] #lines .line-card .line-top>div:first-child{min-width:0!important;padding:0!important}
html[data-theme] body[data-game] #lines .line-card .line-sub{font-size:11px!important;line-height:1.5!important;max-width:100%!important;overflow-wrap:anywhere!important}
html[data-theme] body[data-game] #lines .line-card .line-actions{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;max-width:100%!important;width:100%!important;
  justify-content:stretch!important;align-items:stretch!important;min-width:0!important;
}
html[data-theme] body[data-game] #lines .line-card .line-actions .line-action-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;min-width:0!important;max-width:100%!important;
  width:100%!important;height:auto!important;min-height:38px!important;
  padding:8px 5px!important;box-sizing:border-box!important;
  white-space:normal!important;overflow-wrap:normal!important;
  border-radius:9px!important;font-size:10.5px!important;line-height:1.2!important;
}
html[data-theme] body[data-game] #lines .line-card .balls{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:clamp(5px,.8vw,9px)!important;max-width:100%!important;min-width:0!important;
}
html[data-theme] body[data-game] #lines .line-card .number-ball{flex:0 0 auto!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;text-align:center!important}
/* 4. Premium preview shell in the main browser. */
html[data-theme] body[data-game] .orbit-a4-dialog{width:min(1000px,calc(100vw - 32px))!important;max-width:100%!important;border-radius:22px!important}
html[data-theme] body[data-game] .orbit-a4-modal-head{padding:17px 23px!important}
html[data-theme] body[data-game] .orbit-a4-modal-actions{padding:13px 22px!important}
html[data-theme] body[data-game] .orbit-a4-dialog iframe{height:min(72vh,880px)!important;background:#e5edf4!important}
@media(max-width:850px){
 html[data-theme] body[data-game] .orbit-game-info-pair .atlas-draw-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 html[data-theme] body[data-game] .orbit-game-info-pair > :is(.orbit-rules-ledger,.atlas-draw-summary){padding:17px 15px!important}
 html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-status{margin-left:0!important}
 html[data-theme] body[data-game] #lines .line-card{padding:15px 13px!important}
 html[data-theme] body[data-game] #lines .line-card .line-top{gap:10px!important}
 html[data-theme] body[data-game] #lines .line-card .line-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html[data-theme] body[data-game] #lines .line-card .line-actions .line-action-button{min-height:41px!important;font-size:12px!important;padding:9px 6px!important}
 html[data-theme] body[data-game] #lines .line-card .balls{gap:7px!important}
 html[data-theme] body[data-game] #lines .line-card .number-ball{width:clamp(34px,10vw,43px)!important;height:clamp(34px,10vw,43px)!important;line-height:1!important;font-size:clamp(13px,4vw,16px)!important}
 html[data-theme] body[data-game] #lines .line-card .extra-row{margin-top:11px!important;gap:9px!important;flex-wrap:wrap!important}
 html[data-theme] body[data-game] .orbit-a4-dialog{width:calc(100vw - 16px)!important;border-radius:15px!important}
 html[data-theme] body[data-game] .orbit-a4-dialog iframe{height:66dvh!important}
 /* Header controls must contribute to header height and not float over content. */
 html[data-theme] body .header,html[data-theme] body #siteHeader{height:auto!important;min-height:0!important}
 html[data-theme] body #siteHeader .container.nav{height:auto!important;align-items:center!important}
}
@media(max-width:360px){html[data-theme] body[data-game] #lines .line-card .number-ball{width:34px!important;height:34px!important}}
/* Mobile: keep the scroll-to-lines shortcut for distant sections, but do not float it over numbers. */
body[data-game].ll-lines-in-view .ou-mobile-jump{display:none!important}
@media(max-width:600px){
 html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger-header,
 html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger-header>div:first-child{
  justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;width:100%!important;
 }
 html[data-theme] body[data-game] .orbit-game-info-pair .orbit-rules-ledger-header h2{text-align:left!important}
}


/* 22 Oct 2026: small-screen studio hero readability refinement.
   Preserve the country flag while fading it to the trailing edge of the card. */
@media (max-width: 600px) {
  html[data-theme] body[data-game] .game-hero::after {
    position: absolute !important;
    display: block !important;
    inset: 0 0 0 auto !important;
    width: 48% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    opacity: .13 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 45%) !important;
    mask-image: linear-gradient(to right, transparent, #000 45%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
  html[data-theme] body[data-game] .game-hero > div:first-child {
    position: relative !important;
    z-index: 1 !important;
  }
  html[data-theme="dark"] body[data-game] .game-hero::after {
    opacity: .19 !important;
  }
}