/* Bilbet: pale cyan, deep blue and orange photographic collage. */
html{scrollbar-gutter:stable}
:root{--mb-bg:#D9EFF0;--mb-surface:#E5F4F4;--mb-raised:#C5E1E5;--mb-line:#94BAC9;--mb-text:#163F63;--mb-muted:#3E5F6F;--mb-accent:#C45C36;--mb-link:#813F31;--mb-dark:#092332;--mb-chrome:#092332;--mb-chrome-text:#F1F8F7;--mb-chrome-muted:#CBDCE3;--mb-chrome-accent:#F3AA80;--mb-button-text:#fff;--mb-color-scheme:light;color-scheme:light}
body{background:var(--mb-bg);color:var(--mb-text);font-size:17px;line-height:1.5}
body :is(h1,h2){font-family:Georgia,'Times New Roman',serif;font-weight:700;text-wrap:balance}
body :is(p,a,button,summary,h1,h2,h3){overflow-wrap:anywhere}
body :is(a,button,summary,input):focus-visible{outline:3px solid var(--mb-link);outline-offset:4px}
body .shell{width:min(1328px,calc(100% - 64px))}
body .site-header,body .site-footer,body .mobile-nav nav{background:var(--mb-chrome);color:var(--mb-chrome-text);border-color:#43616E}
body .site-header{position:relative;border-bottom:0}
body .header-shell{width:min(1440px,calc(100% - 56px));min-height:64px;gap:22px}
body .brand-logo{width:150px;height:auto}
body .desktop-nav{gap:20px;flex:1}
body .desktop-nav a{font-size:14px;min-height:64px;white-space:normal;line-height:1.2;color:var(--mb-chrome-text)}
body .desktop-nav a:hover,body .footer-columns a:hover,body .footer-bottom nav a:hover{color:#F3AA80}
body .desktop-nav a[aria-current=page]:after{display:none}
body .site-header .button{font-size:13px;min-height:36px;padding:8px 16px;border-radius:2px;white-space:normal}
body .site-header .button-quiet{color:var(--mb-chrome-text)}
body .site-header :is(a,button,summary):focus-visible,body .site-footer :is(a,button):focus-visible{outline-color:#F3AA80}
body .button-primary{background:#B14D2B;border-color:#B14D2B;color:#fff}
body .account-actions{min-width:0;flex-shrink:1}
body .button-primary:hover{background:#813F31;border-color:#813F31;color:#fff}
body .button-outline{color:var(--mb-text);border-color:var(--mb-text)}
body .button{white-space:normal}
.bb-home{max-width:1440px;margin:auto;container-type:inline-size}
.bb-home figure{margin:0;min-width:0}
.bb-home h2{font-size:clamp(26px,3.8cqi,50px);line-height:1.02;letter-spacing:-.025em}
.bb-home p{line-height:1.25}
.bb-inset{padding-inline:3.8%}
.bb-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.bb-link{color:var(--mb-link);font-size:clamp(13px,1.8cqi,22px);font-weight:600;line-height:1.25;display:inline-block;text-underline-offset:3px}
.bb-link:hover{text-decoration:underline}
.bb-link span{white-space:nowrap}
.bb-hero{position:relative;isolation:isolate;min-height:33.1cqi;padding:1.2% 0 1%;overflow:clip}
.bb-hero-stage{position:absolute;top:-1.8cqi;right:0;width:96%;aspect-ratio:2043/770;z-index:-1;mask-image:linear-gradient(90deg,transparent 42%,#000 60%)}
.bb-hero-stage img{width:99.951%;height:auto;display:block}
.bb-wordmark{margin:0 0 0 1.261%;width:59.773%;line-height:1}
.bb-wordmark svg{width:100%;height:auto;vertical-align:top;display:block}
.bb-hero-copy{margin:0 0 0 7.8%;width:51%;position:relative;padding-top:.8%}
.bb-tagline{color:#124C70;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:clamp(12px,1.85cqi,25px);line-height:1.3!important;margin-bottom:2cqi}
.bb-tagline span{color:var(--mb-accent)}
.bb-hero-offer{font-size:clamp(17px,2.2cqi,30px);font-weight:700;color:var(--mb-text);margin-bottom:1.2cqi}
.bb-hero-copy small{display:inline-block;color:var(--mb-muted);font-size:clamp(10px,1.15cqi,15px);margin-left:20px}
.bb-intro{display:grid;grid-template-columns:33% 35% 32%;gap:0;align-items:start;margin:1.2% 0 0;position:relative}
.bb-intro>div{min-width:0}
.bb-intro>div:nth-child(2){border-left:1px solid var(--mb-line);padding-left:13%}
.bb-intro>div:first-child{padding-right:12%}
.bb-intro h2{font-size:clamp(28px,3.8cqi,53px);margin:0 0 1.2cqi}
.bb-intro p{font-size:clamp(15px,1.9cqi,25px);margin-bottom:1.35cqi}
.bb-batter{width:114%;margin-top:-6%!important;margin-left:-4%!important;pointer-events:none}
.bb-batter img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.bb-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:1.3cqi}
.bb-heading-row h2{font-size:clamp(25px,3.15cqi,44px)}
.bb-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.bb-filters button{border:0;border-bottom:2px solid transparent;background:transparent;padding:2px 6px;color:var(--mb-link);font-size:clamp(11px,1.5cqi,17px);line-height:1.5;font-weight:600}
.bb-filters button[aria-pressed=true]{border-color:var(--mb-accent);background:transparent;color:var(--mb-text)}
.bb-first-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}
.bb-game{display:block;min-width:0;margin:0;border:0;background:none;box-shadow:none;align-self:start}
.bb-game[hidden]{display:none!important}
.bb-game-art{width:100%;overflow:hidden;background:#163F63}
.bb-game-art img{width:100%;height:auto;object-fit:contain;display:block;flex-shrink:0}
.bb-game h3{font-family:Barlow,Arial,sans-serif;font-size:clamp(13px,1.65cqi,21px);line-height:1.25;margin-top:.65cqi;font-weight:600;letter-spacing:0}
.bb-game:hover h3{color:var(--mb-link);text-decoration:underline}
.bb-table-band{display:grid;grid-template-columns:56.5% 25.2% 18.3%;align-items:start;margin-top:2.4cqi}
.bb-table-photo{width:100%;aspect-ratio:2/1}
.bb-table-photo img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
.bb-table-copy{padding:4cqi 2.8cqi 1.5cqi;min-width:0}
.bb-table-copy h2{font-size:clamp(25px,3.1cqi,42px);margin-bottom:1.3cqi}
.bb-table-copy p{font-size:clamp(15px,1.8cqi,23px);margin-bottom:1.3cqi}
.bb-reel{width:100%;aspect-ratio:971/1619}
.bb-reel img{width:100%;height:auto;aspect-ratio:971/1619;object-fit:contain}
.bb-more{margin-top:0}
.bb-more-grid{display:grid;grid-template-columns:1.5375fr 1.0403fr 1.9139fr;gap:3.2%;align-items:start}
.bb-cricket-band{display:grid;grid-template-columns:27.7% 72.3%;align-items:start;margin-top:2cqi}
.bb-cricket-band>div{padding:.5cqi 2cqi 1.2cqi 3.8cqi;min-width:0}
.bb-cricket-band h2{font-size:clamp(28px,3.65cqi,48px);margin-bottom:1.15cqi}
.bb-cricket-band p{font-size:clamp(15px,1.75cqi,23px);margin-bottom:.5cqi}
.bb-cricket-band figure{width:100%;aspect-ratio:3.3/1}
.bb-cricket-band img{width:100%;height:100%;aspect-ratio:3.3/1;object-fit:cover}
.bb-bottom{display:grid;grid-template-columns:1.03fr .82fr 1.07fr;gap:2%;margin-top:1cqi}
.bb-bottom>div{min-width:0}
.bb-bottom>div+div{border-left:1px solid var(--mb-line);padding-left:7%}
.bb-bottom h2{font-size:clamp(22px,2.85cqi,37px);margin-bottom:1.45cqi}
.bb-small-games h2{font-family:'Times New Roman',Times,serif;font-size:clamp(20px,2.5cqi,33px)}
.bb-featured-slot>p{font-size:clamp(15px,1.85cqi,24px);line-height:1.3;margin:1cqi 0 1.2cqi}
.bb-small-games .bb-game+.bb-game{margin-top:1.7cqi}
.bb-latest article{display:grid;grid-template-columns:28% minmax(0,1fr);gap:6%;align-items:start;margin-bottom:1.2cqi}
.bb-latest article>div{font-size:clamp(12px,1.4cqi,18px);line-height:1.2}
.bb-latest article:last-child{margin-bottom:0}
.bb-article-thumb{display:block;width:100%;aspect-ratio:1/1;overflow:hidden}
.bb-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bb-latest h3{font-family:Barlow,Arial,sans-serif;font-weight:600;font-size:clamp(13px,1.45cqi,19px);line-height:1.15;margin-bottom:.5cqi;text-wrap:pretty}
.bb-latest p{font-size:clamp(12px,1.4cqi,18px);line-height:1.2;margin-bottom:.5cqi}
.bb-latest .bb-link{font-size:clamp(12px,1.4cqi,18px)}
.bb-faq{margin-top:2.2cqi;padding-bottom:.8cqi}
.bb-faq-grid{display:grid;grid-template-columns:1fr 1fr 1.06fr;gap:5%}
.bb-faq-grid details{border:0;padding:0;background:none;min-width:0}
.bb-faq-grid details+details{border-left:1px solid var(--mb-line);padding-left:16%}
.bb-faq-grid summary{font-weight:600;font-size:clamp(14px,1.6cqi,21px);line-height:1.2;list-style:none;padding-right:18px;position:relative}
.bb-faq-grid summary::-webkit-details-marker{display:none}
.bb-faq-grid summary:after{content:'+';position:absolute;right:0;top:0;color:var(--mb-link)}
.bb-faq-grid details[open] summary:after{content:'−'}
.bb-faq-grid p{font-size:clamp(13px,1.5cqi,20px);line-height:1.25;margin:.6cqi 0}
.bb-faq-grid .bb-link{font-size:clamp(13px,1.5cqi,20px)}
body .site-footer{margin-top:0}
body .footer-top{padding-top:40px;padding-bottom:35px;gap:8%;grid-template-columns:1fr 2.2fr}
body .footer-brand p,body .footer-columns a,body .footer-bottom p{color:var(--mb-chrome-muted);font-size:13px;line-height:1.45}
body .footer-brand .brand-logo{width:155px}
body .footer-columns{gap:7%}
body .footer-columns nav{gap:4px}
body .footer-columns h2{margin-bottom:9px}
body .footer-columns a{padding-block:1.5px}
body .footer-columns h2{margin-top:0}
body .footer-age{color:#F3AA80}
body .footer-columns h2{font-family:Barlow,Arial,sans-serif;font-size:14px;color:var(--mb-chrome-text);line-height:1.25}
body .footer-bottom{padding-block:18px;border-color:#43616E;gap:18px;flex-wrap:wrap}
body .footer-bottom p{min-width:0}
body .footer-bottom nav{min-width:0;max-width:100%;flex-shrink:1;flex-wrap:wrap}
body .footer-bottom nav a{min-width:0;max-width:100%}
body .footer-bottom p,body .footer-bottom nav a{font-size:11px;color:var(--mb-chrome-muted)}
body .account-dialog{background:var(--mb-surface);color:var(--mb-text);border:1px solid var(--mb-line);max-width:calc(100vw - 32px)}
body .account-dialog::backdrop{background:#092332d9}
body .account-dialog h2{font-family:Georgia,serif;font-size:30px}
body .account-dialog :is(.account-note,.dialog-foot){color:var(--mb-muted)}
body .account-tabs button[aria-pressed=true],body .form-status{color:var(--mb-link)}
body .account-dialog .dialog-close{background:var(--mb-raised);color:var(--mb-text)}
body input{background:var(--mb-surface);color:var(--mb-text);border-color:var(--mb-line);min-width:0}
body .article-shell{padding-block:28px 60px}
body .product-article .article-masthead{background:none;min-height:0;margin-top:20px;border:0;border-radius:0}
body .product-article .article-masthead.with-image{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:start;overflow:visible}
body .product-article .article-masthead>.article-intro{padding:0;position:static;max-width:none}
body .product-article .article-masthead h1{font-size:clamp(34px,4.2vw,62px);line-height:1.08;color:var(--mb-text);letter-spacing:-.025em}
body .product-article .article-masthead.with-image>img{position:static;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
body .article-deck{font-size:19px;line-height:1.5;color:var(--mb-muted);margin-block:20px}
body .category-label{color:var(--mb-link);font-weight:600;letter-spacing:0;text-transform:none}
body .article-layout{grid-template-columns:220px minmax(0,800px);justify-content:space-between;gap:50px;margin-top:45px}
body .article-content{min-width:0;font-size:19px;line-height:1.75;color:var(--mb-muted)}
body .article-content :is(p,li){color:var(--mb-muted)}
body .article-content [style*="color"]{color:var(--mb-muted)!important}
body .article-content :is(h1,h2,h3,h4,strong,b,th){color:var(--mb-text)!important}
body .article-content [style*="background"]{background-color:var(--mb-raised)!important}
body .article-content a{color:var(--mb-link)!important}
body .article-content h2{font-size:34px;line-height:1.14;color:var(--mb-text);margin-top:35px}
body .article-content h3{color:var(--mb-text)}
body .article-content a{color:var(--mb-link);text-decoration:underline}
body .article-content img{width:100%;height:auto;object-fit:contain}
body .article-content figure{margin:30px 0}
body .article-content figcaption{font-size:14px;color:var(--mb-muted);margin-top:8px}
body .contents-rail nav{background:transparent;border:0;border-top:1px solid var(--mb-line);border-radius:0;padding:20px 0}
body .contents-rail h2{font-size:22px}
body .contents-rail a{color:var(--mb-link);line-height:1.4}
body .bb-collection{padding-block:55px 85px}
.bb-collection header{margin-bottom:35px;max-width:850px}
.bb-collection h1{font-size:clamp(38px,5vw,64px);margin-bottom:15px}
.bb-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.bb-collection-grid article{min-width:0}
.bb-collection-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#C5E1E5}
.bb-collection-grid h2{font-size:28px;line-height:1.14;margin:18px 0 12px}
.bb-collection-grid p{margin-bottom:16px}
body .bb-game-detail{padding-block:35px 80px;min-height:65vh}
.bb-game-detail article{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start;margin-top:30px;scroll-margin-top:30px}
.bb-detail-art img{width:100%;height:auto;object-fit:contain}
.bb-game-detail h1{font-size:clamp(36px,4vw,60px);margin:15px 0}
.bb-game-detail p{margin-bottom:20px}
.bb-game-detail p a{color:var(--mb-link);text-decoration:underline}
.bb-retired{padding-block:70px;min-height:55vh}
.bb-retired h1{font-size:clamp(35px,4vw,56px);margin-bottom:20px}
.bb-retired p{margin-bottom:25px}
@media(min-width:741px) and (max-width:1100px){
 body .header-shell{width:calc(100% - 56px);min-height:46px;gap:14px}
 body .brand-logo{width:95px}
 body .desktop-nav{display:flex;gap:13px}
 body .desktop-nav a{font-size:10px;min-height:46px}
 body .account-actions{gap:2px}
 body .site-header .button{font-size:10px;min-height:28px;padding:6px 12px}
 body .mobile-nav{display:none}
 body .footer-top{padding-top:21.5px;padding-bottom:21.5px}
 body .footer-columns h2{font-size:11px}
 body .footer-brand p,body .footer-columns a{font-size:10px}
 body .footer-columns a{padding-block:1px}
 body .footer-brand .brand-logo{width:115px}
 body .footer-bottom p,body .footer-bottom nav a{font-size:9px}
 body .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;padding-block:12px}
}
@media(max-width:1000px){body .article-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}body .product-article .article-masthead.with-image{gap:26px}.bb-table-copy{padding-top:3.8cqi}}
@media(max-width:740px){
 body .shell{width:calc(100% - 40px)}
 body .header-shell{width:calc(100% - 32px);min-height:64px;gap:10px}
 body .brand-logo{width:112px}
 body .desktop-nav{display:none}
 body .account-actions{display:flex;margin-left:auto;gap:0}
 body .site-header .button{min-height:34px;padding:8px 10px;font-size:12px}
 body .mobile-nav{display:block;color:var(--mb-chrome-text)}
 body .mobile-nav summary{color:var(--mb-chrome-text)}
 body .mobile-nav nav{border:1px solid #43616E;left:16px;right:16px;width:auto}
 body .mobile-nav nav a{color:var(--mb-chrome-text)}
 .bb-home h2{font-size:30px}
 .bb-hero{display:grid;min-height:0;padding:12px 0 22px;overflow:hidden}
 .bb-wordmark{grid-row:1;width:92%;margin:0 4%;z-index:1}
 .bb-hero-stage{grid-row:2;position:relative;top:0;right:auto;width:100%;margin-top:-8%;z-index:0;aspect-ratio:2043/770;mask-image:none}
 .bb-hero-copy{grid-row:3;width:auto;margin:0 6%;padding-top:0}
 .bb-tagline{font-size:12px;margin:0 0 12px;letter-spacing:.1em}
 .bb-hero-offer{font-size:22px;margin-bottom:12px}
 .bb-hero-copy small{font-size:11px;margin-left:16px}
 .bb-link{font-size:15px}
 .bb-inset{padding-inline:6%}
 .bb-intro{grid-template-columns:1fr 1fr;gap:20px;margin:4px 0 24px}
 .bb-intro>div:first-child{padding-right:0}
 .bb-intro>div:nth-child(2){padding-left:16px}
 .bb-intro h2{font-size:26px;margin-bottom:12px}
 .bb-intro p{font-size:15px;margin-bottom:14px;line-height:1.35}
 .bb-batter{grid-column:1/-1;width:80%;justify-self:end;margin-top:-8px!important;margin-left:0!important;margin-right:-6%!important}
 .bb-heading-row{align-items:start;gap:12px;margin-bottom:15px;flex-wrap:wrap}
 .bb-heading-row h2{font-size:28px}
 .bb-filters{gap:8px}
 .bb-filters button{font-size:13px;padding:5px 6px}
 .bb-first-grid{gap:16px;grid-template-columns:1fr 1fr}
 .bb-first-grid .bb-game:last-child{grid-column:1/-1;width:calc(50% - 8px)}
 .bb-game h3{font-size:15px;margin-top:7px}
 .bb-table-band{grid-template-columns:minmax(0,1fr) 30%;margin-top:27px;align-items:start}
 .bb-table-photo{grid-column:1/-1}
 .bb-table-copy{padding:25px 8% 10px}
 .bb-table-copy h2{font-size:31px;margin-bottom:14px}
 .bb-table-copy p{font-size:16px;line-height:1.35;margin-bottom:15px}
 .bb-reel{grid-column:2;grid-row:2;margin-top:0}
 .bb-more{margin-top:26px}
 .bb-more-grid{gap:16px;grid-template-columns:1fr 1fr}
 .bb-more-grid .bb-game:last-child{grid-column:1/-1}
 .bb-cricket-band{grid-template-columns:1fr;margin-top:26px}
 .bb-cricket-band figure{aspect-ratio:3/1}
 .bb-cricket-band img{height:auto;aspect-ratio:3/1;object-fit:contain}
 .bb-cricket-band>div{padding:0 6% 18px}
 .bb-cricket-band h2{font-size:32px;margin-bottom:12px}
 .bb-cricket-band p{font-size:17px;margin-bottom:12px;max-width:26em}
 .bb-bottom{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
 .bb-bottom>div+div{padding-left:15px}
 .bb-bottom h2{font-size:26px;margin-bottom:15px}
 .bb-small-games h2{font-size:23px}
 .bb-small-games .bb-game+.bb-game{margin-top:20px}
 .bb-featured-slot>p{font-size:16px;margin:14px 0}
 .bb-bottom .bb-latest{grid-column:1/-1;border-left:0;border-top:1px solid var(--mb-line);padding:22px 0 0}
 .bb-latest article{grid-template-columns:25% minmax(0,1fr);gap:6%;margin-bottom:22px}
 .bb-latest h3{font-size:18px;line-height:1.2;margin-bottom:7px}
 .bb-latest p{font-size:15px;line-height:1.3;margin-bottom:8px}
 .bb-latest .bb-link{font-size:15px}
 .bb-faq{margin-top:20px;padding-bottom:25px}
 .bb-faq-grid{grid-template-columns:1fr;gap:20px}
 .bb-faq-grid details+details{border-left:0;border-top:1px solid var(--mb-line);padding:18px 0 0}
 .bb-faq-grid summary{font-size:18px}
 .bb-faq-grid p{font-size:16px;margin:12px 0}
 .bb-faq-grid .bb-link{font-size:15px}
 body .footer-top{grid-template-columns:1fr;padding:30px 0;gap:28px}
 body .footer-brand p{max-width:30em}
 body .footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
 body .footer-columns nav{min-width:0}
 body .footer-bottom{flex-direction:column;align-items:start}
 body .footer-bottom nav{flex-wrap:wrap;gap:18px}
 body .article-layout{display:block;margin-top:28px}
 body .contents-rail{position:static;margin-bottom:30px}
 body .product-article .article-masthead.with-image{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 body .article-intro{order:0}
 body .article-masthead.with-image>img{order:1}
 body .article-content{font-size:18px}
 body .article-content h2{font-size:29px}
 body .article-deck{font-size:18px}
 .bb-collection-grid{grid-template-columns:1fr;gap:40px}
 .bb-collection-grid h2{font-size:30px}
 .bb-game-detail article{grid-template-columns:1fr;gap:25px}
}
@media(max-width:360px){body .header-shell{width:calc(100% - 24px);gap:4px}body .brand-logo{width:88px}body .site-header .button{padding:7px 8px;font-size:11px}.bb-intro{grid-template-columns:1fr}.bb-intro>div:nth-child(2){border-left:0;border-top:1px solid var(--mb-line);padding:20px 0 0}.bb-batter{width:100%;grid-column:1}.bb-intro h2 br{display:none}.bb-bottom{grid-template-columns:1fr}.bb-bottom>div+div{border-left:0;border-top:1px solid var(--mb-line);padding:20px 0 0}.bb-small-games{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bb-small-games h2{grid-column:1/-1}.bb-small-games .bb-game+.bb-game{margin-top:0}.bb-bottom .bb-latest{grid-column:1}.bb-hero-offer{font-size:20px}.bb-hero-copy small{margin-left:12px}.bb-tagline{font-size:10px}.bb-table-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
