/* app-lobby base — Brazilian mobile casino-APP lobby. Tokens come from /css/theme.css (variant). 2026-11-15 SGT */
@font-face{font-family:"AL Display";src:url(/_s/fonts/v1/outfit-800.289b8a3b.289b8a3b.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"AL Display";src:url(/_s/fonts/v1/outfit-700.b8fe9173.b8fe9173.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"AL Body";src:url(/_s/fonts/v1/nunito-400.09b4adb9.09b4adb9.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"AL Body";src:url(/_s/fonts/v1/nunito-800.c52e239b.c52e239b.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--hd:56px;--bn:62px;--gap:8px;--pad:12px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 14px/1.5 "AL Body",system-ui,sans-serif;min-height:100vh}
body.t-light{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 70%,#fff))}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,b,.btn{font-family:"AL Display","AL Body",sans-serif}
.app{max-width:480px;margin:0 auto;padding-bottom:calc(var(--bn) + 28px + env(safe-area-inset-bottom));background:var(--bg);min-height:100vh;position:relative;box-shadow:0 0 60px rgba(0,0,0,.35)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;border-radius:var(--r-sm);padding:10px 16px;line-height:1.1;white-space:nowrap;transition:transform .12s,filter .12s}
.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.08)}
.btn--p{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 80%,#fff),var(--primary) 55%,color-mix(in srgb,var(--primary) 80%,#000));color:var(--on-primary);box-shadow:0 3px 0 color-mix(in srgb,var(--primary) 55%,#000),0 0 14px var(--glow)}
.btn--s{background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 80%,#fff),var(--secondary) 55%,color-mix(in srgb,var(--secondary) 80%,#000));color:var(--on-secondary);box-shadow:0 3px 0 color-mix(in srgb,var(--secondary) 55%,#000)}
.btn--ghost{border:1.5px solid var(--primary);color:var(--text);background:color-mix(in srgb,var(--primary) 12%,transparent)}
.btn--sm{padding:8px 12px;font-size:13px}.btn--xs{padding:5px 10px;font-size:11px;border-radius:999px}.btn--lg{min-height:56px;font-size:18px;border-radius:var(--r-md)}.btn--block{display:flex;width:100%}
/* app download bar */
.appbar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:color-mix(in srgb,var(--header) 70%,#000);color:var(--on-header);font-size:12px}
.appbar__icon{border-radius:8px;background:#fff;object-fit:contain}.appbar__txt{flex:1;line-height:1.2}.appbar__txt span{display:block;opacity:.75;font-size:11px}
.appbar__cta{padding:7px 12px;font-size:12px}.appbar__x{opacity:.7;padding:4px}.appbar.is-gone{display:none}
/* header */
.hd{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;height:var(--hd);padding:0 10px;background:var(--header);color:var(--on-header);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.hd__menu{padding:6px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--on-header) 10%,transparent)}
.hd__brand{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.hd__logo{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;padding:2px;flex:0 0 56px}
.hd__name{font:800 16px/1.1 "AL Display";letter-spacing:-.2px;white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary) 50%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:max(15px,16px)}
.t-light .hd__name{background:none;color:var(--on-header)}
.hd__right{display:flex;align-items:center;gap:6px}.hd__btn{padding:7px 10px;font-size:12px}.hd__icon{padding:5px;opacity:.85}.hd__link{font:700 13px "AL Display";padding:6px}
.hd__reg{position:relative}.hd__badge{position:absolute;top:-9px;right:-4px;font:800 9px/1 "AL Body";font-style:normal;background:#e8203a;color:#fff;padding:2px 5px;border-radius:999px}
.pill{display:flex;align-items:center;gap:6px;border-radius:999px;background:color-mix(in srgb,#000 30%,var(--header));padding:4px 4px 4px 10px;font:800 12px "AL Display";border:1px solid var(--line)}
.pill__w{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary);color:var(--on-primary)}
/* drawer */
.drawer{position:fixed;z-index:60;top:0;bottom:0;left:max(0px,calc(50% - 240px));width:min(300px,84vw);background:var(--surface);color:var(--text);padding:14px;overflow:auto;box-shadow:8px 0 30px rgba(0,0,0,.4)}
.drawer[hidden],.scrim[hidden]{display:none}.drawer__hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.drawer ul{list-style:none;margin-bottom:12px}.drawer li a{display:block;padding:11px 8px;border-bottom:1px solid var(--line);font-weight:800}
.scrim{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.55)}
/* banner carousel */
.bnr{position:relative;margin:10px var(--pad) 0;border-radius:var(--r-md);overflow:hidden;aspect-ratio:16/8.2;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.bnr__track{position:absolute;inset:0}.bnr__slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}
.bnr__slide.is-on{opacity:1;pointer-events:auto}.bnr__slide img{width:100%;height:100%;object-fit:cover}
.bnr__txt{position:absolute;left:0;top:0;bottom:0;width:58%;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent)}
.bnr__txt em{font:700 11px "AL Display";font-style:normal;text-transform:uppercase;letter-spacing:.6px;color:var(--jackpot)}
.bnr__txt b{font:800 21px/1.05 "AL Display";text-shadow:0 2px 0 rgba(0,0,0,.35)}.bnr__txt small{font-size:11px;opacity:.9}.bnr__txt .btn{align-self:flex-start;margin-top:4px}
.bnr__dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.bnr__dot{width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.45)}.bnr__dot.is-on{width:22px;background:var(--primary)}
/* promo cards */
.pc{display:grid;gap:var(--gap);margin:10px var(--pad) 0}.pc--3{grid-template-columns:repeat(3,1fr)}.pc--2{grid-template-columns:repeat(2,1fr)}
.pc__card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:64px;border-radius:var(--r-sm);padding:8px;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 50%,#000))}
.pc__card--1{background:linear-gradient(135deg,var(--secondary),color-mix(in srgb,var(--secondary) 45%,#000))}.pc__card--2{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 50%,var(--secondary)),color-mix(in srgb,var(--surface) 60%,#000))}
.pc__card b{display:block;font-size:12px;line-height:1.1}.pc__card small{font-size:10px;opacity:.9}.pc__card img{width:44px;height:44px;border-radius:8px;flex:none}
.pc--3 .pc__card{flex-direction:column;align-items:flex-start;gap:4px}.pc--3 .pc__card img{position:absolute;right:-6px;bottom:-6px;opacity:.85}
.pc__strip{display:flex;justify-content:space-between;align-items:center;margin:8px var(--pad) 0;padding:10px 12px;border-radius:var(--r-sm);color:#fff;background:linear-gradient(90deg,#e8203a,var(--secondary));font-size:12px}
/* welcome frame */
.wc{display:flex;align-items:center;gap:8px;margin:10px var(--pad) 0;padding:10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.wc__av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:var(--on-primary)}.wc__hi{flex:1;line-height:1.15}.wc__hi small{display:block;color:var(--muted);font-size:11px}
.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:8px var(--pad) 0}
.qa__card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 8px;min-height:68px;border-radius:var(--r-sm);font:800 12px "AL Display";background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 35%,var(--surface)),var(--surface));border:1px solid var(--line)}
.qa__card i{color:var(--jackpot)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin:8px var(--pad) 0}
.duo__card{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}.duo__card i{color:var(--jackpot)}
.duo__card small{display:block;color:var(--muted);font-size:11px}.duo__card b{color:var(--jackpot);font-size:15px}
/* ticker */
.tk{display:flex;align-items:center;gap:8px;margin:10px var(--pad) 0;padding:6px 6px 6px 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:12px}
.tk i{color:var(--primary);flex:none}.tk__win{flex:1;overflow:hidden;white-space:nowrap}.tk__run{display:inline-block;animation:tk 38s linear infinite}.tk__run span{margin-right:36px}
.tk__s{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}
@keyframes tk{to{transform:translateX(-50%)}}
/* jackpot */
.jp{display:flex;align-items:center;gap:10px;margin:12px var(--pad) 0;padding:12px;border-radius:var(--r-md);position:relative;overflow:hidden;
 background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--primary) 40%,transparent),transparent 60%),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 60%,#000));border:1px solid color-mix(in srgb,var(--jackpot) 40%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--jackpot) 18%,transparent)}
.jp__art{width:72px;height:72px;border-radius:12px;flex:none}.jp__body{min-width:0}.jp__body small{color:var(--muted);font-size:12px}
.jp__num{display:block;font:800 clamp(22px,7vw,30px)/1.05 "AL Display";letter-spacing:.5px;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff7c2,var(--jackpot) 45%,color-mix(in srgb,var(--jackpot) 60%,#7a3a00));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--jackpot) 55%,transparent))}
.jp__num::before{content:"R$ ";font-size:.6em}.jp__body em{display:block;font-size:10px;font-style:normal;color:var(--muted)}
.l-jackpot .jp{margin-top:10px;padding:16px}.l-jackpot .jp__num{font-size:clamp(26px,8.5vw,36px)}
/* tabs */
.ct,.pv,.sp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 0;padding:2px var(--pad) 4px}.ct::-webkit-scrollbar,.pv::-webkit-scrollbar,.sp::-webkit-scrollbar{display:none}
.ct__tab{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px 6px;border-radius:var(--r-sm);font:700 11px "AL Display";color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.ct__tab i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}
.ct__tab.is-on{color:var(--on-primary);background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));box-shadow:0 0 12px var(--glow)}.ct__tab.is-on i{background:rgba(255,255,255,.2);color:var(--on-primary)}
.f-modern .ct__tab{flex-direction:row;border-radius:999px;padding:6px 12px 6px 6px;min-width:0}.f-modern .ct__tab i{width:28px;height:28px;border-radius:50%}
.f-welcome .ct__tab{transform:skewX(-10deg);border-radius:6px;flex-direction:row;padding:10px 14px}.f-welcome .ct__tab>*{transform:skewX(10deg)}
.f-welcome .ct__tab:nth-child(3n+2){background:linear-gradient(180deg,var(--secondary),color-mix(in srgb,var(--secondary) 60%,#000));color:var(--on-secondary)}
.pv__tab{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:78px;padding:8px 4px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.pv__tab b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);font:800 13px "AL Display"}
.pv__tab span{font:700 11px "AL Display";color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.pv__tab small{font-size:10px}
.pv__tab.is-on{border-color:var(--primary);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 35%,var(--surface)),var(--surface));box-shadow:0 0 12px var(--glow)}.pv__tab.is-on b{background:var(--primary);color:var(--on-primary)}
.sp__tab{flex:none;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font:700 12px "AL Display"}
.sp__tab:first-child{background:var(--primary);color:var(--on-primary)}
.sp__card{display:block;margin:8px var(--pad) 0;padding:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.sp__lg{display:flex;align-items:center;gap:6px;font:700 12px "AL Display";color:var(--muted)}.sp__m{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:15px}.sp__m i{color:var(--muted)}
.sp__odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp__odds em{font-style:normal;text-align:center;padding:7px 0;border-radius:var(--r-xs);background:color-mix(in srgb,var(--primary) 18%,transparent);font:700 11px "AL Display"}.sp__card small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
/* section head */
.gs{margin:14px var(--pad) 0}.sh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.sh h2{display:flex;align-items:center;gap:6px;flex:1;font:800 17px "AL Display"}.sh h2 i{color:#ff7a1a}
.sh__all{font:700 12px "AL Display";color:var(--muted);padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.sh__all b{color:var(--primary)}
.sh__nav{display:flex;gap:4px}.sh__arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--surface);border:1px solid var(--line)}
/* game tiles */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.l-provider .grid,.s-portrait .grid--all{grid-template-columns:repeat(4,1fr)}
.g-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);transition:transform .15s,box-shadow .15s}
.g-tile:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--primary),0 0 16px var(--glow)}
.g-art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}.g-art img{width:100%;height:100%;object-fit:cover}
.g-art::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent)}
.g-name{position:absolute;left:4px;right:4px;bottom:17px;z-index:2;text-align:center;font:800 11px/1.05 "AL Display";text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #000,0 0 4px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g-prov{position:absolute;left:0;right:0;bottom:4px;z-index:2;text-align:center;font:700 9px "AL Body";color:rgba(255,255,255,.75);letter-spacing:.4px}
.g-badge{position:absolute;z-index:2;top:5px;left:5px;padding:2px 6px;border-radius:4px;font:800 9px/1.2 "AL Display";font-style:normal;color:#fff;background:#ff3b30}.g-badge--n{background:#1fb842}
.grid--pop .g-tile:first-child{grid-column:span 2;grid-row:span 2}.l-provider .grid--pop .g-tile:first-child{grid-column:span 2;grid-row:span 2}
.grid--pop .g-tile:first-child .g-name{font-size:16px;bottom:22px}
.s-portrait .g-art{aspect-ratio:3/4}.s-pill .g-tile{border-radius:999px 999px var(--r-sm) var(--r-sm)}.s-glow .g-tile{box-shadow:0 0 0 1.5px var(--primary),0 0 12px var(--glow)}
.s-ticket .g-tile{-webkit-mask:radial-gradient(circle 7px at 0 72%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 72%,#0000 98%,#000) right/51% 100% no-repeat}
.s-hex .g-art{clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.grid--all .g-tile.is-hid,.grid .g-tile.is-out{display:none}
.more-btn{margin-top:10px}
/* activity cards */
.ac{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:14px var(--pad) 0}
.ac__card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 8px;border-radius:var(--r-md);min-height:118px;color:#fff;background:linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 35%,#000))}
.ac__card--1{background:linear-gradient(160deg,var(--secondary),color-mix(in srgb,var(--secondary) 35%,#000))}.ac__card--2{background:linear-gradient(160deg,#c89418,#5a3600)}
.ac__card i{color:#fff4b0}.ac__card b{font-size:13px;line-height:1.1}.ac__card small{font-size:10px;opacity:.9;flex:1}
/* providers strip */
.ps{margin:14px var(--pad) 0}.ps__h{font:800 16px "AL Display";margin-bottom:8px}.ps__row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ps__chip{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}
.ps__chip b{font-size:14px;color:var(--primary)}.ps__chip small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* intro + rich content */
.intro{margin:18px var(--pad) 0;padding:16px;border-radius:var(--r-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 22%,var(--surface)),var(--surface));border:1px solid var(--line)}
.kicker{font:800 11px "AL Display";text-transform:uppercase;letter-spacing:.8px;color:var(--primary)}
.intro h1{font:800 24px/1.12 "AL Display";margin:4px 0 8px}.intro__lead{color:var(--muted);margin-bottom:12px}.cta-note{margin-top:8px;font-size:11px;color:var(--muted)}
.rc{margin:16px var(--pad) 0;padding:14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.rc h2{font:800 18px/1.2 "AL Display";margin-bottom:8px}.rc p{margin-bottom:8px;color:color-mix(in srgb,var(--text) 88%,var(--bg))}
.steps{padding-left:20px}.steps li{margin:6px 0}.steps li::marker{color:var(--primary);font-weight:800}
.cards3{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-card{padding:10px;border-radius:var(--r-sm);background:var(--surface2)}.info-card b{color:var(--primary)}.info-card p{font-size:12px;margin:2px 0 0}
.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{font:700 14px "AL Display";cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";color:var(--primary);font-size:18px}.faq details[open] summary::after{content:"–"}.faq details p{margin:6px 0 0;font-size:13px}
.rv__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rv__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--r-md);background:var(--surface2);text-align:center}
.rv__card img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff}.rv__card small{color:var(--muted);font-size:11px}.rv__logo{width:96px;height:96px;border-radius:18px;background:#fff;object-fit:contain;margin:8px 0}
.score{width:100%;border-collapse:collapse;margin-top:8px}.score th,.score td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.score td{color:var(--muted)}
.search{margin:10px var(--pad) 0}.search input{width:100%;padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}
.intro--page+.ct+.search+.grid,.intro--page~.grid{margin:10px var(--pad) 0}
/* footer */
.ft{margin:18px var(--pad) 0;padding:16px 4px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.ft__brand{display:flex;align-items:center;gap:8px;color:var(--text)}.ft__brand img{border-radius:8px;background:#fff}
.ft__tag{margin:6px 0}.ft__links{display:flex;flex-wrap:wrap;gap:6px 12px;margin:8px 0}.ft__links a{text-decoration:underline;text-underline-offset:2px}.ft__note{margin:4px 0}.ft__age b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #e8203a;color:#e8203a;margin-right:4px}
/* floating widgets */
.fl{position:fixed;z-index:40;right:max(10px,calc(50% - 230px));bottom:calc(var(--bn) + 16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}
.fl__b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.fl__help{background:linear-gradient(180deg,#30d158,#0f8a3a)}.fl__gift{background:linear-gradient(180deg,#ff9f0a,#d9480f);animation:bob 2.4s ease-in-out infinite}.fl__top{background:var(--surface);color:var(--text);border:1px solid var(--line)}
@keyframes bob{50%{transform:translateY(-4px) rotate(-6deg)}}
/* bottom nav */
.bn{position:fixed;z-index:45;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--bn) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--nav);color:var(--on-nav);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.25)}
.bn__it{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--bn);font:700 10px "AL Display";opacity:.72}.bn__it.is-on{opacity:1;color:var(--primary)}
.bn__it--mid{opacity:1}.bn__it--mid i{display:grid;place-items:center;width:58px;height:58px;margin-top:-26px;border-radius:50%;color:var(--on-primary);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary) 60%,#fff),var(--primary) 60%,color-mix(in srgb,var(--primary) 60%,#000));box-shadow:0 0 0 4px var(--nav),0 0 18px var(--glow)}
/* desktop: widened app grid (≥900px) */
@media (min-width:900px){
 .app{max-width:1180px;box-shadow:none}.bnr{aspect-ratio:16/5.2}.bnr__txt b{font-size:34px}.bnr__txt{width:45%;padding:28px}
 .grid{grid-template-columns:repeat(6,1fr)}.l-provider .grid,.s-portrait .grid--all{grid-template-columns:repeat(8,1fr)}
 .pc--3,.ac{grid-template-columns:repeat(3,1fr)}.qa{grid-template-columns:repeat(4,1fr)}.ps__row{grid-template-columns:repeat(8,1fr)}
 .intro h1{font-size:38px}.cta-main{max-width:320px;min-height:64px}.rv__grid{grid-template-columns:repeat(4,1fr)}.cards3{grid-template-columns:repeat(3,1fr)}
 .rc{padding:22px 26px}.hd{height:68px;padding:0 24px}.hd__logo{width:56px;height:56px}.hd__name{font-size:24px}
 .bn{max-width:640px;border-radius:18px 18px 0 0}.fl{right:24px}.drawer{left:0}
}
@media (prefers-reduced-motion:reduce){.tk__run,.fl__gift{animation:none}.bnr__slide{transition:none}}
/* carousel slides composed from the site's own provider game thumbs (03:48 SGT) */
.bnr__bg{position:absolute;inset:0;background:radial-gradient(90% 120% at 78% 40%,color-mix(in srgb,var(--primary) 70%,#fff0) 0,transparent 60%),linear-gradient(120deg,color-mix(in srgb,var(--header) 85%,#000),color-mix(in srgb,var(--primary) 55%,var(--header)))}
.bnr__slide--1 .bnr__bg{background:radial-gradient(90% 120% at 78% 40%,color-mix(in srgb,var(--secondary) 70%,#fff0) 0,transparent 60%),linear-gradient(120deg,color-mix(in srgb,var(--surface) 80%,#000),color-mix(in srgb,var(--secondary) 50%,var(--surface)))}
.bnr__slide--2 .bnr__bg{background:radial-gradient(90% 120% at 78% 40%,color-mix(in srgb,var(--jackpot) 55%,#fff0) 0,transparent 60%),linear-gradient(120deg,color-mix(in srgb,var(--nav) 85%,#000),color-mix(in srgb,var(--primary) 40%,var(--nav)))}
.bnr__bg::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 76% 45%,rgba(255,255,255,.07) 0 6deg,transparent 6deg 18deg)}
.bnr__txt{z-index:2;width:50%;background:none}.bnr__txt b{font-size:19px}.bnr__game{font:800 11px "AL Display"!important;color:var(--jackpot);opacity:1!important}
.bnr__feat{position:absolute;z-index:2;right:24%;top:9%;height:82%;aspect-ratio:1;transform:rotate(-5deg)}
.bnr__feat img{width:100%;height:100%;object-fit:cover;border-radius:14px;border:3px solid color-mix(in srgb,var(--jackpot) 80%,#fff);box-shadow:0 0 0 3px rgba(0,0,0,.25),0 0 26px var(--glow),0 10px 20px rgba(0,0,0,.45)}
.bnr__side{position:absolute;z-index:1;right:3%;top:6%;bottom:6%;width:22%;display:flex;flex-direction:column;justify-content:space-between}
.bnr__mini{position:relative;display:block;aspect-ratio:1;height:31%;margin-left:auto;transform:rotate(4deg)}.bnr__mini:nth-child(2){transform:rotate(-3deg);margin-right:14%}
.bnr__mini img{width:100%;height:100%;object-fit:cover;border-radius:9px;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 10px rgba(0,0,0,.4)}
.bnr__mini i{display:none}
@media (min-width:900px){.bnr__txt b{font-size:34px}.bnr__feat{right:30%}.bnr__side{width:26%;flex-direction:row;align-items:center;gap:8px}.bnr__mini{height:auto;width:31%}.bnr__mini i{display:block;font:700 11px "AL Display";font-style:normal;color:#fff;text-align:center;margin-top:4px}}
.bnr__txt{width:44%;padding:10px 0 10px 12px}.bnr__txt b{font-size:16px}.bnr__txt small{font-size:10px}
.bnr__feat{right:24%;top:16%;height:66%}.bnr__side{width:19%}
@media (min-width:900px){.bnr__txt{width:42%;padding:28px}.bnr__txt b{font-size:34px}.bnr__txt small{font-size:13px}.bnr__feat{right:32%;top:10%;height:80%}.bnr__side{width:28%}}

/* L85+ fold ident: H1 exactly two lines on 390px; Entrar/Registrar stay visible */
.intro--fold{margin:6px var(--pad) 8px;padding:8px 12px;border-radius:var(--r-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 22%,var(--surface)),var(--surface));border:1px solid var(--line)}
.intro--fold .kicker{margin:0 0 2px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.intro--fold h1{font:800 20px/1.15 "AL Display";margin:0 0 8px}
.intro--fold h1 .h1a,.intro--fold h1 .h1b{display:block;white-space:nowrap}
.intro--fold .cta-fold{display:inline-flex;min-height:36px;padding:8px 14px;margin:0}
.intro--fold .cta-note{margin:6px 0 0;font-size:10px;line-height:1.3}
.hd{min-height:64px}
.hd__btn{display:inline-flex !important;visibility:visible !important;opacity:1 !important;min-height:32px;padding:6px 9px;font-size:12px}
@media (max-width:420px){
  .hd__btn{display:inline-flex !important;visibility:visible !important}
  .intro--fold h1{font-size:20px}
}