/* LottoLuma V5: new URL, not the old cached V3 stylesheet. Scope to game pages only. */
body[data-game] #predictionWorkspace {container-type:inline-size;}
html body[data-game] #predictionWorkspace .workspace-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;
  column-gap:20px!important;
  row-gap:14px!important;
  align-items:center!important;
  min-width:0!important;
}
html body[data-game] #predictionWorkspace .workspace-head > :first-child {min-width:0!important;}
html body[data-game] #predictionWorkspace .workspace-head .workspace-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
  max-width:100%!important;
}
html body[data-game] #predictionWorkspace .workspace-actions > button.button {
  box-sizing:border-box!important;
  margin:0!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:43px!important;
  max-width:100%!important;
  padding:10px 13px!important;
  border-radius:11px!important;
  line-height:1.3!important;
  font-size:11px!important;
  font-weight:750!important;
  white-space:normal!important;
  text-align:center!important;
}
html body[data-game] #predictionWorkspace .workspace-actions > button.ll-v5-preview,
html body[data-game] #predictionWorkspace .workspace-actions > #ouTicketJump,
html body[data-game] #predictionWorkspace .workspace-actions > #ir21PreviewNumberCard {
  background:#e5f8f6!important;
  border:1px solid #98d8d3!important;
  color:#087080!important;
  font-weight:850!important;
}
html[data-theme="dark"] body[data-game] #predictionWorkspace .workspace-actions > button.ll-v5-preview,
html[data-theme="dark"] body[data-game] #predictionWorkspace .workspace-actions > #ouTicketJump,
html[data-theme="dark"] body[data-game] #predictionWorkspace .workspace-actions > #ir21PreviewNumberCard {
  background:#135452!important;
  border-color:#408d82!important;
  color:#c1fff3!important;
}
body[data-game] .orbit-share-card-tool.ll-v5-target {outline:3px solid #20b89b;outline-offset:3px;}
/* Immediate CSS protection while JS loads. */
html body[data-game]:not([data-game="irish-lotto-21"]) #predictionWorkspace .workspace-actions:has(#ouTicketJump) > .ll-toolbar-preview:not(#ouTicketJump),
html body[data-game] #predictionWorkspace .workspace-actions:has(#ir21PreviewNumberCard) > #ouTicketJump,
html body[data-game] #predictionWorkspace .workspace-actions:has(#ir21PreviewNumberCard) > .ll-toolbar-preview:not(#ir21PreviewNumberCard) {display:none!important;}
@container (max-width: 860px) {
  html body[data-game] #predictionWorkspace .workspace-head {grid-template-columns:minmax(0,1fr)!important;}
  html body[data-game] #predictionWorkspace .workspace-head .workspace-actions {justify-content:flex-start!important;width:100%!important;}
}
@container (max-width: 500px) {
  html body[data-game] #predictionWorkspace .workspace-head {padding:16px 13px!important;}
  html body[data-game] #predictionWorkspace .workspace-head .workspace-actions {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body[data-game] #predictionWorkspace .workspace-actions > button.button {
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 6px!important;
  }
  html body[data-game] #predictionWorkspace .workspace-actions > button.ll-v5-preview,
  html body[data-game] #predictionWorkspace .workspace-actions > #ouTicketJump,
  html body[data-game] #predictionWorkspace .workspace-actions > #ir21PreviewNumberCard {grid-column:1/-1!important;}
}
@media print {html body[data-game] #predictionWorkspace .workspace-actions {display:none!important;}}
