/* Shared responsive finishing layer. */
:root{--layout-gutter:32px;--layout-reading:920px}
img{max-width:100%}main,header,footer,.game-main{min-width:0}
.wrap{width:calc(100% - var(--layout-gutter)*2)}
:is(a,button,input,summary):focus-visible{outline:3px solid #168447;outline-offset:4px}
.bonus-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
.bonus-platforms .platform-points li{font-size:15px!important;line-height:1.6!important}
.directory .game-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.directory .game{min-width:0}.directory .game button{min-height:44px}
.detail-breadcrumb,.article-breadcrumb{flex-wrap:wrap}
.article-email a,.footer-email a{overflow-wrap:anywhere}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.faq summary:after{flex-shrink:0}
.info-content,.yono-article{overflow-wrap:break-word}
@media(min-width:1101px){.header-inner{gap:20px}.header-inner>.nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.header-wordmark{flex-shrink:0}.yono-home-intro-copy{max-width:1000px}}
@media(min-width:761px) and (max-width:1100px){
 :root{--layout-gutter:24px}.reference-featured{padding:32px 18px}.bonus-platforms{gap:14px}.bonus-platforms .bonus-card:not(.platform-highlight){padding:24px 14px}.bonus-platforms .bonus-card.platform-highlight{padding:32px 14px 24px}.bonus-platforms .platform-points li{font-size:13px!important}.bonus-platforms .platform-logo{margin-bottom:18px!important}.directory .game{padding:16px 12px}.directory .game button{padding:10px 12px}.directory .game h3{overflow-wrap:normal}.reference-footer .footer-page-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-page-links a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center}
}
@media(max-width:760px){
 :root{--layout-gutter:18px}.header-inner{flex-wrap:wrap}.header-wordmark{width:205px;height:auto;object-fit:contain}.hero-facts{flex-wrap:wrap}.hero-inner{padding-top:32px;padding-bottom:30px}.hero-copy{margin-inline:auto}.bonus-platforms{grid-template-columns:minmax(0,1fr);gap:24px}.bonus-platforms .bonus-card:not(.platform-highlight),.bonus-platforms .bonus-card.platform-highlight{padding:24px 20px 20px}.bonus-platforms .platform-points li{font-size:13px!important;line-height:1.6!important;padding:7px 0}.bonus-platforms .platform-points{margin:0 auto 18px;max-width:320px}.bonus-platforms .platform-logo{width:68px!important;height:68px!important;margin-bottom:14px!important}.bonus-platforms .platform-highlight .platform-logo{width:80px!important;height:80px!important}.bonus-platforms .platform-download{min-height:44px!important}.directory .game-grid{grid-template-columns:minmax(0,1fr);gap:12px}.info-page .header-inner>.info-nav{width:100%;justify-content:center;flex-wrap:wrap;gap:6px 20px;border-top:1px solid #e0eae3;padding-top:7px}.info-page .header-inner>.logo{margin-inline:auto}.info-page .info-nav a{min-height:44px}.info-page .info-content{padding-top:28px}.detail-stats{gap:0}.detail-page-hero{padding-inline:18px}.detail-download{max-width:100%;min-height:48px}.footer-shell{width:100%}.footer-page-links a{min-height:44px;display:flex;align-items:center;justify-content:center}.footer-disclaimer{max-width:65ch;margin-inline:auto}.faq-container .faq summary{padding:14px}.article-callout{padding:20px}.article-email{max-width:100%;flex-wrap:wrap}dialog{max-width:calc(100vw - 28px);max-height:85dvh}.dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:420px){.directory .game{grid-template-columns:48px minmax(0,1fr);padding:14px;gap:8px 12px}.directory .game .app-icon{width:48px;height:48px}.directory .game button{grid-column:2;justify-self:start;padding:9px 16px}.directory .game h3{overflow-wrap:normal}.directory-search{margin-inline:0}.directory-search>span{display:none}.footer-page-links{grid-template-columns:1fr 1fr}.hero-facts span{padding:6px 9px}.mobile-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Balance the padded Ok Rummy artwork against the other side card. */
.bonus-platforms .bonus-card.bonus-card-0 .platform-logo{width:88px;height:88px;object-fit:contain;background:transparent;box-shadow:none}
@media(max-width:760px){.bonus-platforms .bonus-card.bonus-card-0 .platform-logo{width:80px!important;height:80px!important}}
.detail-breadcrumb>a,.article-breadcrumb>a{display:inline-flex;align-items:center;gap:9px}
.breadcrumb-home-icon{display:block;width:24px;height:24px;flex:0 0 24px}
@media(max-width:768px){.breadcrumb-home-icon{width:22px;height:22px;flex-basis:22px}}
.site-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.mobile-menu-toggle,.load-more{display:inline-flex;align-items:center;justify-content:center;gap:8px}.platform-points li .site-icon{width:13px;height:13px}.hero-facts span .site-icon{width:17px;height:17px}.footer-page-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px}.footer-page-links .site-icon{width:18px;height:18px}.footer-brand-icon .site-icon{width:23px;height:23px}.dialog-close .site-icon{width:22px;height:22px}#dialog-icon>.site-icon{width:30px;height:30px}