/* BR 2: visual proprio; fluxos do layout 5 mantidos (conta, pagamentos, jogos). */
body.br2-layout {
 --l5-bg:var(--br2-background);--l5-card:var(--br2-card);--l5-surface:var(--br2-card);
 --l5-muted:#a8b3bd;--l5-border:#2c3a45;--l5-text:var(--br2-text);
 --l5-side:218px; --l5-accent:var(--br2-button);--l5-primary:var(--br2-button);
 background:var(--br2-background)!important;color:var(--br2-text);
}
body.br2-layout .l5-app{background:var(--br2-background)}
body.br2-layout .br2-promo{min-height:35px;background:var(--br2-green);color:#fff;display:flex;gap:20px;align-items:center;justify-content:center;font-size:12px;font-weight:650;padding:4px 15px;text-align:center}
body.br2-layout .br2-promo a{font-size:11px;color:#344654;background:#fff;border-radius:4px;padding:7px 20px;font-weight:800;flex:none}
body.br2-layout .l5-topbar{background:var(--br2-header)!important;border-bottom:1px solid #29343e;height:64px;gap:16px;top:0;padding:0 24px 0 14px;box-shadow:none}
body.br2-layout .l5-top-links{order:0;background:transparent!important;border:0;padding:0;gap:18px;margin-right:50px}
body.br2-layout .l5-top-links a{background:transparent!important;border-radius:0;padding:21px 12px 17px;font-size:12px;color:#a9b4bf!important;border-bottom:2px solid transparent;box-shadow:none!important;text-transform:uppercase}
body.br2-layout .l5-top-links a.is-active{border-bottom-color:var(--br2-button);color:#fff!important}
body.br2-layout .l5-top-links a img{width:19px;height:19px;object-fit:contain;filter:grayscale(1);opacity:.7}
body.br2-layout .l5-brand{order:1;width:auto;min-width:140px;margin-right:auto}
body.br2-layout .l5-brand img{max-width:140px;max-height:48px}
body.br2-layout .l5-brand-text{font-style:normal;font-size:24px;text-shadow:none}
body.br2-layout .l5-top-search{display:none}
body.br2-layout .l5-top-user{order:2;margin-left:auto}
body.br2-layout .l5-top-user .l5-button{border-radius:4px;box-shadow:none;font-size:12px;padding:11px 15px}
body.br2-layout .l5-button-accent,body.br2-layout .l5-top-user .l5-button-accent{background:var(--br2-button)!important;color:#fff!important;border-color:var(--br2-button)!important}
body.br2-layout .l5-button-outline{background:transparent!important;border:0!important;color:#fff!important}
body.br2-layout .l5-frame{grid-template-columns:var(--l5-side) minmax(0,1fr);min-height:calc(100vh - 99px)}
body.br2-layout .l5-sidebar{background:var(--br2-sidebar)!important;padding:14px 0 24px;border-right:1px solid #293642}
body.br2-layout .br2-side-nav{display:flex;flex-direction:column;gap:0}
body.br2-layout .br2-responsible{display:flex;align-items:center;gap:9px;margin:0 14px 14px;padding:12px 10px;background:var(--br2-card);border-radius:3px;color:#e2e6ea;font-weight:750;font-size:12px}
body.br2-layout .br2-side-group{padding:13px 14px 15px;border-top:1px solid #2a3740;display:grid;gap:4px}
body.br2-layout .br2-side-group p{font-size:10px;font-weight:850;color:#adb7c1;display:flex;justify-content:space-between;margin:4px 8px 12px}
body.br2-layout .br2-side-group>a,body.br2-layout .br2-side-group>button{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:5px;padding:11px 10px;color:#aeb8c1;font-size:12px;font-weight:550;text-align:left;min-width:0;line-height:1.25}
body.br2-layout .br2-side-group>a:hover,body.br2-layout .br2-side-group>button:hover{background:#22313b;color:#fff}
body.br2-layout .br2-side-group .br2-side-cta{background:var(--br2-button);color:#fff;font-weight:750}
body.br2-layout .br2-side-group .br2-side-cta:hover{background:var(--br2-button);filter:brightness(1.1)}
body.br2-layout .l5-content{background:var(--br2-background);padding:34px 34px 30px}
body.br2-layout .l5-casino-content{max-width:1340px;width:100%;margin:0 auto;padding-top:56px}
body.br2-layout .l5-banner-slider{max-width:940px;margin:0 auto 30px;background:var(--br2-card);border-radius:5px;box-shadow:none;border:1px solid #1e3434}
body.br2-layout .l5-banner-slide{aspect-ratio:3.33;max-height:none}
body.br2-layout .l5-banner-slide img{object-fit:cover}
body.br2-layout .l5-banner-controls{background:rgba(0,15,23,.38);bottom:9px;right:12px}
body.br2-layout .br2-search{max-width:940px;margin:0 auto 18px}
body.br2-layout .br2-search form{display:flex;align-items:center;gap:10px;width:100%;height:44px;border-radius:4px;background:var(--br2-card);border:1px solid #34414b;color:#aeb7bf;padding:0 14px}
body.br2-layout .br2-search span{font-size:24px;line-height:1}
body.br2-layout .br2-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--br2-text);font-size:12px}
body.br2-layout .br2-search button{border:0;background:transparent;color:#d7e2ed;font-size:12px;cursor:pointer}
body.br2-layout .br2-pills{max-width:940px;display:flex;gap:10px;margin:0 auto 30px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:thin}
body.br2-layout .br2-pills a{flex:none;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:#e9eef2;border:1px solid #293843;background:var(--br2-card);border-radius:99px;padding:10px 14px}
body.br2-layout .br2-pills a span{font-size:15px;color:#aebbc4}
body.br2-layout .br2-pills a.active,body.br2-layout .br2-pills a:hover{background:var(--br2-button);border-color:var(--br2-button);color:#fff}
body.br2-layout .br2-pills a.active span{color:white}
body.br2-layout .br2-originals{max-width:940px;margin:0 auto 38px}
body.br2-layout .br2-originals h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 20px;color:var(--br2-text)}
body.br2-layout .br2-original-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.br2-layout .br2-original-tile{aspect-ratio:1.18;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:18px;border-radius:5px;color:white!important;border:1px solid #ffffff19;isolation:isolate;transition:transform .2s,border-color .2s}
body.br2-layout .br2-original-tile:hover{transform:translateY(-2px);border-color:#ffffff7c}
body.br2-layout .br2-original-tile.crash{background:linear-gradient(135deg,#ffac42,#e86c20 55%,#a94435)}
body.br2-layout .br2-original-tile.double{background:linear-gradient(135deg,#8074dc,#343a99 52%,#c83b61)}
body.br2-layout .br2-original-tile.mines{background:linear-gradient(135deg,#8a4cc8,#40216e 59%,#2a144a)}
body.br2-layout .br2-original-tile::before{content:"";position:absolute;width:60%;aspect-ratio:1;border:12px solid #fff2;transform:rotate(-32deg);border-radius:17%;right:-14%;top:10%;z-index:-1}
body.br2-layout .br2-original-tile::after{content:"✦";font-size:140px;line-height:1;position:absolute;right:6%;top:4%;color:#ffffff18;z-index:-1}
body.br2-layout .br2-tile-emblem{position:absolute;right:15%;top:12%;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;font-size:42px;background:#ffffff36;box-shadow:0 5px 25px #0002}
body.br2-layout .br2-original-tile strong{font-size:24px;line-height:1.25;font-weight:850;text-shadow:0 2px 4px #0002}
body.br2-layout .br2-original-tile small{font-size:12px;font-weight:600;opacity:.9}
body.br2-layout .l5-categories{display:none}
body.br2-layout .l5-section{max-width:1120px;margin-left:auto;margin-right:auto}
body.br2-layout .l5-section .l5-heading h2{font-size:19px;font-weight:750;text-transform:none}
body.br2-layout .l5-cover{border-radius:5px}
body.br2-layout .l5-card-track .l5-game{width:152px;flex-basis:152px}
body.br2-layout .l5-games-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
body.br2-layout .l5-top-search input:focus,body.br2-layout .br2-search input:focus{outline:none}
@media(max-width:1000px){body.br2-layout{--l5-side:192px}body.br2-layout .l5-top-links{margin-right:8px;gap:4px}body.br2-layout .l5-casino-content{padding-top:32px}body.br2-layout .l5-content{padding-left:20px;padding-right:20px}body.br2-layout .br2-original-grid{gap:12px}}
@media(max-width:780px){
 body.br2-layout .br2-promo{font-size:10px;min-height:35px;gap:8px;padding:5px 8px}
 body.br2-layout .br2-promo a{font-size:10px;padding:6px 10px}
 body.br2-layout .l5-topbar{height:60px;padding:0 12px;gap:10px}
 body.br2-layout .l5-mobile-nav{display:block;order:0;flex:none}
 body.br2-layout .l5-brand{order:1;min-width:0;margin-left:4px;margin-right:auto}
 body.br2-layout .l5-brand img{max-width:110px;max-height:43px}
 body.br2-layout .l5-top-links{display:none}
 body.br2-layout .l5-top-user{order:2;gap:5px;margin-left:auto}
 body.br2-layout .l5-top-user .l5-button{font-size:10px;padding:9px 10px}
 body.br2-layout .l5-frame{display:block}
 body.br2-layout .l5-sidebar{width:min(300px,85vw);position:fixed;left:0;top:60px;bottom:0;z-index:79;transform:translateX(-110%);overflow-y:auto;transition:transform .25s}
 body.br2-layout .l5-sidebar.l5-sidebar-open,body.br2-layout .l5-sidebar.open,body.br2-layout .l5-sidebar.is-open,body.br2-layout .l5-sidebar.active{transform:translateX(0)}
 body.br2-layout .l5-content{padding:16px 13px 30px}
 body.br2-layout .l5-casino-content{padding-top:18px}
 body.br2-layout .l5-banner-slider{margin-bottom:18px;border-radius:5px}
 body.br2-layout .l5-banner-slide{aspect-ratio:2.4}
 body.br2-layout .br2-search{margin-bottom:13px}
 body.br2-layout .br2-pills{margin-bottom:20px}
 body.br2-layout .br2-originals h2{font-size:17px;margin-bottom:12px}
 body.br2-layout .br2-original-grid{gap:9px}
 body.br2-layout .br2-original-tile{aspect-ratio:.9;padding:10px}
 body.br2-layout .br2-original-tile strong{font-size:14px}
 body.br2-layout .br2-original-tile small{font-size:10px}
 body.br2-layout .br2-tile-emblem{width:38px;height:38px;font-size:24px;right:11%;top:13%}
}
@media(max-width:420px){body.br2-layout .br2-original-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.br2-layout .br2-original-tile{aspect-ratio:1.25}body.br2-layout .l5-banner-slide{aspect-ratio:2.15}body.br2-layout .br2-pills a{font-size:11px;padding:9px 11px}}

body.br2-layout .br2-side-nav ~ .l5-side-heading,body.br2-layout .br2-side-nav ~ .l5-side-help{display:none}
