/* Presentation-only shell for individual MyWordHub game pages. */
.games-hero:has(.game-page-artwork){display:grid;grid-template-columns:minmax(0,1fr) clamp(184px,25vw,292px);grid-template-areas:"badge artwork" "title artwork" "copy artwork";column-gap:clamp(22px,4vw,54px);align-items:center;max-width:960px;margin:clamp(16px,3vw,30px) auto 0;padding:clamp(24px,4vw,42px);text-align:left;border:1px solid var(--accent-edge);border-radius:28px;background:linear-gradient(135deg,var(--accent-face),var(--card) 62%);box-shadow:0 24px 52px -42px rgba(var(--shadow),.75)}
.games-hero .games-badge{grid-area:badge;justify-self:start;margin-bottom:12px}.games-hero h1{grid-area:title;margin:0}.games-hero p{grid-area:copy;max-width:560px;margin:13px 0 0}.games-hero .game-page-artwork{grid-area:artwork;align-self:stretch;display:flex;align-items:center;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 18px 34px -28px rgba(var(--shadow),.75)}
.games-hero .game-page-artwork img{display:block;width:100%;height:100%;min-height:170px;object-fit:cover}.games-hero:has(.game-page-artwork)~.game-panel{margin-top:clamp(16px,2.2vw,22px);border-top-color:var(--accent-edge);box-shadow:0 24px 50px -34px rgba(var(--shadow),.65)}
@media(max-width:700px){.games-hero:has(.game-page-artwork){display:flex;flex-direction:column;align-items:stretch;margin-top:14px;padding:22px 18px;text-align:center;border-radius:22px}.games-hero .games-badge{align-self:center}.games-hero p{margin:12px auto 0}.games-hero .game-page-artwork{width:min(100%,340px);min-height:0;align-self:center;margin-top:18px;border-radius:18px}.games-hero .game-page-artwork img{min-height:0;height:auto;aspect-ratio:1.3/1}.games-hero:has(.game-page-artwork)~.game-panel{margin-top:14px}}

/* Artwork-derived themes keep the product shell recognisable while gameplay remains primary. */
.games-hero:has(img[src$="word-unscramble.webp"]){--game-accent:#8b5cf6;--game-soft:#fff0db;--game-glow:rgba(245,158,11,.25)}.games-hero:has(img[src$="word-search.webp"]){--game-accent:#358957;--game-soft:#e7f6e8;--game-glow:rgba(53,137,87,.22)}.games-hero:has(img[src$="word-groups.webp"]){--game-accent:#397cc6;--game-soft:#eef4ff;--game-glow:rgba(113,80,190,.18)}.games-hero:has(img[src$="word-ladder.webp"]){--game-accent:#d88b24;--game-soft:#fff4da;--game-glow:rgba(70,151,205,.2)}.games-hero:has(img[src$="word-connect.webp"]){--game-accent:#2563b8;--game-soft:#eaf2ff;--game-glow:rgba(37,99,184,.24)}.games-hero:has(img[src$="word-bomb.webp"]){--game-accent:#d45836;--game-soft:#fff0e9;--game-glow:rgba(212,88,54,.23)}.games-hero:has(img[src$="word-bloom.webp"]){--game-accent:#3f9864;--game-soft:#edf8ee;--game-glow:rgba(225,111,151,.18)}.games-hero:has(img[src$="daily-word-guess.webp"]){--game-accent:#506b59;--game-soft:#eff4ef;--game-glow:rgba(205,150,42,.18)}.games-hero:has(img[src$="word-drop.webp"]){--game-accent:#5654b8;--game-soft:#eef0ff;--game-glow:rgba(127,75,196,.24)}.games-hero:has(img[src$="letter-box.webp"]){--game-accent:#257e80;--game-soft:#e7f7f4;--game-glow:rgba(207,157,38,.2)}
.games-hero:has(.game-page-artwork){grid-template-columns:minmax(0,1fr) clamp(300px,38vw,380px);column-gap:clamp(20px,4vw,48px);border-color:color-mix(in srgb,var(--game-accent,var(--accent)) 38%,var(--line));background:linear-gradient(135deg,var(--game-soft,var(--accent-face)),var(--card) 70%);box-shadow:0 24px 52px -42px var(--game-glow,rgba(var(--shadow),.75))}.games-hero .game-page-artwork{border-color:color-mix(in srgb,var(--game-accent,var(--accent)) 44%,var(--line));box-shadow:0 18px 34px -28px var(--game-glow,rgba(var(--shadow),.75));opacity:.96}.games-hero .game-page-artwork img{min-height:0;aspect-ratio:1.08/1;object-fit:cover}.games-hero:has(.game-page-artwork)~.game-panel{border-top:3px solid var(--game-accent,var(--accent));box-shadow:0 24px 50px -34px var(--game-glow,rgba(var(--shadow),.65))}
@media(max-width:700px){.games-hero .game-page-artwork{width:min(100%,340px);margin-top:14px}.games-hero .game-page-artwork img{aspect-ratio:1.25/1}.games-hero:has(.game-page-artwork){padding:20px 18px}.games-hero:has(.game-page-artwork)~.game-panel{margin-top:14px}}