@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@keyframes orbDrift1{to{transform:translate(60px,40px)}}@keyframes orbDrift2{to{transform:translate(-50px,-60px)}}@keyframes orbDrift3{to{transform:translate(30px,-30px)}}@keyframes goldShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.games-shell{max-width:none;margin:0;padding:118px 16px 0;overflow-x:hidden}@media (min-width:768px){.games-shell{padding:118px 24px 0 16px}}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg-base{background:var(--background);position:absolute;inset:0}.ambient-orb,.ambient-orb--cyan,.ambient-orb--purple,.ambient-orb--blue{display:none}.ambient-bg-grid{opacity:0;background-image:none;position:absolute;inset:0}.anim-fade-up{animation:.55s cubic-bezier(.22,1,.36,1) both fadeSlideUp}.anim-card{animation:.5s cubic-bezier(.22,1,.36,1) both cardReveal}.gold-text{color:var(--gold)}.game-card{background:#111116;border:1px solid #d4af3738;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.game-card:hover{z-index:10;border-color:#d4af3799;transform:translateY(-5px)scale(1.01);box-shadow:0 15px 35px #000c,0 0 20px #d4af3740}.card-img{object-fit:cover;filter:contrast(1.08)brightness(1.05);width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .3s;display:block}.game-card:hover .card-img{filter:contrast(1.15)brightness(1.12);transform:scale(1.11)}.game-card-media{aspect-ratio:4/5;background:#0b0b0f;position:relative;overflow:hidden}.game-card-media:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff1a 0%,#0000 40% 60%,#ffffff0d 100%);position:absolute;inset:0}.game-card-media:before{content:"";z-index:3;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;top:0;left:0;right:0}.game-card-fallback{opacity:.15;justify-content:center;align-items:center;height:100%;font-size:40px;display:flex}.game-card-gradient{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 40%,#0000 0%,#0000001a 50%,#0006 100%);position:absolute;inset:0}.game-card-provider-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;color:#fffc;background:#000000a6;border:1px solid #ffffff1f;border-radius:50px;padding:3px 10px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.game-card-hot-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;color:#e88;background:#e6396240;border:1px solid #e6396266;border-radius:50px;padding:3px 9px;font-size:9px;font-weight:700;position:absolute;top:10px;right:40px}.game-card-info{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.game-category-row{width:100%;min-width:0;margin-bottom:1.25rem}.game-category-row:last-of-type{margin-bottom:0}.game-category-title{font-family:var(--font-playfair),var(--font-display),Georgia,serif;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin:0 0 .5rem;padding-bottom:.3rem;font-size:.95rem;font-weight:700}.game-card-title{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:13px;font-weight:600;overflow:hidden}.game-card-provider{color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:10px}.game-card-demo-btn{border:1px solid var(--accent-muted);color:var(--accent-muted);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#0f172acc;border-radius:999px;padding:5px 10px;font-size:10px}.play-overlay{opacity:0;background:#0009;justify-content:center;align-items:flex-end;padding-bottom:14px;transition:opacity .3s;display:flex;position:absolute;inset:0}.game-card:hover .play-overlay{opacity:1}.play-btn{background:var(--gradient-gold);color:#0b0b0f;font-family:var(--font-montserrat),inherit;letter-spacing:.06em;border:none;border-radius:8px;padding:8px 20px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;transform:translateY(4px);box-shadow:0 2px 12px #d4af374d}.game-card:hover .play-btn{transform:translateY(0);box-shadow:0 4px 20px #d4af3780}.play-btn--login-required{color:#facc15;background:#1e293b;border:1px solid #facc1566;padding:8px 16px;font-size:11px}.game-card:hover .play-btn--login-required{transform:translateY(0)}.search-input:focus{border-color:#d4af37a6!important;width:100%!important;box-shadow:0 0 0 3px #d4af3733!important}.cat-pill{transition:all .22s cubic-bezier(.22,1,.36,1)}.cat-pill:hover{color:#fffc!important}.load-more-btn:hover{background:#ffffff14!important;border-color:#ffffff40!important}.load-more-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}.fav-btn{cursor:pointer;color:#fff6;background:#000000bf;border:1px solid #ffffff1f;border-radius:50%;outline:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:color .2s;display:flex;position:absolute;top:8px;right:8px}.fav-btn--active{color:#e63962}.fav-btn:hover{color:#e63962!important}.games-sidebar{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;width:100%;min-width:0;max-height:calc(100vh - 130px);padding:6px 8px;overflow-y:auto}.games-sidebar::-webkit-scrollbar{display:none}.mobile-category-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-category-scroll::-webkit-scrollbar{display:none}.sidebar-scrollable{scrollbar-width:none;-ms-overflow-style:none}.sidebar-scrollable::-webkit-scrollbar{display:none}.sidebar-section-label{display:none}.sidebar-nav-item{width:100%;color:var(--text-muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:row;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:500;line-height:1.4;transition:background .18s,border-color .18s,color .18s;display:flex}.sidebar-nav-item:hover{color:var(--gold-light);border-color:var(--border);background:#d4af370f}.sidebar-nav-item--active,.sidebar-nav-item--active:hover{background:var(--gradient-gold);color:#0b0b0f;border-color:var(--border-strong);border-radius:10px;font-weight:700}.sidebar-nav-item--active .sidebar-nav-icon,.sidebar-nav-item--active:hover .sidebar-nav-icon{color:#0b0b0f}.sidebar-nav-icon-wrap{border:1px solid var(--border);background:#14141ae6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .18s,border-color .18s;display:flex}.sidebar-nav-icon{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.sidebar-nav-item--active .sidebar-nav-icon-wrap{box-shadow:none;background:#0000000f;border:1px solid #00000040}.sidebar-nav-item--active .sidebar-nav-icon{color:#0b0b0f}.sidebar-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;flex:1;font-size:12.5px;line-height:1.4;overflow:hidden}.back-link:hover{color:var(--accent-muted)!important}.back-link:hover .back-arrow{transform:translate(-3px)}.back-arrow{transition:transform .2s;display:inline-block}.provider-select:focus{outline:none;border-color:#ffffff59!important}.recent-wins-section{border-top:1px solid #ffffff0f;margin-top:2rem;padding-top:1.25rem}.recent-wins-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.recent-wins-section__title{font-family:var(--font-montserrat),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-gold);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.25,1,.5,1)}.recent-wins-section__title:hover{filter:drop-shadow(0 4px 12px #d4af3766);transform:translateY(-2px)scale(1.02)}.recent-wins-section__tabs{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;gap:.25rem;padding:.25rem;display:flex}.recent-wins-section__tab{letter-spacing:.04em;color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:color .2s,background .2s}.recent-wins-section__tab:hover{color:#ffffffd9}.recent-wins-section__tab--active{color:#0b0b0f;background:var(--gradient-gold);border:1px solid var(--gold)}.recent-wins-section__table-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f111b99;border:1px solid #ffffff0f;border-radius:14px;overflow-x:auto}.recent-wins-table{border-collapse:collapse;width:100%;font-size:14px}.recent-wins-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:.75rem 1rem;font-size:11px;font-weight:600}.recent-wins-table td{color:#ffffffd9;border-bottom:1px solid #ffffff0a;padding:.7rem 1rem;font-size:14px}.recent-wins-table tbody tr:last-child td{border-bottom:none}.recent-wins-table__row--alt td{background:#ffffff05}.recent-wins-table__game{align-items:center;gap:.5rem;display:flex}.recent-wins-table__game-icon{justify-content:center;align-items:center;margin-right:.5rem;display:inline-flex}.recent-wins-table__game-thumb{object-fit:cover;border:1px solid #ffffff1f;border-radius:6px;width:32px;height:32px}.recent-wins-table__user-hidden{color:#ffffff80;font-style:italic}.recent-wins-table__shield{vertical-align:middle;color:#ffffff80;margin-left:.35rem}.recent-wins-table__amount{font-variant-numeric:tabular-nums;color:#ffffffbf}.recent-wins-table__multiplier{font-variant-numeric:tabular-nums;color:#ffffffb3}.recent-wins-table__payout{font-variant-numeric:tabular-nums;font-weight:600}.recent-wins-table__payout--win{color:#4ade80}.recent-wins-table__payout--loss{color:#f87171e6}.recent-wins-table tbody tr{animation:.45s ease-out recentRowSlideUp}@keyframes recentRowSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-row{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;gap:14px;width:100%;min-width:0;display:flex;overflow-x:auto}.game-row::-webkit-scrollbar{display:none}.game-row .game-card{scroll-snap-align:start;flex:0 0 68%;max-width:68%}@media (min-width:768px){.game-row{gap:18px}.game-row .game-card{flex:0 0 40%;max-width:40%}}@media (min-width:1024px){.game-row{gap:18px}.game-row .game-card{flex:0 0 160px;width:160px;max-width:160px}}@media (min-width:1280px){.game-row .game-card{flex:0 0 185px;width:185px;max-width:185px}}@media (min-width:1536px){.game-row .game-card{flex:0 0 210px;width:210px;max-width:210px}}@media (min-width:1920px){.game-row .game-card{flex:0 0 240px;width:240px;max-width:240px}}.scroll-row-wrap{width:100%;min-width:0;margin-top:-8px;margin-bottom:-8px;padding-top:8px;padding-bottom:8px;position:relative;overflow-x:clip}.scroll-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-muted);z-index:20;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,background .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-btn:hover{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.scroll-btn-icon{font-size:18px;line-height:1}.scroll-btn--left{left:4px}.scroll-btn--right{right:4px}.games-footer__inner{padding-inline:12px}@media (min-width:768px){.games-footer__inner{padding-inline:16px}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}input[type=text]::placeholder{color:#fff3}.hero-promo-row{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;display:flex;overflow-x:auto}@media (min-width:900px){.hero-promo-row{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}}.hero-promo-card{color:#f9fafb;opacity:.9;aspect-ratio:16/5;scroll-snap-align:center;border:1px solid #ffffff14;border-radius:12px;min-width:100%;max-height:240px;padding:0;transition:transform .25s,border-color .25s,opacity .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}@media (min-width:900px){.hero-promo-card{scroll-snap-align:none;min-width:0}}.hero-promo-card__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-promo-card__img--zoom{transform-origin:50%;transform:scale(1.36)translate(6%)}.hero-promo-card__overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0006 55%,#000000e0 100%);position:absolute;inset:0}.hero-promo-card__content{z-index:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;padding:16px 18px;display:flex;position:relative}.hero-promo-card--purple{background:#1f1b32e6}.hero-promo-card--gold{background:#141005f2;border-color:var(--border-strong)!important}.hero-promo-card--cyan{background:#081b23e6}.hero-promo-card--active{opacity:1;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 28px #0009}.hero-promo-badge{text-transform:uppercase;letter-spacing:.06em;color:#f8fafcf2;background:#000000b3;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.hero-promo-kicker{text-transform:uppercase;letter-spacing:.16em;color:#e2e8f0cc;margin-bottom:6px;font-size:11px}.hero-promo-title{font-family:var(--font-playfair),var(--font-display),Georgia,serif;letter-spacing:.03em;text-transform:uppercase;color:var(--gold-light);margin:0 0 6px;font-size:18px;font-weight:800}.hero-promo-description{color:#e2e8f0d9;max-width:24rem;font-size:12px;line-height:1.4}
