/* MiKO lottery carousel refined */
/* Layout fidelity override: mockup cards with metadata inside image */
.miko-lotto .miko-lotto-story{position:relative!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 9px 22px #f16eaf24!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover{position:relative!important;display:block!important;min-height:365px!important;height:365px!important;border-radius:20px!important;overflow:hidden!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover>img{width:100%!important;height:100%!important;object-fit:cover!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(0deg,#031b35 0%,#041d39ec 26%,#061d3577 72%,transparent 100%);pointer-events:none;z-index:1}
.miko-lotto .miko-lotto-story .miko-lotto-cover-title{position:absolute!important;left:16px!important;right:14px!important;bottom:69px!important;top:auto!important;z-index:5!important;color:#fff!important;font-size:clamp(15px,1.2vw,20px)!important;line-height:1.3!important;font-weight:800!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;text-shadow:0 2px 6px #001b35b3!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover .miko-lotto-author{position:absolute!important;bottom:12px!important;left:14px!important;right:12px!important;top:auto!important;width:auto!important;max-width:none!important;min-height:40px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;z-index:7!important}
.miko-lotto .miko-lotto-story .miko-lotto-author-info .miko-lotto-team-label{display:none!important}
.miko-lotto .miko-lotto-story .miko-lotto-author-info:after{display:none!important}
.miko-lotto .miko-lotto-story .miko-lotto-meta{position:absolute!important;bottom:64px!important;left:0!important;right:0!important;z-index:7!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;padding:0 14px!important;background:none!important;border:0!important;color:#d5e2f4!important;font-size:11px!important;pointer-events:none}
.miko-lotto .miko-lotto-story .miko-lotto-meta .miko-lotto-reward{display:none!important}
.miko-lotto .miko-lotto-story .miko-lotto-actions{position:relative!important;z-index:2!important;background:#fff!important;padding:11px 9px!important}
.miko-lotto .miko-lotto-story .miko-lotto-actions>*{padding:9px 5px!important;font-size:12px!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover .miko-lotto-tag{z-index:6!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover .miko-lotto-subtag{z-index:6!important;bottom:148px!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover .miko-lotto-newest{z-index:6!important}
@media(max-width:1100px){.miko-lotto .miko-lotto-story .miko-lotto-cover{height:340px!important;min-height:340px!important}}
@media(max-width:600px){.miko-lotto .miko-lotto-story .miko-lotto-cover{height:300px!important;min-height:300px!important}.miko-lotto .miko-lotto-story .miko-lotto-cover-title{font-size:14px!important;bottom:62px!important;left:10px!important}.miko-lotto .miko-lotto-story .miko-lotto-cover .miko-lotto-subtag{bottom:135px!important}.miko-lotto .miko-lotto-story .miko-lotto-meta{bottom:61px!important;font-size:9px!important}.miko-lotto .miko-lotto-story .miko-lotto-actions>*{font-size:10px!important}}

.miko-lotto .miko-lotto-slide-arrow{width:54px!important;height:54px!important;border-radius:50%!important;background:linear-gradient(150deg,#153b78,#041a38)!important;color:#fff!important;border:2px solid #d5e9ff!important;box-shadow:0 0 0 3px #9fbbff40,0 5px 20px #123e8e66!important;display:grid!important;place-items:center!important;line-height:1!important;font-weight:600!important}
.miko-lotto .miko-lotto-slide-arrow:hover:not(:disabled){background:linear-gradient(150deg,#2465bd,#092a5a)!important;transform:translateY(-50%) scale(1.06)}
.miko-lotto .miko-lotto-slide-arrow:disabled{opacity:.6!important}
.miko-lotto .miko-lotto-story{background:#fff!important;border:1px solid #ffe0ef!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover{overflow:hidden;border-radius:19px!important}
.miko-lotto .miko-lotto-story .miko-lotto-cover img{object-fit:cover!important}
.miko-lotto .miko-lotto-story .miko-lotto-actions{display:flex!important;gap:6px!important;justify-content:space-between!important;padding:8px!important}
.miko-lotto .miko-lotto-story .miko-lotto-actions>*{min-width:0!important;flex:1 1 auto!important;border-radius:12px!important}
.miko-lotto .miko-lotto-head{position:relative;z-index:1}
.miko-lotto .miko-lotto-symbol{border-radius:20px!important;background:linear-gradient(145deg,#fff,#ffe5f2)!important;color:#fa2189!important;box-shadow:0 5px 18px #ff75ba33}
.miko-lotto .miko-lotto-more{border-radius:999px!important;background:#fff!important;color:#f31c80!important;box-shadow:0 4px 18px #e65b9e24!important}
@media(max-width:600px){.miko-lotto .miko-lotto-slide-arrow{width:36px!important;height:36px!important;font-size:19px!important}.miko-lotto .miko-lotto-story .miko-lotto-actions{gap:3px!important;padding:5px!important}}

/* Auto slide progress indicator */
.miko-lotto-slider-shell:after{content:"";position:absolute;bottom:0;left:5px;right:5px;height:3px;border-radius:9px;background:linear-gradient(90deg,#f9d7ec,#d7eaff);pointer-events:none}
.miko-lotto-slider-shell:before{content:"";position:absolute;bottom:0;left:5px;width:calc(100% - 10px);height:3px;border-radius:9px;background:linear-gradient(90deg,#ff2d91,#4a9fff);z-index:2;transform:scaleX(0);transform-origin:left;pointer-events:none}
.miko-lotto-slider-shell.miko-slide-timing:before{animation:miko-slide-progress var(--miko-slide-duration,5000ms) linear forwards}
@keyframes miko-slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.miko-lotto-slider-shell.miko-slide-timing:before{animation:none}}

.miko-lotto{position:relative;isolation:isolate;background:linear-gradient(115deg,#edf7ff 0%,#fff5fc 52%,#fff 100%)!important;border-radius:24px;padding:22px 18px!important;overflow:hidden}
.miko-lotto:before{content:"";position:absolute;inset:0 0 auto;height:150px;background:radial-gradient(ellipse at 12% 0%,#92ccff88,transparent 62%),radial-gradient(ellipse at 90% 0%,#ff9dd477,transparent 62%);pointer-events:none;z-index:-1}
.miko-lotto-slider-shell{position:relative;min-width:0}
.miko-lotto .miko-lotto-stories{display:flex!important;grid-template-columns:none!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 5px 18px!important}
.miko-lotto .miko-lotto-stories::-webkit-scrollbar{display:none}
.miko-lotto .miko-lotto-story{flex:0 0 calc((100% - 48px)/4)!important;min-width:0!important;scroll-snap-align:start;border:1px solid #f9c9e7!important;border-radius:22px!important;overflow:hidden;box-shadow:0 8px 24px #e85aa51a,0 5px 16px #2684e011!important;transition:transform .3s ease,box-shadow .3s ease}
.miko-lotto .miko-lotto-story:hover{transform:translateY(-4px);box-shadow:0 16px 32px #f06bb62b,0 8px 20px #2788e022!important}
.miko-lotto-slide-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:8;width:46px;height:46px;border-radius:14px!important;border:1px solid rgba(255,255,255,.75)!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#16477e!important;font-size:25px;box-shadow:0 6px 20px #163b6920,inset 0 1px 0 #fff9;cursor:pointer;transition:box-shadow .2s,background .2s,transform .2s}
.miko-lotto-slide-arrow:hover:not(:disabled){background:#fdf0fa;box-shadow:0 8px 25px #f268aa40}
.miko-lotto-slide-arrow.prev{left:-14px}.miko-lotto-slide-arrow.next{right:-14px}
.miko-lotto-slide-arrow:disabled{opacity:.3;cursor:default}
.miko-lotto-dots{display:flex;justify-content:center;align-items:center;gap:10px;padding:2px 0 14px}
.miko-lotto-dots button{width:11px;height:11px;min-width:11px;border:0;border-radius:50%;background:#b9c9e3;padding:0;cursor:pointer;transition:background .2s,transform .2s}
.miko-lotto-dots button[aria-current=true]{background:#f51a86;transform:scale(1.18)}
.miko-lotto .miko-lotto-note{border:1px solid #ffd6e9!important;border-radius:15px!important;background:#fff8fc!important}
@media(max-width:1050px){.miko-lotto .miko-lotto-story{flex-basis:calc((100% - 16px)/2)!important}}
@media(max-width:600px){.miko-lotto{padding:14px 9px!important}.miko-lotto .miko-lotto-stories{gap:10px!important;padding:5px 3px 15px!important}.miko-lotto .miko-lotto-story{flex-basis:calc((100% - 10px)/2)!important;border-radius:16px!important}.miko-lotto-slide-arrow{width:34px;height:34px;font-size:20px}.miko-lotto-slide-arrow.prev{left:-6px}.miko-lotto-slide-arrow.next{right:-6px}}
@media(max-width:390px){.miko-lotto .miko-lotto-story{flex-basis:84%!important}}
@media(prefers-reduced-motion:reduce){.miko-lotto .miko-lotto-stories{scroll-behavior:auto}.miko-lotto .miko-lotto-story,.miko-lotto-dots button{transition:none}}