/* GM Site Core 2.1.2 — Design B Premium. Same styles on site, editor and Publisher.
 * Only card/UI selectors are scoped here. No theme-wide reset, no content mutation. */
.gmv-block{
 --gmv-bg:var(--ac6-site-content,#142724);--gmv-card:var(--ac6-site-header,#0b1917);
 --gmv-text:var(--ac6-site-text,#f2faf7);--gmv-muted:var(--ac6-site-muted,#bed4cd);
 --gmv-accent:var(--ac6-site-accent,#44d5ad);
 --gmv-surface:var(--ac6-site-header,#0b1917);--gmv-hover:#071411;
 --gmv-ease:cubic-bezier(.2,.65,.25,1);
 box-sizing:border-box;position:relative;isolation:isolate;min-width:0;width:100%;max-width:100%;
 margin:28px auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--gmv-text);
 font-family:inherit;container-type:inline-size;
}
@supports(background:color-mix(in srgb,black,white)){
 .gmv-block{--gmv-hover:color-mix(in srgb,var(--gmv-surface) 78%,black)}
}
.gmv-block *,.gmv-block *::before,.gmv-block *::after{box-sizing:border-box}
.gmv-games{max-width:694px}
.gmv-payments{max-width:900px}
.gmv-carousel-body{position:relative;min-width:0;width:100%}
.gmv-block .gmv-carousel-frame{overflow:hidden;min-width:0;max-width:100%;margin-inline:44px}
/* Extra interior space protects scaled first/last cards from the scroll viewport clip. */
.gmv-block .gmv-carousel-track{
 overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;
 scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-padding-inline:8px;
 padding:10px 8px 14px;min-width:0;max-width:100%;direction:ltr;
}
.gmv-carousel-track::-webkit-scrollbar{display:none}
.gmv-block .gmv-carousel-track::before,.gmv-block .gmv-carousel-track::after{content:none!important;display:none!important}
.gmv-block .gmv-games-grid{
 display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));
 grid-auto-columns:min(186px,calc((100% - 28px)/3));gap:16px 14px;
 max-width:602px;margin-inline:auto;align-items:stretch;
}
/* ONE semantic button per card. The play symbol cannot intercept a click. */
.gmv-block :is(button,a,div).gmv-game-card{
 appearance:none;-webkit-appearance:none;position:relative;z-index:0;
 display:flex!important;flex-direction:column;align-items:stretch!important;
 justify-content:flex-start!important;min-width:0;width:100%;max-width:186px;height:100%;float:none!important;
 margin:0!important;padding:9px 9px 12px!important;gap:0;text-align:center!important;font:inherit;line-height:1.35;
 letter-spacing:normal;text-transform:none;white-space:normal;color:var(--gmv-text)!important;
 background:var(--gmv-surface)!important;border:0!important;outline:0!important;
 border-radius:18px!important;box-shadow:0 3px 8px rgba(0,0,0,.09)!important;
 text-decoration:none!important;cursor:pointer;scroll-snap-align:start;overflow:hidden;
 transform:scale(1)!important;transform-origin:center;
 transition:transform .2s var(--gmv-ease),background-color .2s ease,box-shadow .2s ease;
 -webkit-tap-highlight-color:transparent;
}
.gmv-block .gmv-game-card::before,.gmv-block .gmv-game-card::after{content:none!important;display:none!important}
.gmv-block .gmv-game-poster{
 position:relative;display:block;flex:0 0 auto;width:100%;aspect-ratio:1;border-radius:11px;overflow:hidden;
 background:transparent;margin:0;padding:0;isolation:isolate;
}
.gmv-block .gmv-game-poster>img{
 display:block;width:100%;height:100%;max-width:168px;max-height:168px;margin:0 auto;padding:0;border:0;
 border-radius:0;object-fit:contain;object-position:center;transition:filter .2s ease;filter:none;
}
.gmv-block .gmv-game-play{
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;
 background:rgba(0,0,0,.04);transition:opacity .2s ease;z-index:1;
}
/* Legacy class is deliberately supported for stale HTML; no disc, ring or stroke. */
.gmv-block :is(.gmv-play-symbol,.gmv-play-disc){
 display:grid;place-items:center;width:64px;height:64px;max-width:58%;max-height:58%;
 border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;color:#fff;pointer-events:none;
}
.gmv-block :is(.gmv-play-symbol,.gmv-play-disc) svg{
 display:block;width:100%;height:100%;fill:currentColor;stroke:none!important;border:0!important;
 margin:0;pointer-events:none;filter:drop-shadow(0 3px 9px rgba(0,0,0,.38));
}
.gmv-block .gmv-game-title{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
 width:100%;min-height:36px;max-height:36px;margin:9px 0 0;padding:0 1px;
 text-align:center;font-size:13px;font-weight:650;line-height:18px;letter-spacing:0;white-space:normal;color:var(--gmv-text);
}
.gmv-block .gmv-game-provider{
 display:block;width:100%;min-height:17px;max-height:17px;margin:4px 0 0;padding:0 1px;
 text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:400;
 line-height:17px;color:var(--gmv-muted);
}
/* Keyboard focus has a non-outline cue: visible play + underlined title + tonal change. */
.gmv-block .gmv-game-card:focus-visible{
 z-index:2;background:var(--gmv-hover)!important;transform:scale(1.03)!important;
 box-shadow:0 4px 10px rgba(0,0,0,.24)!important;
}
.gmv-block .gmv-game-card:focus-visible .gmv-game-title{color:var(--gmv-accent);text-decoration:underline;text-underline-offset:3px}
.gmv-block .gmv-game-card:focus-visible .gmv-game-poster>img{filter:brightness(.70) blur(.8px)}
.gmv-block .gmv-game-card:focus-visible .gmv-game-play{opacity:1}
@media(hover:hover) and (pointer:fine){
 .gmv-block .gmv-game-card:hover{
  z-index:2;transform:scale(1.03)!important;background:var(--gmv-hover)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.24)!important;
 }
 .gmv-block .gmv-game-card:hover .gmv-game-poster>img{filter:brightness(.70) blur(.8px)}
 .gmv-block .gmv-game-card:hover .gmv-game-play{opacity:1}
}
@media(hover:none),(pointer:coarse){
 .gmv-block .gmv-game-card:active{background:var(--gmv-hover)!important;transform:scale(.99)!important}
 .gmv-block .gmv-game-card:active .gmv-game-poster>img{filter:brightness(.84)}
}
/* Payment logos stay sharp. The card, not the artwork, changes tone and scale. */
.gmv-block .gmv-payment-groups{display:flex;gap:10px;align-items:center}
.gmv-block :is(button,a,div).gmv-payment-card{
 appearance:none;-webkit-appearance:none;position:relative;z-index:0;
 display:flex!important;flex:0 0 124px;align-items:center!important;justify-content:center!important;
 width:124px;max-width:124px;height:66px;min-height:66px;min-width:0;padding:0!important;margin:0!important;float:none!important;
 color:var(--gmv-text)!important;background:var(--gmv-surface)!important;border:0!important;outline:0!important;
 border-radius:14px!important;box-shadow:none!important;text-decoration:none!important;cursor:pointer;scroll-snap-align:start;
 transform:scale(1)!important;transform-origin:center;
 transition:transform .2s var(--gmv-ease),background-color .2s ease,box-shadow .2s ease;
 -webkit-tap-highlight-color:transparent;
}
.gmv-block .gmv-payment-card::before,.gmv-block .gmv-payment-card::after{content:none!important;display:none!important}
.gmv-block .gmv-payment-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px 15px;margin:0;border-radius:12px;background:transparent}
.gmv-block .gmv-payment-icon img{display:block;width:auto;height:auto;max-width:94px;max-height:34px;object-fit:contain;filter:none;border:0;margin:0;padding:0}
/* Original dark-text logos retain a neutral plaque; never recolour brand art globally. */
.gmv-block .gmv-payment-card--brand .gmv-payment-icon{width:calc(100% - 20px);height:44px;padding:6px 10px;background:#fff;border-radius:7px}
.gmv-block .gmv-payment-card--brand .gmv-payment-icon img{max-width:100%;max-height:32px}
.gmv-block .gmv-payment-card:focus-visible{
 z-index:2;transform:scale(1.03)!important;background:var(--gmv-hover)!important;
 box-shadow:0 4px 10px rgba(0,0,0,.24)!important;
}
@supports(background:color-mix(in srgb,black,white)){
 .gmv-block .gmv-payment-card:focus-visible{background:color-mix(in srgb,var(--gmv-accent) 30%,var(--gmv-surface))!important}
}
@media(hover:hover) and (pointer:fine){
 .gmv-block .gmv-payment-card:hover{z-index:2;transform:scale(1.03)!important;background:var(--gmv-hover)!important;box-shadow:0 4px 10px rgba(0,0,0,.20)!important}
}
@media(hover:none),(pointer:coarse){
 .gmv-block .gmv-payment-card:active{background:var(--gmv-hover)!important;transform:scale(.99)!important}
}
/* Controls use solid surfaces, no thin rings; kept in their own side gutters. */
.gmv-block .gmv-carousel-controls{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;gap:0;pointer-events:none}
.gmv-block.gmv-carousel--single .gmv-carousel-controls{display:none}
.gmv-block .gmv-carousel-controls button{
 appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;
 flex:0 0 36px;width:36px!important;height:44px!important;min-width:36px;min-height:44px;padding:0!important;margin:0!important;
 border:0!important;outline:0!important;border-radius:12px!important;box-shadow:none!important;
 background:var(--gmv-surface)!important;color:var(--gmv-text)!important;font:600 26px/1 Arial,sans-serif;
 cursor:pointer;transition:opacity .16s ease,background-color .16s ease,color .16s ease;transform:none;
}
.gmv-block .gmv-carousel-controls button span{display:block;line-height:1;transform:translateY(-1px)}
.gmv-block .gmv-carousel-controls button:focus-visible{background:var(--gmv-accent)!important;color:var(--ac6-site-button-text,#09241d)!important}
.gmv-block .gmv-carousel-controls button:disabled{opacity:.26;cursor:default;pointer-events:none}
.gmv-block .gmv-carousel-controls button:not(:disabled):active{background:var(--gmv-hover)!important}
@media(hover:hover) and (pointer:fine){.gmv-block .gmv-carousel-controls button:not(:disabled):hover{color:var(--gmv-accent)!important;background:var(--gmv-hover)!important}}
/* Keep track focus visible without adding decorative card outlines. */
.gmv-block .gmv-carousel-track:focus-visible{outline:0;background:rgba(255,255,255,.045);border-radius:12px}
/* Compatibility guard for pre-B cached output. */
.gmv-block .gmv-genre-heading,.gmv-block .gmv-genre-badge,.gmv-payment-notice,.gmv-payment-heading,.gmv-payment-name,.gmv-payment-fallback,.gmv-image-pending{display:none!important}
@media(max-width:760px){
 .gmv-block{margin:22px auto}
 .gmv-block .gmv-carousel-frame{margin-inline:34px}
 .gmv-block .gmv-games-grid{grid-template-rows:minmax(0,1fr);grid-auto-columns:158px;gap:12px;max-width:none}
 .gmv-block :is(button,a,div).gmv-game-card{padding:7px 7px 10px!important;border-radius:15px!important}
 .gmv-block .gmv-game-title{font-size:12px;line-height:17px;min-height:34px;max-height:34px}
 .gmv-block .gmv-game-provider{font-size:10.5px;line-height:16px;max-height:16px;min-height:16px}
 .gmv-block :is(button,a,div).gmv-payment-card{flex-basis:108px;max-width:108px;width:108px;height:56px;min-height:56px}
 .gmv-block .gmv-payment-icon{padding:10px 12px}
 .gmv-block .gmv-payment-icon img{max-width:80px;max-height:29px}
 .gmv-block .gmv-payment-card--brand .gmv-payment-icon{height:38px;padding:5px 8px}
 .gmv-block .gmv-carousel-controls button{width:28px!important;min-width:28px;flex-basis:28px;height:44px!important;font-size:24px;border-radius:10px!important}
}
/* Adapt inside narrow desktop columns as well as narrow viewports. */
@container(max-width:470px){
 .gmv-block .gmv-carousel-frame{margin-inline:34px}
 .gmv-block .gmv-games-grid{grid-template-rows:minmax(0,1fr);grid-auto-columns:158px;gap:12px;max-width:none}
 .gmv-block :is(button,a,div).gmv-game-card{padding:7px 7px 10px!important;border-radius:15px!important}
 .gmv-block .gmv-game-title{font-size:12px;line-height:17px;min-height:34px;max-height:34px}
 .gmv-block .gmv-game-provider{font-size:10.5px;line-height:16px;max-height:16px;min-height:16px}
 .gmv-block :is(button,a,div).gmv-payment-card{flex-basis:108px;max-width:108px;width:108px;height:56px;min-height:56px}
 .gmv-block .gmv-payment-icon{padding:10px 12px}
 .gmv-block .gmv-payment-icon img{max-width:80px;max-height:29px}
 .gmv-block .gmv-payment-card--brand .gmv-payment-icon{height:38px;padding:5px 8px}
 .gmv-block .gmv-carousel-controls button{width:28px!important;min-width:28px;flex-basis:28px}
}
@media(prefers-reduced-motion:reduce){
 .gmv-block .gmv-carousel-track{scroll-behavior:auto}
 .gmv-block *,.gmv-block *::before,.gmv-block *::after{transition:none!important;animation:none!important}
 .gmv-block :is(button,a,div).gmv-game-card,.gmv-block :is(button,a,div).gmv-payment-card,
 .gmv-block :is(button,a,div).gmv-game-card:is(:hover,:focus-visible,:active),
 .gmv-block :is(button,a,div).gmv-payment-card:is(:hover,:focus-visible,:active){transform:none!important}
}
/* OS high contrast is the only intentional border exception for accessibility. */
@media(forced-colors:active){
 .gmv-block .gmv-game-card,.gmv-block .gmv-payment-card,.gmv-block .gmv-carousel-controls button{border:1px solid ButtonText!important}
 .gmv-block :is(.gmv-game-card,.gmv-payment-card,.gmv-carousel-controls button):focus-visible{outline:2px solid Highlight!important;outline-offset:2px}
 .gmv-block :is(.gmv-play-symbol,.gmv-play-disc){background:transparent!important;color:CanvasText}
}

/* Native Gutenberg hero and CTA, including legacy HTML article renderings. */
.ac6-hero-block,.ac6-hero-block.wp-block-image{display:flex!important;flex-direction:column;align-items:center;justify-content:center;max-width:100%;margin:1.5rem auto!important;text-align:center;cursor:pointer}
.ac6-hero-block .ac6-hero-art{display:flex;justify-content:center;align-items:center;max-width:100%;text-decoration:none!important}
.ac6-hero-block img.ac6-site-hero,.ac6-hero-block.wp-block-image img,img.ac6-site-hero{display:block;width:auto;max-width:100%;height:auto;max-height:620px;object-fit:contain;margin-left:auto!important;margin-right:auto!important;float:none!important}
.ac6-hero-cta-wrap,.ac6-hero-cta-wrap.wp-block-buttons{display:flex!important;justify-content:center!important;text-align:center;width:100%;margin:12px auto 1.75rem!important}
.ac6-hero-action,.ac6-hero-action .wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;cursor:pointer;text-align:center!important;margin:0 auto!important}
.ac6-hero-action .wp-block-button__link{padding:12px 25px;background:var(--ac6-site-accent,var(--global-palette1,#deb777));color:var(--ac6-site-button-text,#151515);border-radius:10px}
.ac6-hero-action .wp-block-button__link:hover{background:var(--ac6-site-hover,var(--global-palette2,#c39746))}

/* 2.0.4: native button CTA. No href or anchor is rendered by this component. */
.ac6-hero-button{appearance:none;-webkit-appearance:none;border:0!important;padding:13px 28px!important;border-radius:10px!important;background:var(--ac6-site-accent,var(--global-palette1,#44d5ad))!important;color:var(--ac6-site-button-text,#09241d)!important;font:inherit;font-weight:700;line-height:1.4;max-width:100%;white-space:normal;box-shadow:none!important;text-decoration:none!important}
.ac6-hero-button:hover{background:var(--ac6-site-hover,var(--global-palette2,#2bac8a))!important}
.ac6-hero-button:focus-visible{outline:3px solid var(--ac6-site-accent,#44d5ad);outline-offset:4px}
