/*
Theme Name: Yako v23
Description: Reference-led child theme for the existing brand-stadium-v1 theme.
Template: brand-stadium-v1
Version: 0.1.0
Text Domain: yako-v23
*/
:root { --mb-bg:#bccdd4; --mb-surface:#edf0ef; --mb-raised:#d6e0e2; --mb-line:#91a4ab; --mb-text:#5d293c; --mb-muted:#665661; --mb-accent:#5d293c; --mb-link:#5d293c; --mb-button-text:#fff; --mb-chrome:#201515; --mb-chrome-text:#fff; --mb-chrome-muted:#e7dfe0; color-scheme:light; }
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#bccdd4;color:#5d293c;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif} a{color:inherit} a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #5d293c;outline-offset:3px} img{max-width:100%}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}.yako-filter-defs{position:absolute;width:0;height:0;overflow:hidden}.yako-duotone{filter:url(#yako-duotone);display:block;width:100%;height:100%;object-fit:cover}
.yako-header,.yako-footer{background:#201515;color:#fff}.yako-header .header-shell{max-width:1600px;margin:auto;padding:10px 2.1%;display:flex;align-items:center;gap:18px;min-height:55px}.yako-header .brand{flex:0 0 auto}.yako-header .brand-logo,.yako-footer .brand-logo{width:118px;height:auto;max-height:48px;object-fit:contain}.yako-header .desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,24px);flex:1}.yako-header a,.yako-footer a{color:#fff}.yako-header .desktop-nav a{font:600 clamp(11px,.85vw,14px)/1.2 Arial,sans-serif;text-decoration:none;white-space:nowrap}.yako-header a:hover,.yako-footer a:hover{text-decoration:underline}.yako-header .account-actions{display:flex;align-items:center;gap:8px}.yako-header .button{font:600 12px/1 Arial,sans-serif;padding:10px 12px;border:0;border-radius:3px;white-space:nowrap}.yako-header .button-quiet{color:#fff;background:transparent}.yako-header .button-primary{color:#fff;background:#5d293c}.yako-header .mobile-nav{display:none}.yako-header :focus-visible,.yako-footer :focus-visible{outline-color:#fff}
.yako-home{max-width:1600px;margin:auto;padding:clamp(16px,2.1vw,34px)}.yako-home h2,.yako-collection h1,.yako-post h1{color:#5d293c;font-family:"Franklin Gothic Medium",Arial,sans-serif;letter-spacing:-.035em;font-weight:800}.yako-home h2{font-size:clamp(27px,2.5vw,43px);line-height:1;margin:0 0 4px}.yako-home p{font:400 clamp(14px,1.05vw,18px)/1.4 Arial,sans-serif;margin:0}.yako-opening{margin-bottom:15px}.yako-wordmark{width:100%;margin:0;line-height:0}.yako-wordmark svg{width:100%;height:auto;display:block;fill:#5d293c}.yako-opening-note{padding-top:8px;font-size:clamp(13px,1vw,17px)!important}.yako-hero-grid{display:grid;grid-template-columns:1.78fr 1fr;gap:clamp(12px,1.7vw,25px);align-items:start}.yako-hero-photo{aspect-ratio:2.12/1;min-width:0;overflow:hidden}.yako-hero-photo img{object-position:50% 76%}.yako-hero-game{min-width:0}.yako-game{min-width:0}.yako-game a{display:block;color:#5d293c;text-decoration:none}.yako-game a:hover .game-name,.yako-game a:focus-visible .game-name{text-decoration:underline}.yako-game img{display:block;width:100%;height:auto;object-fit:contain}.game-name{display:block;font:700 clamp(13px,1vw,17px)/1.25 Arial,sans-serif;margin-top:5px}.game-pending{display:block;font:12px/1.4 Arial,sans-serif}.yako-text-link{display:inline-block;font:700 clamp(14px,1.05vw,18px)/1.3 Arial,sans-serif;margin-top:5px;text-underline-offset:3px}
.yako-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.yako-filters button{font:600 12px/1.2 Arial,sans-serif;color:#5d293c;background:transparent;border:1px solid #886d79;border-radius:0;padding:7px 10px;cursor:pointer}.yako-filters button[aria-pressed=true]{background:#5d293c;color:#fff;border-color:#5d293c}.yako-filters #finder-status{font:12px/1.3 Arial,sans-serif;margin-left:auto}.yako-game[hidden]{display:none!important}.yako-section,.yako-live-grid,.yako-cricket,.yako-slots{margin-top:24px}.yako-card-grid{display:grid;grid-template-columns:1.65fr 1fr .78fr;gap:clamp(12px,1.7vw,25px);align-items:start;margin-top:12px}.yako-live-grid{display:grid;grid-template-columns:1fr 1.85fr;gap:clamp(14px,2vw,30px);align-items:end}.yako-live-grid .yako-game{margin-top:12px}.yako-live-photo{height:100%;min-height:260px;max-height:410px;overflow:hidden}.yako-live-photo img{object-position:50% 65%}.yako-cricket img{width:100%;height:clamp(170px,17vw,275px);object-position:50% 68%}.yako-cricket h2{margin-top:8px}.yako-reel-heading{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.yako-reel-heading img{height:clamp(120px,10vw,170px);object-position:center 45%}.yako-slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 26px;margin-top:14px}.yako-source-note{margin-top:20px!important;color:#5d293c;font-size:12px!important}.yako-source-note a{text-decoration:underline;text-underline-offset:2px}
.yako-reading{display:grid;grid-template-columns:1.1fr 2fr;gap:clamp(18px,3vw,44px);margin-top:32px;align-items:start}.yako-reading-image{height:100%;min-height:150px;max-height:260px}.yako-reading-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.yako-reading-heading>a{font:700 14px/1.3 Arial,sans-serif;white-space:nowrap}.yako-reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.yako-reading-list article{padding:0 15px;border-left:1px solid #96a8ad}.yako-reading-list article:first-child{padding-left:0;border:0}.yako-reading-list h3{font:700 clamp(14px,1vw,18px)/1.25 Arial,sans-serif;margin:0 0 9px}.yako-reading-list h3 a{text-decoration:none}.yako-reading-list p{font-size:clamp(13px,.95vw,16px);margin-bottom:10px}.yako-reading-list article>a{font:400 14px/1.3 Arial,sans-serif;text-underline-offset:3px}.yako-faq{display:grid;grid-template-columns:1fr 9fr;gap:20px;margin-top:32px}.yako-faq details{border-bottom:1px solid #91a4ab}.yako-faq summary{cursor:pointer;padding:7px 24px 7px 0;list-style:none;position:relative;font:400 14px/1.35 Arial,sans-serif}.yako-faq summary::-webkit-details-marker{display:none}.yako-faq summary:after{content:'⌄';position:absolute;right:2px}.yako-faq details[open] summary:after{content:'⌃'}.yako-faq details p{padding:0 0 12px;font-size:14px}.yako-care{display:flex;align-items:center;gap:18px;margin-top:25px;border-top:1px solid #91a4ab;padding-top:14px}.yako-care strong{font-size:20px}.yako-care p{font-size:13px}.yako-care a{margin-left:auto;font:600 13px Arial,sans-serif;white-space:nowrap}
.yako-footer .shell{max-width:1600px;margin:auto;padding-left:2.1%;padding-right:2.1%}.yako-footer .footer-top{display:grid;grid-template-columns:1.3fr 1.5fr;gap:35px;padding-top:25px;padding-bottom:25px}.yako-footer .footer-brand p{max-width:380px;margin-top:9px;font:13px/1.4 Arial,sans-serif;color:#e7dfe0}.yako-footer .footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.yako-footer nav h2{font:700 13px/1.3 Arial,sans-serif;color:#fff;margin:0 0 8px}.yako-footer nav a{display:block;font:13px/1.5 Arial,sans-serif;text-decoration:none}.yako-footer .footer-bottom{border-top:1px solid #887579;display:flex;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:15px}.yako-footer .footer-bottom p{font:12px/1.4 Arial,sans-serif;color:#e7dfe0;margin:0}.yako-footer .footer-bottom nav{display:flex;gap:16px;white-space:nowrap}.yako-footer .footer-bottom nav a{font-size:12px}
.yako-collection,.yako-post{max-width:1200px;margin:auto;padding:clamp(25px,4vw,65px) clamp(18px,3vw,40px) 70px}.yako-collection>p,.yako-breadcrumb{font:15px/1.5 Arial,sans-serif}.yako-collection h1,.yako-post h1{font-size:clamp(42px,6vw,82px);line-height:.98;margin:25px 0}.yako-collection-list{margin-top:40px;border-top:1px solid #91a4ab}.yako-collection-list article{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:baseline;border-bottom:1px solid #91a4ab;padding:24px 0}.yako-collection-list h3{font-size:24px;line-height:1.1;margin:0}.yako-collection-list h3 a{text-decoration:none}.yako-collection-list p{font:16px/1.5 Arial,sans-serif;margin:0}.yako-post-header{max-width:900px;margin-bottom:35px}.yako-post-header p{font:20px/1.5 Arial,sans-serif;max-width:680px}.yako-post-content{max-width:760px;margin:0 auto;font:18px/1.72 Arial,sans-serif}.yako-post-content h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:50px 0 18px;color:#5d293c}.yako-post-content p{margin:0 0 1.15em}.yako-post-content a{text-decoration-thickness:1px;text-underline-offset:3px}.yako-article-figure{margin:30px 0}.yako-article-figure img{height:auto;max-height:420px;object-fit:cover}.yako-article-figure figcaption{font:14px/1.4 Arial,sans-serif;margin-top:8px;color:#665661}.legacy-content-anchor{display:block;position:relative;top:-15px}.yako-reference{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;padding:24px 0;border-block:1px solid #91a4ab;margin-bottom:40px}.yako-reference img{height:auto}.yako-reference h2{margin:0 0 12px}.yako-reference p{font-size:15px;line-height:1.5}.yako-back{display:block;max-width:760px;margin:40px auto 0;font-weight:700}.yako-post-content .bgc-reference img{width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.yako-header .desktop-nav{display:none}.yako-header .account-actions{margin-left:auto}.yako-header .mobile-nav{display:block;position:relative}.yako-header .mobile-nav summary{cursor:pointer;list-style:none;width:38px;height:38px;display:grid;place-items:center}.yako-header .mobile-nav summary svg{width:24px}.yako-header .mobile-nav nav{position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:#201515;min-width:210px;padding:12px;display:grid;gap:4px}.yako-header .mobile-nav nav a{padding:8px;text-decoration:none}.yako-header .mobile-nav nav a:hover{background:#5d293c}.yako-footer .footer-top{grid-template-columns:1fr 2fr}}
@media(max-width:650px){.yako-header .header-shell{gap:8px;padding:8px 16px}.yako-header .brand-logo{width:94px}.yako-header .button{padding:8px;font-size:11px}.yako-home{padding:16px}.yako-opening-note{font-size:12px!important}.yako-hero-grid{grid-template-columns:1.45fr 1fr;gap:10px}.yako-hero-photo{height:100%;aspect-ratio:auto;min-height:125px}.yako-filters{margin:18px 0;gap:6px}.yako-filters button{font-size:11px;padding:6px 8px}.yako-filters #finder-status{width:100%;margin:2px 0 0}.yako-card-grid{grid-template-columns:1fr 1fr;gap:14px}.yako-card-grid .yako-game:first-child{grid-column:1/-1}.yako-live-grid{grid-template-columns:1fr 1fr;gap:12px;align-items:end}.yako-live-photo{min-height:155px;height:100%}.yako-cricket img{height:170px}.yako-reel-heading{grid-template-columns:1fr 1.25fr;gap:12px}.yako-reel-heading img{height:105px}.yako-slots-grid{gap:14px}.yako-reading{grid-template-columns:1fr;gap:16px}.yako-reading-image{height:150px}.yako-reading-list{grid-template-columns:1fr}.yako-reading-list article,.yako-reading-list article:first-child{padding:14px 0;border:0;border-top:1px solid #91a4ab}.yako-faq{grid-template-columns:1fr;gap:10px}.yako-care{align-items:flex-start;flex-wrap:wrap}.yako-care a{margin-left:0}.yako-footer .footer-top{grid-template-columns:1fr;gap:24px;padding-left:16px;padding-right:16px}.yako-footer .footer-columns{grid-template-columns:repeat(2,1fr);gap:20px}.yako-footer .footer-bottom{padding-left:16px;padding-right:16px;flex-direction:column;gap:10px}.yako-collection-list article{grid-template-columns:1fr;gap:8px}.yako-post-content{font-size:17px}.yako-reference{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.yako-search{margin-top:28px;max-width:520px;font:600 14px/1.4 Arial,sans-serif}.yako-search label{display:block;margin-bottom:7px}.yako-search div{display:flex}.yako-search input{min-width:0;flex:1;border:1px solid #5d293c;background:#edf0ef;color:#5d293c;padding:11px;font:16px Arial,sans-serif}.yako-search button{border:1px solid #5d293c;background:#5d293c;color:#fff;padding:11px 18px;font:700 14px Arial,sans-serif;cursor:pointer}

/* Match the reference’s close tabletop crop while retaining the existing image. */
.yako-hero-photo img{transform:scale(1.2);transform-origin:50% 75%}

/* Two large, two smaller full-ratio reel covers, following the reference. */
.yako-slots-grid .yako-game:nth-child(n+3){width:82%}
@media(max-width:650px){.yako-slots-grid .yako-game:nth-child(n+3){width:88%}}

/* Restore the compact reference header at desktop widths. */
@media(min-width:761px){.yako-header .header-shell{width:100%;padding:8px 2.1%}.yako-header .desktop-nav a,.yako-header .button{min-height:0}}

/* Supervisor v25: compact the reference composition while retaining complete game art. */
.yako-filters{margin:12px 0;gap:6px}
.yako-section,.yako-live-grid,.yako-cricket,.yako-slots{margin-top:15px}
.yako-card-grid{margin-top:8px}
.yako-live-grid .yako-game{margin-top:8px}
.yako-hero-photo{aspect-ratio:2.25/1}
.yako-live-photo{height:clamp(170px,23vw,210px);min-height:0;max-height:none}
.yako-cricket img{height:clamp(110px,16vw,210px)}
.yako-cricket h2{margin-top:4px}
.yako-reel-heading img{height:clamp(80px,9vw,130px)}
.yako-slots-grid{gap:10px 24px;margin-top:9px}
.yako-source-note{margin-top:12px!important}
.yako-reading{margin-top:18px;gap:clamp(14px,2vw,30px)}
.yako-reading-image{height:120px;min-height:0;max-height:none}
.yako-reading-list{margin-top:6px}
.yako-reading-list article{padding:0 10px}
.yako-reading-list h3{font-size:13px;line-height:1.2;margin-bottom:5px}
.yako-reading-list p{font-size:12px;line-height:1.3;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yako-reading-list article>a{font-size:12px}
.yako-faq{margin-top:18px}
.yako-faq summary{padding-top:5px;padding-bottom:5px}
.yako-care{margin-top:16px;padding-top:10px}
.yako-footer .footer-top{grid-template-columns:1fr 1.5fr;gap:20px;padding-top:16px;padding-bottom:14px}
.yako-footer .footer-columns{gap:14px}
.yako-footer nav h2{font-size:12px;margin-bottom:5px}
.yako-footer nav a{font-size:12px;line-height:1.3}
.yako-footer .footer-brand p{font-size:12px;line-height:1.35;margin-top:5px}
.yako-footer .footer-bottom{gap:12px;padding-top:7px;padding-bottom:8px}
.yako-footer .footer-bottom p,.yako-footer .footer-bottom nav a{font-size:11px}
.yako-footer .footer-age{color:#f7f2f2!important}
@media(min-width:651px){
 .yako-card-grid .yako-game img{height:clamp(140px,20vw,180px);object-fit:contain;object-position:left center}
 .yako-live-grid .yako-game img{height:clamp(130px,19vw,165px);object-fit:contain;object-position:left center}
 .yako-slots-grid .yako-game img{height:clamp(115px,17vw,145px);object-fit:contain;object-position:left center}
 .yako-slots-grid .yako-game:nth-child(n+3) img{height:clamp(75px,11vw,95px)}
}
@media(max-width:650px){
 .yako-filters{margin:12px 0}
 .yako-card-grid{gap:10px}
 .yako-card-grid .yako-game:first-child img{height:clamp(140px,41vw,165px);object-fit:contain;object-position:left center}
 .yako-card-grid .yako-game:not(:first-child) img{height:120px;object-fit:contain;object-position:left center}
 .yako-live-grid .yako-game img{height:112px;object-fit:contain;object-position:left center}
 .yako-live-photo{height:auto;min-height:0;aspect-ratio:2.1/1}
 .yako-cricket img{height:120px}
 .yako-reel-heading img{height:85px}
 .yako-slots-grid .yako-game img{height:100px;object-fit:contain;object-position:left center}
 .yako-slots-grid .yako-game:nth-child(n+3) img{height:75px}
 .yako-reading{gap:10px}
 .yako-reading-image{height:100px}
 .yako-reading-list article,.yako-reading-list article:first-child{padding:8px 0}
 .yako-footer .footer-top{grid-template-columns:1fr;gap:16px;padding-top:16px;padding-bottom:14px}
 .yako-footer .footer-columns{gap:14px}
 .yako-footer .footer-bottom{gap:7px}
}

/* Keep the mobile hero photo inside its grid column after the desktop aspect change. */
@media(max-width:650px){.yako-hero-photo{aspect-ratio:auto;width:100%;max-width:100%}}