/* MiKO Lottery — visible result actions, image previews and mobile-safe reel skip.
   This file is deliberately scoped to the portaled lottery result dialog. */
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip{
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;display:inline-flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;
  gap:9px!important;width:auto!important;min-width:0!important;max-width:calc(100% - 8px)!important;
  min-height:44px!important;height:auto!important;
  margin:13px auto 4px!important;padding:9px 16px!important;
  border:1.5px solid #8ebbf3!important;border-radius:999px!important;
  background:linear-gradient(110deg,#e5f3ff 0%,#ffffff 48%,#ffe7f5 100%)!important;
  color:#15538f!important;-webkit-text-fill-color:#15538f!important;
  font:850 12px/1.45 "Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif!important;
  letter-spacing:0!important;text-align:center!important;text-decoration:none!important;
  white-space:normal!important;opacity:1!important;visibility:visible!important;
  text-shadow:none!important;box-shadow:0 6px 16px rgba(22,102,197,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
  cursor:pointer!important;transform:none!important;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important
}
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip::before,
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip::after{
  content:none!important;display:none!important
}
body>.miko-check-modal .miko-reel-stage--v2 .miko-reel-skip .miko-reel-skip__label{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;flex-wrap:wrap!important;min-width:0!important;
  color:#15538f!important;-webkit-text-fill-color:#15538f!important;
  font-size:12px!important;line-height:1.45!important;font-weight:800!important;
  opacity:1!important;visibility:visible!important;
}
body>.miko-check-modal .miko-reel-stage--v2 .miko-reel-skip .miko-reel-skip__label strong{
  display:inline!important;color:#ce267b!important;-webkit-text-fill-color:#ce267b!important;
  font:900 12px/1.45 "Noto Sans Thai",Tahoma,sans-serif!important;
}
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip svg{
  box-sizing:content-box!important;display:inline-block!important;
  flex:0 0 19px!important;width:19px!important;height:19px!important;min-width:19px!important;
  margin:0!important;padding:0!important;stroke:#2265ac!important;stroke-width:1.9px!important;
  stroke-linejoin:round!important;stroke-linecap:round!important;fill:none!important;opacity:1!important
}
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip .miko-reel-skip__arrow{
  flex-basis:14px!important;min-width:14px!important;width:14px!important;height:14px!important
}
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip:hover{
  background:linear-gradient(110deg,#d9ecff,#fff0f9)!important;
  border-color:#589be4!important;transform:translateY(-1px)!important;
  box-shadow:0 8px 19px rgba(22,102,197,.2)!important
}
body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip:focus-visible{
  outline:3px solid #4a9eea!important;outline-offset:3px!important
}
/* Keep picture area visually occupied even during a slow asset load. */
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-image{
  background:radial-gradient(circle at 21% 17%,rgba(255,255,255,.95),transparent 49%),
   linear-gradient(135deg,#b9e4ff 0%,#ecf5ff 47%,#ffe0f3 100%)!important;
  border:1.5px solid #bcdaf7!important;
  min-height:130px!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-loading:not([hidden]){
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  width:100%!important;min-height:135px!important;height:100%!important;
  padding:17px!important;margin:0!important;text-align:center!important;
  background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,242,250,.7))!important;
  color:#225b98!important;-webkit-text-fill-color:#225b98!important;
  font:750 12px/1.5 "Noto Sans Thai",Tahoma,sans-serif!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-loading[hidden]{display:none!important}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-loading__icon{
  display:grid!important;place-items:center!important;
  width:64px!important;height:64px!important;border-radius:22px!important;
  font-size:34px!important;line-height:1!important;
  background:linear-gradient(145deg,#fff,#dbeeff)!important;
  box-shadow:0 6px 17px rgba(52,123,197,.1)!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-loading strong{
  display:block!important;color:#205792!important;-webkit-text-fill-color:#205792!important;
  font-size:12px!important;font-weight:900!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-loading small{
  display:block!important;color:#6681a1!important;-webkit-text-fill-color:#6681a1!important;
  font-size:10px!important
}
/* Make image ready states visibly different for both outcome classes. */
body>.miko-check-modal.is-win #miko-lottery-share .miko-lottery-share-image{
  border-color:#a2ddc2!important;box-shadow:0 8px 22px rgba(33,158,95,.12)!important;
}
body>.miko-check-modal.is-none #miko-lottery-share .miko-lottery-share-image{
  border-color:#bfcaed!important;box-shadow:0 8px 22px rgba(63,100,174,.1)!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-preview:not([hidden]){
  display:block!important;width:100%!important;height:100%!important;min-height:0!important;
  max-width:100%!important;object-fit:cover!important;background:transparent!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:9px!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button{
  position:relative!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:7px!important;
  min-width:0!important;min-height:46px!important;
  padding:10px 12px!important;opacity:1!important;visibility:visible!important;
  font-size:12px!important;font-weight:900!important;line-height:1.35!important;
  text-decoration:none!important;text-shadow:none!important;
  border-radius:12px!important;white-space:normal!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button::before,
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button::after{
  content:none!important;display:none!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls .miko-lottery-share-send{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(115deg,#fc4aa1,#e72079)!important;
  border:1px solid #e72079!important;
  box-shadow:0 7px 16px rgba(228,33,125,.16)!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls .miko-lottery-share-save{
  color:#184f8b!important;-webkit-text-fill-color:#184f8b!important;
  background:linear-gradient(125deg,#f1f8ff,#fff)!important;
  border:1px solid #a4caf4!important;
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button>span{
  display:inline-block!important;min-width:0!important;
  font:900 12px/1.35 "Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif!important;
  color:inherit!important;-webkit-text-fill-color:inherit!important;
  opacity:1!important;visibility:visible!important;white-space:normal!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button>svg{
  display:inline-block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2px!important;opacity:1!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls .miko-lottery-share-send>svg{
  stroke:#fff!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls .miko-lottery-share-save>svg{
  stroke:#184f8b!important
}
body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button:disabled{
  cursor:wait!important;opacity:.66!important;filter:grayscale(.13)!important;
}
/* Metadata is readable for wins AND misses. */
body>.miko-check-modal .miko-check-timestamp:not([hidden]){
  display:grid!important;grid-template-columns:minmax(75px,.35fr) minmax(0,1fr)!important;
  column-gap:11px!important;row-gap:7px!important;
  margin:12px auto 7px!important;padding:12px!important;
  border:1px solid #cde2f6!important;border-radius:13px!important;
  background:#f6faff!important;text-align:left!important
}
body>.miko-check-modal .miko-check-timestamp[hidden]{display:none!important}
body>.miko-check-modal .miko-check-timestamp-label{
  color:#6c86a8!important;font:800 11px/1.6 "Noto Sans Thai",Tahoma,sans-serif!important
}
body>.miko-check-modal .miko-check-timestamp-value{
  min-width:0!important;overflow-wrap:anywhere!important;color:#174a85!important;
  font:850 11px/1.6 "Noto Sans Thai",Tahoma,sans-serif!important
}
@media(max-width:440px){
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-image{width:min(100%,195px)!important}
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button{
   padding:8px 7px!important;min-height:44px!important
 }
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button>span{font-size:11px!important}
 body>.miko-check-modal .miko-reel-stage--v2 button.miko-reel-skip{padding:10px 12px!important}
}
@media(max-width:340px){
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls{grid-template-columns:minmax(0,1fr)!important}
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button{width:100%!important}
 body>.miko-check-modal .miko-reel-stage--v2 .miko-reel-skip .miko-reel-skip__label{font-size:11px!important}
}
@media(max-height:640px){
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-image{width:min(100%,158px)!important}
}
@media(prefers-reduced-motion:reduce){
 body>.miko-check-modal button.miko-reel-skip,
 body>.miko-check-modal #miko-lottery-share .miko-lottery-share-controls button{transition:none!important}
}