body.app-ui.home-page .home-carousel{position:relative;overflow:hidden;border-radius:16px;background:#123d72;margin:0;min-width:0}
.home-carousel .carousel-slide{display:block}.home-carousel .carousel-slide[hidden]{display:none!important}.home-carousel .carousel-slide img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.carousel-controls{position:absolute;bottom:12px;right:16px;display:flex;align-items:center;gap:10px;background:#0a254a99;border-radius:30px;padding:5px 10px}.home-carousel .carousel-controls button{display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:0;background:transparent;color:#fff;font-size:22px;border-radius:50%;cursor:pointer}.carousel-dots{display:flex;gap:7px;align-items:center}.home-carousel .carousel-dots button{width:7px;height:7px;background:#ffffff66;transition:width .2s}.home-carousel .carousel-dots button[aria-pressed=true]{width:24px;border-radius:6px;background:#fff}body.app-ui .all-lotteries-open .picker-chevron{display:block;width:16px;height:16px;flex:0 0 16px;margin:0;align-self:center}
@media(max-width:850px){body.app-ui.home-page .home-carousel{border-radius:10px}.carousel-controls{bottom:5px;right:6px;padding:2px 6px;gap:4px}.home-carousel .carousel-controls button{width:22px;height:22px;font-size:17px}.home-carousel .carousel-dots button{height:5px;width:5px}.home-carousel .carousel-dots button[aria-pressed=true]{width:15px}}
/* Overlapping layers create a soft directional handoff without moving the page. */
.home-carousel .carousel-slides{position:relative;aspect-ratio:3/1;overflow:hidden;isolation:isolate}
.home-carousel .carousel-slide{position:absolute;inset:0;overflow:hidden;z-index:1}
.home-carousel .carousel-slide.active{z-index:2}
.home-carousel .carousel-slide.active img{animation:hero-drift 6.85s cubic-bezier(.2,.6,.3,1) both;transform-origin:70% 50%}
@keyframes hero-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
.home-carousel .carousel-controls{z-index:4;box-shadow:0 6px 20px #041d4033;border:1px solid #ffffff26;background:#09284bbd}
.home-carousel .carousel-controls button{transition:background .2s,transform .2s}
.home-carousel .carousel-controls button:hover{background:#ffffff24;transform:scale(1.08)}
.home-carousel .carousel-dots button{position:relative;overflow:hidden;background:#ffffff38}
.home-carousel .carousel-dots button[aria-pressed=true]{background:#ffffff50}
.home-carousel .carousel-dots button[aria-pressed=true]::after{content:'';position:absolute;inset:0;background:white;transform-origin:left;transform:scaleX(0)}
.home-carousel.progress-reset .carousel-dots button[aria-pressed=true]::after{animation:hero-progress 6s linear both;animation-play-state:paused}
.home-carousel.is-playing .carousel-dots button[aria-pressed=true]::after{animation-play-state:running}
@keyframes hero-progress{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.home-carousel .carousel-slide.active img{animation:none}.home-carousel *{scroll-behavior:auto;transition:none!important}}

body.app-ui .home-carousel .carousel-controls{left:50%;right:auto;bottom:8px;transform:translateX(-50%);width:auto;min-width:0;padding:4px 7px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}body.app-ui .home-carousel .carousel-dots{gap:6px}body.app-ui .home-carousel .carousel-dots button{width:5px;min-width:5px;height:5px;min-height:5px;border-radius:5px;opacity:.65}body.app-ui .home-carousel .carousel-dots button[aria-pressed=true]{width:16px;opacity:1}