/* Home / reference mobile fold */
.hero{aspect-ratio:1553/646;width:100%;position:relative;overflow:hidden;background:#072015}
.hero-track{height:100%;display:flex;transition:transform 650ms cubic-bezier(.22,.68,0,1.01);will-change:transform}
.hero-slide{display:block;flex:0 0 100%;width:100%;height:100%;padding:0;margin:0;border:0;background:#062016;overflow:hidden}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.slider-dots button{border:0;width:24px;height:5px;border-radius:8px;background:#9ca7a1bb;padding:0;box-shadow:0 1px 3px #0007;transition:background .3s,width .3s}.slider-dots button.on{background:#34f393;width:36px;box-shadow:0 0 9px #08dd76}
.ticker{height:38px;display:flex;align-items:center;background:#070b09;border-bottom:1px solid #172b20;overflow:hidden}
.speaker{width:42px;flex:0 0 42px;display:grid;place-items:center;color:#17b987;background:#0c1510;height:100%;border-right:1px solid #1b2b22}
.ticker-window{overflow:hidden;flex:1;white-space:nowrap}.ticker-text{font-size:12px;color:#dae7dc;white-space:nowrap;display:inline-block;animation:marquee 26s linear infinite;padding-left:80%}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:26px 11px 10px;background:#050807}
.category-tile{background:none;border:0;border-radius:13px;min-width:0;padding:0;aspect-ratio:136/144;transition:transform .15s,filter .15s;overflow:hidden}
.category-tile img{width:100%;height:100%;object-fit:fill;display:block}.category-tile.active{filter:drop-shadow(0 0 7px rgba(38,255,132,.31))}.category-tile:active{transform:scale(.97)}
.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}
.game-card{position:relative;min-width:0;aspect-ratio:1.29/1;border-radius:13px;overflow:hidden;background:#101713;border:1px solid #283d2f;box-shadow:0 3px 16px rgba(0,0,0,.25)}
.game-art{width:100%;height:100%;display:block;padding:0;border:0;background:#0d1711;text-align:left;position:relative;overflow:hidden}
.game-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .25s}.game-art:active img{transform:scale(1.035)}
.game-shade{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.game-name{position:absolute;left:11px;right:11px;bottom:11px;font-size:13px;font-weight:730;color:white;letter-spacing:-.1px;text-shadow:0 2px 5px #000,0 1px 1px #000;line-height:1.15}
.favorite{position:absolute;top:8px;right:8px;width:27px;height:27px;background:rgba(8,13,13,.65);border:1px solid rgba(239,253,244,.62);border-radius:50%;color:white;display:grid;place-items:center;padding:0}.favorite.saved{color:#f9db63;border-color:#f9db63}
/* Providers and category browsing */
.browse-toolbar{height:73px;padding:0 16px;background:#030705;border-bottom:1px solid #253630;display:flex;align-items:center;justify-content:space-between;gap:10px}
.browse-current{background:none;border:0;display:flex;align-items:center;gap:10px;font-size:22px;padding:3px 0;color:#fff}.browse-current strong{font-size:21px}.browse-current svg:first-child{color:var(--green)}
.browse-actions{display:flex;align-items:center;gap:14px}.browse-actions>*{border:0;background:transparent;color:white;display:grid;place-items:center;padding:5px}
.browse-dropdown{display:flex;flex-direction:column;position:absolute;left:15px;z-index:12;background:#14231b;border:1px solid #305842;border-radius:10px;box-shadow:0 12px 30px #000;width:180px;padding:6px}.browse-dropdown a{padding:11px 13px;border-radius:5px;font-size:13px}.browse-dropdown a:active{background:#135334}
.browse-page>.search-bar{margin:15px 13px}.filter-panel{background:#0c1611;margin:-6px 12px 14px;padding:13px;border:1px solid #233f30;border-radius:10px;font-size:12px}.chip-row{display:flex;gap:8px;margin-top:11px}.chip{border:1px solid #354c3d;border-radius:50px;padding:6px 16px;background:#111e16;font-size:11px}.chip.selected{background:#18a76c;color:white}
.providers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 13px 18px}
.provider-tile{display:flex;align-items:center;gap:8px;min-height:73px;border:1px solid #2d3632;border-radius:12px;padding:9px 10px;background:linear-gradient(155deg,#171c19,#101310);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);font-size:13px}
.provider-tile>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-tile>svg{color:#63786c}
.provider-mark{min-width:46px;width:46px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;font-style:italic;letter-spacing:-1px;text-shadow:0 2px 2px #000}.provider-mark.mint{color:#99e9ca}.provider-mark.gold{color:#ffce65}.provider-mark.sunset{color:#ff8f44}.provider-mark.neutral{color:#e4e7e3;font-size:16px}
.browse-bottom{border-top:1px solid #17261d;margin:10px 14px 15px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c3d1c6}.browse-bottom a{color:var(--green);display:flex;gap:3px;align-items:center;font-weight:650}
.collection-hint{padding:20px;font-size:11px;text-align:center;color:#819a89}.pad-page .games-grid{padding:0}
.game-focus{text-align:center;max-width:310px;margin:5px auto}.game-focus>img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:15px;border:1px solid #32503b}.game-focus h2{margin:18px 0 4px}.game-focus>p{color:#a9b5ae;font-size:12px}
/* Promotions */
.promo-page{background:#0b0e11;padding:21px 14px 10px;min-height:70vh}.promo-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.promo-tabs::-webkit-scrollbar{display:none}.promo-tabs button{border:0;border-radius:6px;background:#1d2027;color:#a6abb4;white-space:nowrap;padding:12px 15px;font-size:13px}.promo-tabs button.active{background:#198866;color:#fff}
.promo-code{margin:24px 0 22px}.promo-code>button{background:transparent;border:0;color:#afb1b7;display:flex;align-items:center;gap:6px;padding:0;font-size:14px}.promo-code form{display:flex;margin-top:12px;gap:7px}.promo-code input{min-width:0;width:100%;border:1px solid #415749;background:#101812;border-radius:7px;padding:8px;font-size:13px}.promo-code form .button-primary{min-height:39px;padding:6px 12px;font-size:12px}
.promo-stack{display:grid;gap:15px}.promo-card{overflow:hidden;border-radius:10px;background:#1c1e25;border:1px solid #20272c;box-shadow:0 8px 20px rgba(0,0,0,.18)}.promo-cover{display:block;aspect-ratio:2.3;position:relative;overflow:hidden}.promo-cover>img{width:100%;height:100%;object-fit:cover;display:block}.promo-ribbon{position:absolute;bottom:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 7px;border-radius:4px;background:#062916d8;color:#b9ffde;border:1px solid #2ba769}
.promo-copy{padding:15px}.promo-tag{font-size:11px;color:#d3d9d6;padding:7px 9px;background:#30333b;display:inline-block;border-radius:6px}.promo-copy h3{font-size:17px;margin:13px 0 4px}.promo-copy p{font-size:12px;color:#c2c4c9;margin-bottom:8px}.promo-copy small{display:flex;align-items:center;gap:6px;font-size:10px;color:#8d9099;margin-bottom:9px}.promo-read{display:inline-flex;align-items:center;color:#42d898;font-size:13px;font-weight:700;gap:4px;padding:3px 0}.promo-full-image{width:100%;aspect-ratio:2.2;object-fit:cover;display:block}.terms{border-top:1px solid #303c33;margin:20px 0 16px;padding-top:15px}.terms h3{font-size:14px}.terms p{font-size:12px}
/* Menu */
.menu-page{background:#131715;padding-bottom:20px}.menu-account{display:block;padding:18px;border-bottom:1px solid #293b32}.menu-account>div{display:flex;align-items:center;gap:10px;position:relative}.menu-account strong{font-size:15px}.menu-account small{display:block;position:absolute;top:23px;left:51px;font-size:11px;color:#87a795}.menu-account>svg{float:right;margin-top:-26px}.avatar{border:1px solid #227044;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#46ee94;background:#072915}
.chat-row{padding:11px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #38413b}.chat-row a{padding:10px 16px;background:#222826;border-radius:5px;display:flex;align-items:center;gap:13px;font-size:14px}.chat-row button{border:0;background:#222826;border-radius:6px;padding:9px;display:grid;place-items:center;color:#a1a6a2}
.menu-banner{display:block;margin:13px 10px 11px;overflow:hidden;border-radius:8px;aspect-ratio:2.6}.menu-banner img{display:block;width:100%;height:100%;object-fit:cover}
.menu-links{padding:7px 8px}.menu-line{display:flex;align-items:center;min-height:62px;padding:0 12px;gap:13px;font-size:15px;border-radius:7px;color:#f4f8f5}.menu-line:active{background:#1c2721}.menu-symbol{display:grid;place-items:center;width:30px;color:#9fe8b8}.menu-line:nth-child(1) .menu-symbol,.menu-line:nth-child(2) .menu-symbol{color:#f5ce64}.menu-line:nth-child(3) .menu-symbol{color:#8dffc4}.menu-line:nth-child(4) .menu-symbol{color:#f1cd66}.menu-right{margin-left:auto;color:#b0bdb2}.view-all{font-size:10px;color:#03180c;background:#18c68c;border-radius:6px;padding:7px 9px;margin-left:auto}.view-all+.menu-right{margin-left:0}.menu-secondary{border-top:1px solid #2a352c;margin:10px 15px 0;padding-top:15px;display:flex;flex-wrap:wrap;gap:10px 17px;font-size:11px;color:#9eb6a8}
/* Auth */
.auth-page{padding:10px 16px 22px;background:radial-gradient(circle at 50% 0,#103822 0,transparent 42%)}.auth-hero{text-align:center;padding:31px 0 12px}.auth-icon{width:56px;height:56px;margin:auto auto 15px;display:grid;place-items:center;border-radius:16px;color:#65ff9e;background:linear-gradient(135deg,#173d29,#0c1d14);border:1px solid #367e4d;box-shadow:0 7px 25px #12e06d1b}.eyebrow{font-size:10px;letter-spacing:2px;color:#7bf7a8;font-weight:800}.auth-hero h1{font-size:28px;margin:7px 0 4px;letter-spacing:-.8px}.auth-hero p{color:#a5b4a8;font-size:12px}.auth-panel{border:1px solid #294c37;background:linear-gradient(#111a15,#0d130f);padding:18px;border-radius:16px;box-shadow:var(--shadow)}.auth-form{display:flex;flex-direction:column;gap:14px}
.form-field{display:block}.form-field>span{display:block;color:#d9e2dc;font-size:11px;font-weight:650;margin:0 0 8px}.input-wrap{min-height:46px;border:1px solid #34483a;background:#0a110e;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;color:#77bb96}.input-wrap:focus-within{border-color:#26d47e;box-shadow:0 0 0 2px #1de27418}.input-wrap input{background:transparent;border:0;outline:0!important;flex:1;min-width:0;color:white;font-size:13px}.input-wrap input::placeholder{color:#617e6b}.show-pass{background:transparent;border:0;padding:4px;color:#99b7a3;display:grid;place-items:center}.form-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.error{font-size:12px;color:#ffac95;padding:10px;border:1px solid #923c2d;border-radius:6px;background:#34150f;margin:0}.switch-auth{text-align:center;color:#9aafa0;font-size:12px}.switch-auth a{color:#5cf99c;font-weight:750}.checkline{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#adbfaf;line-height:1.5}.checkline input{accent-color:#1dd778;min-width:16px;min-height:16px;margin-top:2px}.notice-card{padding:20px;background:#102017;border:1px solid #275d3c;border-radius:12px;text-align:center}.notice-card svg{color:#67fab5}.notice-card p{font-size:12px;color:#b8c5ba;margin:14px 0 25px}
/* Account and other feature pages */
.profile-banner{display:flex;align-items:center;gap:12px;padding:17px 13px;border-radius:14px;border:1px solid #28603c;background:linear-gradient(128deg,#153b27,#0c1711);margin:0 0 16px}.big-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#246b44;color:#e5ffeb}.profile-banner>div{flex:1;min-width:0}.profile-banner small{font-size:9px;letter-spacing:1px;color:#b2e4c2}.profile-banner h2{font-size:18px;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis}.profile-banner p{margin:2px 0 0;color:#b7c8bb;font-size:11px;overflow:hidden;text-overflow:ellipsis}.demo-pill{border:1px solid #558958;color:#deffbe;border-radius:3px;padding:5px;font-size:9px;font-weight:800;letter-spacing:1px}
.profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.profile-stat-row>div{display:flex;flex-direction:column;align-items:center;gap:7px;background:#101b14;border:1px solid #264032;border-radius:10px;padding:14px 4px}.profile-stat-row strong{font-size:18px;color:#b7f8c9}.profile-stat-row span{font-size:10px;color:#8fa296}.account-links{display:flex;flex-direction:column;gap:1px;background:#0d1812;border:1px solid #283c2f;border-radius:12px;overflow:hidden;margin:18px 0}.account-links a{padding:13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #23342a;font-size:13px}.account-links a:last-child{border-bottom:0}.account-links a>svg:first-child{color:var(--green)}.go-right{margin-left:auto;color:#899c91}.logout-button{margin:7px 0 5px}
.guest-gate{text-align:center;border:1px solid #274534;padding:33px 23px;background:#0c1910;border-radius:16px;margin:30px auto;max-width:390px}.guest-gate>svg{color:#55f89b}.guest-gate h1{font-size:62px;color:#55f89b;margin-bottom:1px}.guest-gate h2{margin:12px 0}.guest-gate p{color:#aebdb1;font-size:13px}.guest-gate a{margin-top:10px}
.wallet-card{background:linear-gradient(130deg,#17462b,#081610 70%);border-radius:16px;border:1px solid #38764c;padding:18px;box-shadow:0 12px 30px #0006;margin:0 0 14px}.wallet-top{display:flex;gap:9px;align-items:center;color:#7cffa9;font-size:11px;letter-spacing:2px;margin-bottom:29px}.wallet-card>small{color:#b6d8c2;font-size:12px}.balance{font-size:33px;letter-spacing:-1px;font-weight:850;margin:3px 0 10px}.wallet-card p{font-size:10px;color:#90b69f;margin-bottom:0}.action-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.history{margin-top:25px}.history h3{font-size:15px}.finance-card{border:1px solid #295e3d;background:#101c14;padding:22px 17px;border-radius:14px;text-align:center}.finance-icon{margin:10px auto;display:grid;place-items:center;width:54px;height:54px;background:#143c22;color:#5afd97;border-radius:15px}.finance-card h2{margin:14px 0}.finance-card p{font-size:12px;color:#a5b6a9}.finance-card .form-field{text-align:left;margin:15px 0}.currency{color:#7effbc}.finance-card button[disabled]{margin-top:5px}
.info-hero{border:1px solid #2c573c;background:linear-gradient(150deg,#153421,#0e1511);padding:28px 20px;border-radius:15px;text-align:center}.info-hero>svg{color:#55ff9f}.info-hero h2{margin:13px 0 8px;font-size:22px}.info-hero p{font-size:13px;color:#adbeaf;margin-bottom:0}.faq{padding:19px 0}.faq h3{font-size:16px}.faq details{border-bottom:1px solid #2a4733;padding:15px 0}.faq summary{font-size:13px;cursor:pointer}.faq details p{font-size:12px;color:#b1c3b4;margin:9px 0 0}.faq button{margin:17px 0 0}
@media(max-width:360px){.category-tiles{padding:19px 8px 9px;gap:4px}.games-grid{padding:0 9px;gap:8px}.game-name{font-size:12px}.browse-toolbar{padding:0 10px}.browse-actions{gap:7px}.provider-tile{padding:8px 6px}.provider-mark{width:40px;min-width:40px;font-size:17px}}