/* Three distinct entry points on a plain dark background. */
.header-main{gap:30px}.primary-nav{gap:23px}.header-actions{gap:7px}
.bonus-balance{height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid #6d36934d;background:linear-gradient(135deg,#2a183d,#1b1427);border-radius:12px;color:#dcbbf7;font-size:11px;white-space:nowrap}
.bonus-balance>svg{width:18px;height:18px;color:#c77cff}.bonus-balance strong{margin-left:3px;font-size:13px;font-weight:500}.bonus-balance:hover{border-color:#ad46ff88;background:#352044}
.showcase{grid-template-columns:1fr 1.18fr 1fr;gap:18px;position:relative;isolation:isolate;margin-top:28px;overflow:visible}
.showcase>article{height:440px;min-height:440px;border-radius:22px;box-shadow:none}
.showcase .drop-card>img{object-position:50% 30%}.showcase .drop-copy{left:26px;bottom:30px}.showcase .drop-copy h2{font-size:clamp(27px,2.3vw,40px);line-height:1.04}.showcase .drop-copy p{font-size:11px}.showcase .round-arrow{right:22px;bottom:28px}
.showcase .hero-card{background:radial-gradient(ellipse at 80% 30%,#a43bdd,#47166e 80%)}
.showcase .hero-art{right:-38%;width:142%;height:100%;object-position:61% center;opacity:.9}
.showcase .hero-shade{background:linear-gradient(90deg,#421564f5,#551582ba 47%,#68199725 100%),linear-gradient(0deg,#2b0d48d9,transparent 50%)}
.showcase .hero-top{top:25px;left:26px;right:26px}.showcase .hero-top .eyebrow{font-size:8px;letter-spacing:1.4px}.showcase .hero-index{font-size:8px;letter-spacing:.6px}.showcase .mini-star{font-size:22px}
.showcase .hero-copy{position:absolute;top:103px;left:26px;right:26px;padding:0}.showcase .hero-copy h1{font-size:clamp(27px,2.55vw,42px);letter-spacing:-1.2px;line-height:1.17;max-width:100%;margin:0 0 16px}.showcase .hero-copy p{font-size:12px;margin:0;line-height:1.6}
.hero-search-area{position:absolute;z-index:3;left:26px;right:26px;bottom:59px}.hero-search{display:flex;align-items:center;gap:10px;background:#faf6ffed;border:1px solid #fff9;border-radius:12px;min-height:49px;padding:0 7px 0 13px;box-shadow:0 5px 24px #1a08261a;backdrop-filter:blur(14px);color:#59396a}
.hero-search>svg{width:17px;height:17px;color:#9572a6}.hero-search input{width:100%;min-width:0;outline:none;border:0;background:transparent;color:#3c254c;font-size:11px;appearance:none}.hero-search input::placeholder{color:#9e87ad}.hero-search input::-webkit-search-cancel-button{cursor:pointer}.hero-search button{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border:0;border-radius:8px;background:#ead7fa;color:#7c32ac}.hero-search button:hover{background:#d8b0f5}.hero-search button svg{width:17px;height:17px}
.hero-search-categories{display:flex;align-items:center;gap:5px;margin-top:10px;background:transparent;border:0;padding:0;color:#e3c8f3;font-size:9px}.hero-search-categories svg{width:12px;height:12px}.hero-search-categories:hover{color:white}.showcase .hero-bottom{left:26px;bottom:24px;font-size:7px;letter-spacing:1.3px}
.roulette-card{position:relative;overflow:hidden;border:1px solid #ae69f638;background:radial-gradient(ellipse at 50% 35%,#68329d66,transparent 65%),linear-gradient(140deg,#21112f,#311647 65%,#23132f);color:#fff}
.roulette-top{position:absolute;left:24px;right:24px;top:25px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2}.roulette-top>.eyebrow{font-size:8px;color:#d2a9ed;letter-spacing:1.5px}.roulette-lock{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.9px;color:#c6a0dc;white-space:nowrap}.roulette-lock svg{width:10px;height:10px}
.roulette-visual{position:absolute;left:50%;top:50px;transform:translateX(-50%);width:min(69%,220px);aspect-ratio:1;pointer-events:none}.roulette-halo{position:absolute;inset:17px;border-radius:50%;background:#a141ea77;filter:blur(35px)}.roulette-wheel{width:100%;height:100%;position:relative;filter:drop-shadow(0 14px 11px #1004179c);transform:rotate(-12deg)}.roulette-pointer{position:absolute;left:calc(50% - 9px);top:0;width:18px;height:25px;background:linear-gradient(#fff,#dcb1ff);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 3px #0006)}
.wheel-spark{position:absolute;color:#d99fff;line-height:1}.spark-one{font-size:23px;right:-21px;top:58px}.spark-two{font-size:16px;left:-16px;bottom:29px;opacity:.7}.roulette-content{position:absolute;left:25px;right:25px;bottom:26px}.roulette-content h2{font-family:var(--heading);font-size:clamp(19px,1.62vw,27px);font-weight:500;line-height:1.22;letter-spacing:-.6px;margin:0 0 11px}.roulette-content p{color:#c9acd9;font-size:10px;margin:0 0 16px;line-height:1.55}.roulette-cta{width:100%;gap:12px;font-size:10px;min-height:42px;padding:0 11px}.roulette-cta svg{width:16px;height:16px}.universe-grid{margin-top:23px}
.search-category-wrap{padding:19px 21px 5px}.search-category-wrap>.eyebrow{display:block;font-size:8px;color:#a78ab9;margin-bottom:11px}.search-category-chips{display:flex;flex-wrap:wrap;gap:7px}.search-category{border:1px solid #44304f;background:#201726;border-radius:8px;padding:7px 12px;font-size:10px;color:#c3a5d7}.search-category:hover{border-color:#a065c4;background:#30203d}.search-category.active{background:#e4caf8;border-color:#e4caf8;color:#4a265f}.search-dialog #search-results{max-height:50dvh}
.bonus-dialog{width:min(450px,calc(100% - 32px));padding:32px;text-align:center}.bonus-dialog-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border:1px solid #a865dd55;border-radius:18px;color:#d7a0ff;background:radial-gradient(at 30% 20%,#4b2369,#271432);box-shadow:0 10px 30px #9b39df16}.bonus-dialog-icon svg{width:32px;height:32px}.bonus-dialog>.eyebrow{font-size:8px}.bonus-dialog h2{font-family:var(--heading);font-size:23px;font-weight:500;letter-spacing:-.7px;margin:13px 0}.bonus-dialog>p{color:#bda5cb;font-size:12px;line-height:1.65;margin-bottom:18px}.guest-balance{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:13px 14px;background:#211628;border:1px solid #3a2845;border-radius:11px;margin:17px 0;font-size:10px;color:#b797ca}.guest-balance strong{font-size:10px;font-weight:400;color:#e0c7f0}.bonus-dialog>.button{width:100%;margin-top:6px}.bonus-prize-summary{border:1px solid #3e294d;background:#25172f;padding:12px;border-radius:11px;font-size:11px;color:#dec3f0;line-height:1.6}.bonus-prize-summary strong{color:#ecd7fa;font-weight:600}.bonus-rule-note{font-size:10px!important;line-height:1.7!important;color:#aa8dbb!important;margin:14px 0 10px!important}.bonus-rule-note strong{color:#d4b8e5;font-weight:500}
@media(min-width:1500px){.showcase>article{height:480px;min-height:480px}.showcase .hero-copy{top:118px;left:32px;right:32px}.showcase .hero-copy h1{font-size:41px}.showcase .hero-copy p{font-size:14px}.showcase .hero-top{left:32px;right:32px;top:30px}.hero-search-area{left:32px;right:32px;bottom:64px}.hero-search{min-height:53px}.hero-search input{font-size:12px}.showcase .hero-bottom{left:32px;bottom:26px}.roulette-visual{width:248px;top:53px}.roulette-content{left:30px;right:30px;bottom:30px}.roulette-content p{font-size:12px}.roulette-cta{font-size:12px;min-height:46px}.roulette-top{left:30px;right:30px;top:30px}.showcase .drop-copy{left:30px;bottom:33px}}
@media(max-width:1150px){.header-main{gap:23px}.primary-nav{gap:19px}.header-actions{gap:5px}.showcase{gap:13px;grid-template-columns:1fr 1.2fr 1fr}.showcase>article{height:410px;min-height:410px}.showcase .hero-copy{top:96px;left:22px;right:22px}.showcase .hero-top{left:22px;right:22px}.showcase .hero-copy h1{font-size:27px}.hero-search-area{left:22px;right:22px;bottom:54px}.hero-search{gap:6px;padding-left:10px}.hero-search input{font-size:9px}.showcase .hero-bottom{left:22px;font-size:6px}.showcase .hero-index{display:none}.roulette-top{left:20px;right:20px}.roulette-lock{font-size:5px;letter-spacing:.5px}.roulette-content{left:20px;right:20px;bottom:24px}.roulette-content h2{font-size:19px}.roulette-content p{font-size:9px}.roulette-cta{font-size:9px;gap:7px;padding:0 8px}.roulette-visual{top:48px;max-width:205px}.showcase .drop-copy{left:22px}.showcase .drop-copy h2{font-size:26px}.showcase .round-arrow{width:33px;height:33px;right:17px;bottom:25px}}
@media(max-width:960px){.showcase{grid-template-columns:1fr 1fr;margin-top:22px;gap:16px}.showcase>.hero-card{grid-column:1/-1;grid-row:1;height:360px;min-height:360px}.showcase>.drop-card,.showcase>.roulette-card{height:430px;min-height:430px}.showcase .hero-art{right:-19%;width:100%;object-position:62% center}.showcase .hero-shade{background:linear-gradient(90deg,#48166dfc 0%,#551582de 35%,#58148230 82%)}.showcase .hero-copy{top:94px;left:28px;right:28px}.showcase .hero-copy h1{font-size:34px}.showcase .hero-copy p{font-size:12px}.showcase .hero-top{left:28px;right:28px}.hero-search-area{left:28px;right:auto;width:calc(54% - 28px);bottom:45px}.hero-search input{font-size:10px}.hero-search-categories{margin-top:9px}.showcase .hero-bottom{display:none}.roulette-content h2{font-size:23px}.roulette-content p{font-size:10px}.roulette-visual{max-width:215px;top:45px}.roulette-top{left:23px;right:23px}.roulette-content{left:24px;right:24px;bottom:24px}.roulette-cta{font-size:11px}.showcase .drop-copy h2{font-size:33px}.bonus-balance{padding:0 10px;gap:6px}.primary-nav{gap:16px}}
@media(max-width:800px){.header-main{gap:18px}.header-actions{gap:3px}.bonus-balance{height:38px;padding:0 9px;font-size:10px}.bonus-balance>svg{width:16px}.bonus-balance strong{font-size:12px}.primary-nav{gap:15px;font-size:11px}.showcase .hero-copy h1{font-size:31px}.universe-grid{margin-top:20px}}
@media(max-width:550px){.header-main{gap:7px}.header-actions{gap:2px}.bonus-balance{height:36px;border-radius:10px;padding:0 8px;gap:5px;font-size:9px}.bonus-balance>svg{width:15px;height:15px}.bonus-balance strong{font-size:11px;margin:0}.showcase{grid-template-columns:1fr;gap:15px;margin-top:20px}.showcase>.hero-card{grid-column:auto;grid-row:1;height:365px;min-height:365px}.showcase>.drop-card{grid-row:2;height:235px;min-height:235px}.showcase>.roulette-card{grid-row:3;height:420px;min-height:420px}.showcase .hero-top{left:24px;right:24px;top:24px}.showcase .hero-copy{top:88px;left:24px;right:24px}.showcase .hero-copy h1{font-size:31px}.showcase .hero-copy p{font-size:12px}.showcase .hero-art{right:-38%;width:115%}.showcase .hero-shade{background:linear-gradient(90deg,#48166dfc,#551582c2 48%,#58148222 100%),linear-gradient(0deg,#391156b8,transparent 50%)}.hero-search-area{left:24px;right:24px;bottom:26px;width:auto}.hero-search{min-height:47px}.hero-search input{font-size:10px}.hero-search-categories{font-size:8px}.showcase .drop-card>img{width:65%;object-position:80% 35%}.showcase .drop-copy{left:24px;bottom:25px}.showcase .drop-copy h2{font-size:30px}.showcase .drop-copy p{font-size:10px;max-width:none}.showcase .drop-card .glass{left:24px}.showcase .round-arrow{right:21px;bottom:25px;width:35px;height:35px}.roulette-top{left:24px;right:24px;top:24px}.roulette-top>.eyebrow{font-size:8px}.roulette-lock{font-size:6px;letter-spacing:.7px}.roulette-visual{top:42px;max-width:205px;width:65%}.roulette-content{left:24px;right:24px;bottom:24px}.roulette-content h2{font-size:23px}.roulette-content p{font-size:11px;margin-bottom:14px}.roulette-cta{min-height:43px;font-size:11px}.universe-grid{margin-top:21px}.search-category-wrap{padding:16px 18px 3px}.search-category{font-size:10px;padding:7px 10px}.search-category-chips{gap:6px}.bonus-dialog{padding:28px 23px}.bonus-dialog h2{font-size:21px}.guest-balance{padding:12px 10px;font-size:9px;gap:8px}.guest-balance strong{font-size:9px}}
@media(max-width:380px){.brand img{width:89px}.brand>span{font-size:4.5px;letter-spacing:2px}.header-actions>.icon-button{width:31px}.search-trigger{padding:0 5px}.bonus-balance{padding:0 7px}.bonus-label{display:none}.cart-trigger{padding:0 8px}.showcase .hero-copy h1{font-size:28px}.roulette-content h2{font-size:20px}}