/* MiKO News: sequential six-digit lottery-check reveal. Works only inside the check modal. */
body > .miko-check-modal .miko-reel-stage[hidden]{display:none!important}
body > .miko-check-modal.is-reeling .miko-check-modal-panel{
  flex:0 1 555px!important;
  max-width:calc(100vw - 24px)!important;
  padding:16px 17px 18px!important;
  border:2px solid #8ac3ff!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,#e9f6ff 0%,#ffffff 38%,#fff1fa 100%)!important;
  box-shadow:0 28px 90px rgba(11,66,133,.28),0 0 0 5px rgba(116,191,255,.15)!important
}
body > .miko-check-modal.is-reeling .miko-check-modal-icon,
body > .miko-check-modal.is-reeling #miko-check-modal-title,
body > .miko-check-modal.is-reeling .miko-check-modal-message,
body > .miko-check-modal.is-reeling .miko-check-prize-amount,
body > .miko-check-modal.is-reeling #miko-modal-scope,
body > .miko-check-modal.is-reeling #miko-lottery-share,
body > .miko-check-modal.is-reeling .miko-check-modal-buttons{display:none!important}

body > .miko-check-modal .miko-reel-stage{
  isolation:isolate;
  position:relative;
  width:100%;
  max-width:100%;
  overflow:hidden;
  padding:25px 10px 7px;
  box-sizing:border-box;
  color:#153968;
  text-align:center;
  font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;
}
body > .miko-check-modal .miko-reel-stage *{box-sizing:border-box}
body > .miko-check-modal .miko-reel-ambient{
  position:absolute;z-index:-1;pointer-events:none;opacity:.65;filter:blur(11px);
  width:130px;height:130px;border-radius:50%
}
body > .miko-check-modal .miko-reel-ambient--left{top:-70px;left:-42px;background:radial-gradient(circle,#89d8ff,transparent 72%)}
body > .miko-check-modal .miko-reel-ambient--right{top:80px;right:-72px;background:radial-gradient(circle,#ffb6df,transparent 74%)}
body > .miko-check-modal .miko-reel-kicker{
  display:inline-flex;align-items:center;gap:7px;margin:0 0 7px;
  padding:6px 14px;border-radius:100px;border:1px solid #d1e6ff;
  background:#fff;color:#1d69bc;box-shadow:0 3px 12px rgba(58,112,182,.06);
  font-size:10px;font-weight:900;letter-spacing:.055em;
}
body > .miko-check-modal .miko-reel-spark{color:#f6328b;font-size:16px;line-height:1}
body > .miko-check-modal .miko-reel-kicker-dot{color:#f6328b}
body > .miko-check-modal .miko-reel-title{
  margin:3px 0 2px!important;
  color:#133b79!important;line-height:1.3!important;
  font-size:clamp(19px,4.5vw,27px)!important;font-weight:900!important;
  letter-spacing:-.02em
}
body > .miko-check-modal .miko-reel-subtitle{
  font-size:12px;line-height:1.5;color:#5a769d;max-width:390px;margin:6px auto 8px
}
body > .miko-check-modal .miko-reel-draw{
  color:#bd1767;font-size:11px;font-weight:850;letter-spacing:.015em;
  margin-bottom:12px
}
body > .miko-check-modal .miko-reel-digits{
  position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch;gap:7px;width:100%;max-width:490px;margin:0 auto 10px;
}
body > .miko-check-modal .miko-reel-digit{
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:89px;overflow:hidden;
  border:2px solid #badcf9;border-radius:15px;
  background:linear-gradient(170deg,#fff 9%,#e8f4ff 76%,#cde5ff);
  box-shadow:inset 0 3px 5px rgba(255,255,255,.95),inset 0 -6px 10px rgba(28,105,189,.07),0 5px 13px rgba(13,75,152,.12);
  color:#15366f;
  transition:border-color .23s ease,background .23s ease,box-shadow .23s ease,transform .23s ease
}
body > .miko-check-modal .miko-reel-face{
  display:block;width:100%;
  color:inherit;font:900 clamp(25px,5.2vw,46px)/1.15 "Poppins",Tahoma,sans-serif!important;
  font-variant-numeric:tabular-nums;letter-spacing:0;
  text-align:center;text-shadow:0 2px 1px #fff
}
body > .miko-check-modal .miko-reel-digit small{
  display:block;font:800 9px/1.4 "Noto Sans Thai",Tahoma,sans-serif;
  color:#879cba;margin-top:4px
}
body > .miko-check-modal .miko-reel-digit.is-spinning{
  background:linear-gradient(170deg,#fff 9%,#e6f3ff 75%,#d6ebff);
  border-color:#80bdfa;box-shadow:0 0 0 3px rgba(94,178,255,.08),0 4px 15px rgba(13,75,152,.12)
}
body > .miko-check-modal .miko-reel-digit.is-spinning .miko-reel-face{
  animation:miko-reel-whirl .18s ease-in-out infinite alternate;
  filter:blur(.4px)
}
body > .miko-check-modal .miko-reel-digit.is-locked{
  border-color:#ed7bbb;
  background:linear-gradient(170deg,#fff 6%,#fff2fa 76%,#ffe1f2);
  color:#d41973;box-shadow:0 0 0 3px rgba(255,110,180,.10),0 6px 18px rgba(214,43,116,.14);
  animation:miko-reel-lock .36s cubic-bezier(.2,1.6,.42,1) both
}
body > .miko-check-modal .miko-reel-digit.is-hit{
  border-color:#e3a425;
  background:linear-gradient(165deg,#fffef1 4%,#fff4bd 74%,#ffdf8b);
  color:#9e4d00;box-shadow:0 0 0 3px rgba(255,211,88,.23),0 7px 18px rgba(216,157,30,.22)
}
body > .miko-check-modal .miko-reel-progress{
  width:100%;height:5px;margin:0 auto;border-radius:20px;
  background:#e5eefd;overflow:hidden
}
body > .miko-check-modal .miko-reel-progress span{
  display:block;width:0;height:100%;border-radius:20px;
  background:linear-gradient(90deg,#56b9ff,#287ddd,#f43990);
  box-shadow:0 0 9px #89bfff;transition:width .30s ease
}
body > .miko-check-modal .miko-reel-step{
  display:flex;align-items:center;justify-content:center;
  min-height:38px;margin:5px auto 6px!important;
  color:#275b9f!important;font-size:12px!important;font-weight:800!important;line-height:1.55!important
}
body > .miko-check-modal .miko-reel-section-heading{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:7px auto 9px;padding:0;color:#2b5694;
  font-size:13px;font-weight:900
}
body > .miko-check-modal .miko-reel-section-heading span{color:#e83f92}
body > .miko-check-modal .miko-reel-categories{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin:0 auto
}
body > .miko-check-modal .miko-reel-category{
  display:flex;align-items:center;gap:9px;min-width:0;
  padding:10px;border:1px solid #d5e5f5;border-radius:12px;
  background:rgba(255,255,255,.85);text-align:left;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease
}
body > .miko-check-modal .miko-reel-category-icon{
  flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;
  border-radius:9px;background:#e8f2ff;font-size:16px
}
body > .miko-check-modal .miko-reel-category > div{min-width:0;flex:1}
body > .miko-check-modal .miko-reel-category strong{
  display:block;color:#234778;font-size:11px;font-weight:900;line-height:1.45
}
body > .miko-check-modal .miko-reel-category small{
  display:block;color:#6f85a4;font-size:9px;line-height:1.45
}
body > .miko-check-modal .miko-reel-category-status{
  color:#7d91ac;white-space:nowrap;font-size:10px;font-weight:900;font-style:normal
}
body > .miko-check-modal .miko-reel-category.is-checking{
  background:#f0f7ff;border-color:#8cbeee
}
body > .miko-check-modal .miko-reel-category.is-checking .miko-reel-category-status{color:#1a6dc0}
body > .miko-check-modal .miko-reel-category.is-match{
  background:#effcf6;border-color:#4bc68d;
  box-shadow:0 0 0 2px rgba(53,179,115,.07)
}
body > .miko-check-modal .miko-reel-category.is-match .miko-reel-category-status{color:#137c4b}
body > .miko-check-modal .miko-reel-category.is-miss{background:#f7f9fc;border-color:#e0e7f0}
body > .miko-check-modal .miko-reel-category.is-miss .miko-reel-category-status{color:#8595aa}
body > .miko-check-modal .miko-reel-disclaimer{
  color:#788aa5!important;
  font-size:10px!important;line-height:1.5!important;
  margin:13px auto 3px!important;max-width:430px
}
@keyframes miko-reel-whirl{from{transform:translateY(-7px) scaleY(.86);opacity:.6}to{transform:translateY(7px) scaleY(1.04);opacity:1}}
@keyframes miko-reel-lock{0%{transform:translateY(-12px) scale(.93)}65%{transform:translateY(2px) scale(1.065)}100%{transform:translateY(0) scale(1)}}
@media(max-width:560px){
  body > .miko-check-modal.is-reeling .miko-check-modal-panel{padding:12px 10px 14px!important}
  body > .miko-check-modal .miko-reel-stage{padding:26px 3px 7px}
  body > .miko-check-modal .miko-reel-digits{gap:5px}
  body > .miko-check-modal .miko-reel-digit{min-height:72px;border-radius:11px;border-width:1.5px}
  body > .miko-check-modal .miko-reel-category{gap:5px;padding:8px 6px}
  body > .miko-check-modal .miko-reel-category-icon{flex-basis:21px;width:21px;height:24px;font-size:12px;border-radius:7px}
  body > .miko-check-modal .miko-reel-category strong{font-size:10px}
  body > .miko-check-modal .miko-reel-category small{font-size:8px}
  body > .miko-check-modal .miko-reel-category-status{font-size:9px}
  body > .miko-check-modal .miko-reel-subtitle{font-size:11px}
}
@media(max-width:365px){
  body > .miko-check-modal .miko-reel-categories{grid-template-columns:1fr;gap:5px}
  body > .miko-check-modal .miko-reel-category{padding:5px 8px}
  body > .miko-check-modal .miko-reel-digit{min-height:64px}
  body > .miko-check-modal .miko-reel-face{font-size:24px!important}
}
@media(max-height:700px){
  body > .miko-check-modal .miko-reel-stage{padding-top:13px}
  body > .miko-check-modal .miko-reel-digit{min-height:68px}
  body > .miko-check-modal .miko-reel-section-heading{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){
  body > .miko-check-modal .miko-reel-digit,
  body > .miko-check-modal .miko-reel-face,
  body > .miko-check-modal .miko-reel-progress span{
    animation:none!important;transition:none!important
  }
}

/* V2 — real vertical number drums, soft neon and cinematic staggered stops. */
body > .miko-check-modal.is-reeling .miko-check-modal-panel{
  border-color:#76b9ff!important;
  background:radial-gradient(ellipse 280px 145px at 10% 2%,rgba(144,218,255,.32),transparent 80%),
    radial-gradient(ellipse 190px 145px at 95% 28%,rgba(255,164,219,.24),transparent 82%),
    linear-gradient(155deg,#f2faff 0%,#fff 55%,#fff3fa 100%)!important
}
body > .miko-check-modal .miko-reel-stage--v2{
  padding-top:22px!important;
  overflow:hidden;
  z-index:0
}
body > .miko-check-modal .miko-reel-stars{
  position:absolute;z-index:-1;pointer-events:none;
  color:#f83e99;font-size:23px;
  text-shadow:0 0 17px rgba(255,70,156,.4);
  opacity:.7;animation:miko-reel-twinkle 3s ease-in-out infinite
}
body > .miko-check-modal .miko-reel-stars--a{top:43px;left:23px;animation-delay:-.7s}
body > .miko-check-modal .miko-reel-stars--b{top:114px;right:26px;color:#60c2fc;animation-delay:-1.7s}
body > .miko-check-modal .miko-reel-stars--c{top:200px;left:17px;font-size:15px;color:#f5b63d;animation-delay:-2.4s}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-kicker{
  border-color:#c9e5ff;
  box-shadow:0 5px 18px rgba(50,132,225,.09)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-title{
  background:linear-gradient(100deg,#123d79,#186bb4 55%,#e9238a);
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-machine{
  position:relative;margin:3px -3px 11px;padding:5px 4px;
  border-radius:18px;
  background:linear-gradient(90deg,rgba(107,194,255,.06),rgba(255,255,255,.65) 50%,rgba(255,120,197,.06))
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digits{
  gap:clamp(4px,1.1vw,8px)!important;
  margin-bottom:0!important
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit{
  display:flex;position:relative;
  width:100%;min-width:0;min-height:93px!important;
  flex-direction:column;align-items:center;justify-content:flex-start;
  overflow:hidden;padding:6px 3px 5px;
  background:linear-gradient(160deg,#ffffff,#edf6ff 84%,#dceeff);
  border-color:#9dd2ff;border-width:2px;
  border-radius:14px;
  box-shadow:inset 0 2px 5px white,0 4px 13px rgba(19,101,181,.12)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-window{
  display:block;position:relative;isolation:isolate;
  width:100%;height:65px;flex:0 0 65px;
  overflow:hidden;border-radius:9px;
  background:linear-gradient(#eaf5ff,#fff 36%,#fff 64%,#e4f3ff);
  box-shadow:inset 0 3px 8px rgba(43,104,178,.12),inset 0 -3px 9px rgba(43,104,178,.10)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-window:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(206,230,255,.94) 0%,rgba(255,255,255,.3) 21%,transparent 35%,transparent 66%,rgba(255,255,255,.33) 81%,rgba(194,224,253,.96) 100%)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-window:after{
  content:"";position:absolute;z-index:3;pointer-events:none;
  top:50%;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(109,168,233,.17),transparent)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-track{
  position:absolute;top:0;left:0;right:0;
  display:block;margin:0;padding:0;width:100%;
  will-change:transform;transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-numeral{
  display:grid;place-items:center;width:100%;
  height:var(--miko-reel-slot,65px);
  font:900 clamp(26px,5.3vw,43px)/1 "Poppins","Leelawadee UI",Tahoma,sans-serif;
  color:#15437c;font-variant-numeric:tabular-nums;
  text-shadow:0 2px 2px rgba(255,255,255,.9);
  -webkit-font-smoothing:antialiased;
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-spinning{
  border-color:#6db8ff;
  box-shadow:0 0 0 3px rgba(93,174,248,.08),0 4px 18px rgba(47,137,228,.16)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-spinning .miko-reel-window{
  box-shadow:inset 0 3px 12px rgba(25,91,174,.2),inset 0 -3px 12px rgba(25,91,174,.2)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-locked{
  border-color:#f27db9;
  background:linear-gradient(170deg,#fff 0%,#fff0f9 75%,#ffe2f2);
  box-shadow:0 0 0 3px rgba(255,110,180,.14),0 7px 20px rgba(233,51,130,.19);
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-locked .miko-reel-numeral{
  color:#c91e76
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-hit{
  border-color:#edc262;
  background:linear-gradient(160deg,#fffef3 6%,#ffedb9 83%);
  box-shadow:0 0 0 3px rgba(255,214,112,.23),0 7px 20px rgba(226,168,47,.23)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit.is-hit .miko-reel-numeral{
  color:#a35c05;text-shadow:0 0 9px rgba(255,232,168,.88)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit small{
  z-index:4;position:relative;margin-top:4px;
  font-size:9px!important;color:#7792b9!important
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-stop-glow{
  position:absolute;inset:0;z-index:3;
  border-radius:inherit;pointer-events:none;opacity:0
}
body > .miko-check-modal .miko-reel-stage--v2 .is-locked .miko-reel-stop-glow{
  animation:miko-reel-stop-flash .68s ease-out 1
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-pips{
  display:flex;justify-content:center;gap:12px;margin:9px auto 2px
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-pips i{
  width:7px;height:7px;border-radius:50%;
  border:1px solid #c0d2ea;background:#e3ecf8;
  transition:background .35s ease,box-shadow .35s ease,transform .35s ease
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-pips i.is-lit{
  background:#f43d9b;border-color:#ef5aa9;
  box-shadow:0 0 0 4px rgba(249,67,156,.13),0 0 12px rgba(238,52,141,.47);
  transform:scale(1.1)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-step{
  min-height:42px!important;
  font-size:12px!important;color:#2660ac!important;
  text-shadow:0 0 18px rgba(100,174,251,.10)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-category.is-checking{
  border-color:#88c6fb;
  background:linear-gradient(110deg,#edf7ff,#fff);
  box-shadow:0 0 0 2px rgba(121,191,255,.07)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-category.is-match{
  animation:miko-reel-prize-pulse .65s ease-out 1;
  background:linear-gradient(110deg,#e5fff4,#fff);
  border-color:#3abd85
}
body > .miko-check-modal .miko-reel-stage--v2.has-prize .miko-reel-section-heading{
  color:#12865a;text-shadow:0 0 13px rgba(30,172,110,.16)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-skip{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  appearance:none;border:1px solid #c8ddf6;border-radius:999px;
  background:rgba(255,255,255,.8);color:#4071ab;
  font:700 11px/1.4 "Noto Sans Thai",Tahoma,sans-serif;
  min-height:30px;margin:11px auto 1px;padding:6px 14px;
  cursor:pointer;box-shadow:0 3px 12px rgba(23,93,151,.04);
  transition:background .2s,border-color .2s,transform .2s
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-skip:hover{
  background:#ebf5ff;border-color:#87bcf5;transform:translateY(-1px)
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-skip:focus-visible{
  outline:3px solid #9ed1ff;outline-offset:2px
}
body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-disclaimer{
  margin-top:9px!important;margin-bottom:0!important
}
@keyframes miko-reel-twinkle{
  0%,100%{opacity:.2;transform:translateY(0) rotate(-6deg) scale(.84)}
  50%{opacity:.85;transform:translateY(-7px) rotate(7deg) scale(1.16)}
}
@keyframes miko-reel-stop-flash{
  0%{opacity:0;box-shadow:inset 0 0 4px rgba(255,255,255,0)}
  24%{opacity:1;box-shadow:inset 0 0 30px rgba(255,255,255,.95),0 0 14px rgba(249,76,172,.38)}
  100%{opacity:0;box-shadow:inset 0 0 1px rgba(255,255,255,0)}
}
@keyframes miko-reel-prize-pulse{
  0%{transform:scale(.99);box-shadow:0 0 0 rgba(63,184,115,0)}
  60%{transform:scale(1.02);box-shadow:0 0 0 5px rgba(63,184,115,.1)}
  100%{transform:scale(1);box-shadow:0 0 0 rgba(63,184,115,0)}
}
@media(max-width:560px){
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit{
    min-height:77px!important;padding:4px 2px!important;border-radius:11px
  }
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-window{
    height:53px;flex-basis:53px;border-radius:8px
  }
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-numeral{
    font-size:clamp(23px,6.6vw,33px)
  }
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-pips{gap:10px}
  body > .miko-check-modal .miko-reel-stars--c{display:none}
}
@media(max-width:365px){
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digit{min-height:69px!important}
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-window{height:47px;flex-basis:47px}
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-numeral{font-size:25px}
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-digits{gap:3px!important}
}
@media(max-height:700px){
  body > .miko-check-modal .miko-reel-stage--v2{padding-top:12px!important}
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-category{padding:7px}
}
@media(prefers-reduced-motion:reduce){
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-stars,
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-stop-glow,
  body > .miko-check-modal .miko-reel-stage--v2 .miko-reel-category{
    animation:none!important;transition:none!important
  }
}
