/* Full-screen, ad-free entrances for the daily games. The palette and
   illustration change per game without showing any of today's answers. */
@font-face { font-family: "Westeros Title"; src: url("/fonts/game-of-thrones-intro.ttf") format("truetype"); font-display: swap; }
/* Hide gameplay only after the intro exists. If its script fails to load,
   the original game stays available instead of becoming a blank page. */
body[data-game-intro]:has(#game-intro) > main,
body[data-game-intro]:has(#game-intro) > .ad-rails,
body[data-game-intro]:has(#game-intro) > .ad-inline { display: none !important; }
body[data-game-intro]:has(#game-intro) { overflow: hidden; }

.game-intro {
  --intro-accent: #4ade80;
  --intro-glow: #174a30;
  --intro-panel: #14221b;
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: calc(100svh - 62px);
  overflow: hidden;
  color: #f8fbf7;
  color-scheme: dark;
  background: radial-gradient(circle at 77% 48%, var(--intro-glow) 0%, #101712 38%, #0b0e0c 75%);
}
.game-intro::before,
.game-intro::after { content: ""; position: absolute; pointer-events: none; }
.game-intro::before { inset: 0; z-index: -1; opacity: .23; background-image: linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg, transparent 5%, black 100%); }
.game-intro::after { width: 80vmax; height: 80vmax; right: -38vmax; top: -40vmax; border: 1px solid #ffffff0d; border-radius: 50%; box-shadow: 0 0 0 6vmax #ffffff03, 0 0 0 12vmax #ffffff03; }
.game-intro__grain { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 18% 75%, #ffffff08, transparent 55%); pointer-events: none; }
.game-intro__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, .85fr); align-items: center; gap: clamp(32px, 6vw, 100px); width: min(1180px, calc(100% - 64px)); padding: 44px 0 66px; }
.game-intro__copy { min-width: 0; }
.game-intro__eyebrow { display: block; margin-bottom: 16px; color: var(--intro-accent); font-size: .77rem; font-weight: 700; letter-spacing: .13em; line-height: 1.5; text-transform: uppercase; }
.game-intro__eyebrow span { margin: 0 .55em; color: #b2c4b3; }
.game-intro h2 { max-width: 760px; margin: 0; font-family: var(--font-display); font-size: clamp(3.2rem, 6.9vw, 6.6rem); line-height: .98; letter-spacing: -.065em; text-wrap: balance; }
.game-intro__description { max-width: 530px; margin: 25px 0 30px; color: #cfdbcf; font-size: clamp(1.02rem, 1.7vw, 1.22rem); line-height: 1.58; }
.game-intro__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: min(100%, 500px); margin-bottom: 27px; }
.game-intro__stat { display: grid; align-content: center; gap: 5px; min-height: 94px; padding: 14px 20px; border: 1px solid #ffffff29; border-radius: 16px; background: color-mix(in srgb, var(--intro-accent) 7%, #0b1110); box-shadow: 0 12px 32px #0002; }
.game-intro__stat > span { color: #b7c6b7; font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.game-intro__stat strong { color: var(--intro-accent); font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.45rem); line-height: 1.05; font-variant-numeric: tabular-nums; }
.game-intro__stat small { color: #c3d1c4; font-family: var(--font-ui); font-size: .88rem; font-weight: 400; }
.game-intro__play { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-width: 226px; min-height: 55px; padding: 12px 25px; border: 0; border-radius: 999px; background: var(--intro-accent); color: #101710; font: 700 1rem var(--font-ui); cursor: pointer; box-shadow: 0 12px 35px color-mix(in srgb, var(--intro-accent) 20%, transparent); transition: transform .2s ease, filter .2s ease; }
.game-intro__play span { font-size: .8rem; }
.game-intro__play:hover { transform: translateY(-2px); filter: brightness(1.08); }
.game-intro__play:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.game-intro__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px; width: min(100%, 500px); }
.game-intro__home { display: inline-flex; align-items: center; justify-content: center; min-height: 55px; padding: 12px 24px; border: 1px solid #d5e8d575; border-radius: 999px; background: #0b120dda; color: #f8fbf7; font-weight: 700; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.game-intro__home:hover { background: #263c2f; transform: translateY(-2px); }
.game-intro__home { gap: 9px; }
.game-intro__home svg { width: 19px; height: 19px; flex: none; }
.game-intro__home:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.game-intro__status { margin: 13px 0 0; color: #a9baa9; font-size: .83rem; }
.game-intro__art { display: grid; place-items: center; width: min(100%, 490px); aspect-ratio: 1; justify-self: center; border: 1px solid #ffffff22; border-radius: 36px; background: radial-gradient(circle at 30% 20%, #ffffff15, transparent 55%), var(--intro-panel); box-shadow: inset 0 0 0 1px #ffffff09, 0 25px 90px #0008; transform: rotate(-6deg); }
.game-intro__art svg { width: 77%; height: 77%; overflow: visible; filter: drop-shadow(0 14px 18px #0005); }
.game-intro .art-line { fill: none; stroke: var(--intro-accent); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.game-intro .art-grid { fill: none; stroke: #ffffff2b; stroke-width: 4; }
.game-intro .art-solid { fill: var(--intro-accent); }
.game-intro .art-soft { fill: color-mix(in srgb, var(--intro-accent) 36%, #0c1210); }
.game-intro .art-fill { fill: color-mix(in srgb, var(--intro-accent) 22%, #0c1210); stroke: var(--intro-accent); stroke-width: 5; stroke-linejoin: round; }
.game-intro .art-hole { fill: var(--intro-panel); }
.game-intro .art-solid-stroke { fill: none; stroke: var(--intro-accent); stroke-width: 14; stroke-linecap: round; stroke-linejoin: round; }
.game-intro .art-hole-stroke { fill: none; stroke: var(--intro-panel); stroke-width: 8; }

.game-intro--album { --intro-glow: #183b2a; --intro-panel: #14251b; background: #0a100d; }
.game-intro--album::before, .game-intro--album::after { display: none; }
.game-intro__album-wall { position: absolute; z-index: -3; left: 50%; top: 50%; display: grid; grid-template-columns: repeat(var(--album-columns, 8), var(--album-cover-size, 170px)); gap: 14px; width: max-content; opacity: 0; transform: translate(-50%, -50%); transition: opacity .5s ease; }
.game-intro__album-wall.is-ready { opacity: 1; }
.game-intro__album-wall img { display: block; width: var(--album-cover-size, 170px); aspect-ratio: 1; object-fit: cover; border-radius: 11px; box-shadow: 0 10px 30px #0009; }
.game-intro__album-shade { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 55% 65% at 50% 48%, #07110bf5 0%, #07110be8 42%, #07110baf 75%, #07110b70 100%), linear-gradient(#07110b4d, #07110b8c); pointer-events: none; }
.game-intro--album .game-intro__inner { display: flex; flex-direction: column; justify-content: center; width: min(650px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--album .game-intro__copy { width: 100%; }
.game-intro--album h2 { max-width: none; font-size: clamp(3.4rem, 7vw, 6rem); text-shadow: 0 8px 34px #000b; }
.game-intro--album .game-intro__description { max-width: 520px; margin: 13px auto 19px; }
.game-intro--album .game-intro__stats,
.game-intro--album .game-intro__actions { margin-inline: auto; }
.game-intro--album .game-intro__stats { margin-bottom: 20px; }
.game-intro--songless { --intro-glow: #174a30; --intro-panel: #102b1c; }
.game-intro--songless { background: #0b100d; }
.game-intro--songless::before, .game-intro--songless::after { display: none; }
.game-intro__cover-wall { position: absolute; z-index: -3; inset: -90px -120px; display: grid; align-content: center; gap: 14px; overflow: visible; opacity: 0; transform: rotate(-4deg) scale(1.08); transition: opacity .6s ease; }
.game-intro__cover-wall.is-ready { opacity: 1; }
.game-intro__cover-wall .survival-intro__row { display: flex; gap: 14px; width: max-content; will-change: transform; }
.game-intro__cover-wall .survival-intro__row img { width: auto; height: var(--cover-size, 180px); max-width: none; object-fit: contain; border-radius: 11px; flex: none; opacity: .8; box-shadow: 0 10px 30px #0008; }
.game-intro__cover-shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, #071009d9 0%, #071009e8 42%, #071009dc 64%, #071009b8 100%); pointer-events: none; }
.game-intro--city { --intro-glow: #15435a; --intro-panel: #142c38; }
.game-intro--city { background: #0a151c; }
.game-intro--city::before, .game-intro--city::after { display: none; }
.game-intro__city-wall { position: absolute; z-index: -3; inset: -120px -140px; display: grid; align-content: center; gap: 14px; opacity: 0; transform: rotate(-4deg) scale(1.08); transition: opacity .6s ease; }
.game-intro__city-wall.is-ready { opacity: 1; }
.game-intro__city-row { display: flex; gap: 14px; width: max-content; will-change: transform; }
.game-intro__city-row img { display: block; flex: none; width: var(--city-photo-width, 275px); height: var(--city-photo-height, 190px); object-fit: cover; border-radius: 12px; box-shadow: 0 12px 32px #000a; }
.game-intro__city-shade { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 57% 67% at 50% 48%, #08151df5 0%, #08151de8 44%, #08151d9e 76%, #08151d74 100%), linear-gradient(#07131a42, #07131a7d); pointer-events: none; }
.game-intro--city .game-intro__inner { display: flex; flex-direction: column; justify-content: center; gap: 12px; width: min(650px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--city .game-intro__copy { width: 100%; }
.game-intro--city h2 { max-width: none; font-size: clamp(3.4rem, 7vw, 6rem); text-shadow: 0 8px 34px #000b; }
.game-intro--city .game-intro__description { max-width: 520px; margin: 13px auto 19px; }
.game-intro--city .game-intro__stats,
.game-intro--city .game-intro__actions { margin-inline: auto; }
.game-intro--city .game-intro__stats { margin-bottom: 20px; }
.game-intro--city .game-intro__stat { background: color-mix(in srgb, var(--intro-accent) 8%, #071116); }
.game-intro__city-credits { position: absolute; z-index: 2; right: 24px; bottom: 15px; color: #d3e6ed; font-size: .72rem; }
.game-intro__city-credits summary { cursor: pointer; padding: 6px 10px; border: 1px solid #c7e5f14d; border-radius: 999px; background: #07141bdc; list-style: none; }
.game-intro__city-credits summary::-webkit-details-marker { display: none; }
.game-intro__city-credits summary:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.game-intro__city-credits ul { position: absolute; right: 0; bottom: calc(100% + 8px); width: min(390px, calc(100vw - 30px)); max-height: min(55vh, 360px); margin: 0; padding: 15px 17px 15px 32px; overflow: auto; border: 1px solid #b8dbe777; border-radius: 14px; background: #0a1a23f5; box-shadow: 0 16px 42px #0009; line-height: 1.5; }
.game-intro__city-credits li + li { margin-top: 7px; }
.game-intro__city-credits a { color: var(--intro-accent); }
.game-intro--flag { --intro-glow: #173b28; --intro-panel: #13271b; background: #0a100c; }
.game-intro--flag::before, .game-intro--flag::after { display: none; }
.game-intro__bunting-wall { position: absolute; z-index: -3; inset: 0; overflow: hidden; }
.game-intro__bunting-row { position: absolute; left: 50%; display: flex; align-items: flex-start; gap: var(--bunting-gap); height: 145px; transform: translateX(-50%); }
.game-intro__bunting-rope { position: absolute; top: 0; left: 0; width: 100%; height: 64px; overflow: visible; fill: none; stroke: #e5e0ce; stroke-width: 2.5; opacity: .85; }
.game-intro__pennant { position: relative; display: block; flex: 0 0 var(--bunting-size); transform-origin: center top; filter: drop-shadow(0 10px 12px #0008); }
.game-intro__pennant::before { content: ""; position: absolute; z-index: 1; top: -2px; left: 0; width: 100%; height: 5px; border-radius: 2px; background: #e5e0ce; }
.game-intro__pennant img { display: block; width: 100%; aspect-ratio: 6 / 7; object-fit: contain; border: 1px solid #ffffff73; border-radius: 2px 2px 5px 5px; background: #f2f2ec; }
.game-intro__bunting-shade { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 52% 58% at 50% 48%, #07110bf5 0%, #07110be9 47%, #07110b91 79%, #07110b5c 100%), linear-gradient(#06100a4a, #06100a91); pointer-events: none; }
.game-intro--flag .game-intro__inner { display: flex; flex-direction: column; justify-content: center; width: min(650px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--flag .game-intro__copy { width: 100%; }
.game-intro--flag h2 { max-width: none; font-size: clamp(3.4rem, 7vw, 6rem); text-shadow: 0 8px 34px #000b; }
.game-intro--flag .game-intro__description { max-width: 550px; margin: 16px auto 22px; }
.game-intro--flag .game-intro__stats, .game-intro--flag .game-intro__actions { margin-inline: auto; }
.game-intro--bullseye { --intro-glow: #572520; --intro-panel: #371d1b; background: #100c0b; }
.game-intro--bullseye::before, .game-intro--bullseye::after { display: none; }
.game-intro__icon-wall { position: absolute; z-index: -3; inset: 0; overflow: hidden; opacity: 0; transition: opacity .5s ease; }
.game-intro__icon-wall.is-ready { opacity: 1; }
.game-intro__icon-wall svg { position: absolute; overflow: visible; fill: none; stroke: #efe6dc; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; opacity: .5; }
.game-intro__icon-wall svg.is-accent { stroke: #e0675f; opacity: .7; }
.game-intro__icon-shade { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 52% 64% at 50% 48%, #100c0bf7 0%, #100c0be8 45%, #100c0b99 78%, #100c0b66 100%), linear-gradient(#0c09084a, #0c09088c); pointer-events: none; }
.game-intro--bullseye .game-intro__inner { display: flex; flex-direction: column; justify-content: center; gap: 12px; width: min(650px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--bullseye .game-intro__copy { width: 100%; }
.game-intro--bullseye h2 { max-width: none; font-size: clamp(3.4rem, 7vw, 6rem); text-shadow: 0 8px 34px #000b; }
.game-intro--bullseye .game-intro__description { max-width: 520px; margin: 13px auto 19px; }
.game-intro--bullseye .game-intro__stats,
.game-intro--bullseye .game-intro__actions { margin-inline: auto; }
.game-intro--bullseye .game-intro__stats { margin-bottom: 20px; }
.game-intro--bullseye .game-intro__status { width: min(100%, 500px); margin-inline: auto; text-align: center; }
.game-intro--imdb { --intro-glow: #173b28; --intro-panel: #10271b; background: #0a100d; }
.game-intro--imdb::before, .game-intro--imdb::after { display: none; }
.game-intro__imdb-wall { position: absolute; z-index: -3; inset: 0; display: grid; grid-template-columns: repeat(2, 1fr); opacity: 0; transition: opacity .45s ease; }
.game-intro__imdb-wall.is-ready { opacity: 1; }
.game-intro__imdb-side { position: relative; min-width: 0; overflow: hidden; }
.game-intro__imdb-side img { position: absolute; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border: 2px solid #d9e2d46b; border-radius: 8px; background: #15231a; box-shadow: 0 12px 32px #000b; }
.game-intro__imdb-shade { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 34% 82% at 50% 50%, #07100bf9 0%, #07100bf2 48%, #07100b9a 83%, #07100b74 100%), linear-gradient(90deg, #07100b70, #07100b35 40%, #07100b35 60%, #07100b70); pointer-events: none; }
.game-intro--imdb .game-intro__inner { display: flex; flex-direction: column; justify-content: center; gap: 13px; width: min(680px, calc(100% - 40px)); padding: 28px 0 42px; text-align: center; }
.game-intro--imdb .game-intro__copy { width: 100%; }
.game-intro--imdb h2 { max-width: none; font-size: clamp(3rem, 6.4vw, 5.5rem); text-shadow: 0 8px 34px #000b; }
.game-intro--imdb .game-intro__description { max-width: 560px; margin: 13px auto 20px; text-shadow: 0 2px 10px #000c; }
.game-intro--imdb .game-intro__stats,
.game-intro--imdb .game-intro__actions { margin-inline: auto; }
.game-intro--imdb .game-intro__stats { margin-bottom: 20px; }
.game-intro--imdb .game-intro__status { width: min(100%, 500px); margin-inline: auto; text-align: center; }
.game-intro--peak { --intro-glow: #203e61; --intro-panel: #1b2a3d; }
.game-intro--peak .game-intro__status { width: min(100%, 500px); text-align: center; }
.game-intro--peak { background: #0a121e; }
.game-intro--peak::before, .game-intro--peak::after { display: none; }
.game-intro--peak .game-intro__inner { grid-template-columns: minmax(0, 500px) 1fr; width: min(1320px, calc(100% - 64px)); }
.game-intro--peak .game-intro__copy { text-shadow: 0 2px 18px #000b; }
.game-intro__video-media, .game-intro__video-media img, .game-intro__video-media video, .game-intro__video-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.game-intro__video-media { z-index: -3; }
.game-intro__video-media img, .game-intro__video-media video { display: block; object-fit: cover; }
.game-intro__video-media img { filter: blur(4px); transform: scale(1.03); }
.game-intro__video-media video { opacity: 0; transition: opacity .6s ease; }
.game-intro__video-media.is-playing video { opacity: 1; }
.game-intro__video-shade { z-index: -2; background: linear-gradient(90deg, #08101ef0 0%, #08101edb 36%, #08101e80 65%, #08101e5c 100%), linear-gradient(0deg, #08101e70, transparent 30%, #08101e52); pointer-events: none; }
.game-intro--westeros { --intro-glow: #45351f; --intro-panel: #30271d; background: #100e0b; }
.game-intro--westeros::before, .game-intro--westeros::after { display: none; }
.game-intro--westeros .game-intro__video-shade { background: radial-gradient(ellipse 58% 72% at 50% 50%, #0c0c0ce8 0%, #0c0c0cc2 58%, #0c0c0c70 100%), linear-gradient(0deg, #0808068c, transparent 30%, #0808067a); }
.game-intro--westeros .game-intro__inner { display: flex; flex-direction: column; justify-content: center; width: min(700px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--westeros .game-intro__copy { width: 100%; }
.game-intro--westeros h2 { max-width: none; font-family: "Westeros Title", "Cinzel", serif; font-size: clamp(2.5rem, 5.1vw, 4.9rem); font-weight: 400; font-synthesis: none; line-height: 1.15; letter-spacing: .015em; text-shadow: 0 4px 20px #0009; }
.game-intro--westeros .game-intro__description { max-width: 600px; margin: 18px auto 23px; text-shadow: 0 2px 14px #000f; }
.game-intro--westeros .game-intro__stats, .game-intro--westeros .game-intro__actions { margin-inline: auto; }
.game-intro--westeros .game-intro__stats { margin-bottom: 20px; }
.game-intro--westeros .game-intro__status { width: min(100%, 500px); margin-inline: auto; text-align: center; }
.game-intro--skin { --intro-glow: #1e4530; --intro-panel: #1b3022; background: radial-gradient(circle at 25% 25%, #163125 0%, transparent 42%), radial-gradient(circle at 78% 80%, #102c23 0%, transparent 44%), #080e0b; }
.game-intro--skin::before, .game-intro--skin::after { display: none; }
.game-intro__skin-model { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity .7s ease; }
.game-intro__skin-model.is-ready { opacity: 1; }
.game-intro__skin-shade { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 40% 65% at 50% 49%, #08100ca8 0%, #08100c66 65%, transparent 100%), linear-gradient(0deg, #08100c9c, transparent 20%, transparent 78%, #08100c74); }
.game-intro--skin .game-intro__inner { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; width: min(660px, calc(100% - 40px)); padding: 24px 0 36px; text-align: center; }
.game-intro--skin .game-intro__copy { width: 100%; }
.game-intro--skin h2 { max-width: none; font-size: clamp(3.5rem, 6vw, 5.5rem); text-shadow: 0 3px 25px #000b; }
.game-intro--skin .game-intro__description { margin: 16px auto 22px; }
.game-intro--skin .game-intro__stats, .game-intro--skin .game-intro__actions { margin-inline: auto; }
.game-intro--skin .game-intro__stats { margin-bottom: 21px; }
.game-intro--skin .game-intro__status { width: min(100%, 500px); margin-inline: auto; text-align: center; }
:root[data-palette="cb"] .game-intro { --intro-accent: #67b0ff; }

/* Each game has its own stage treatment, while the records and Play control
   remain in familiar positions. */
.game-intro--songless .game-intro__art { border-radius: 50%; transform: none; background: radial-gradient(circle at 32% 27%, color-mix(in srgb, var(--intro-accent) 21%, #0b1012), color-mix(in srgb, var(--intro-accent) 7%, #0b1012) 68%, #0b1012); }
.game-intro__play,
.game-intro__home { width: 100%; min-width: 0; height: 100%; text-align: center; }
.game-intro--songless .art-soft { opacity: .65; }
.game-intro--songless .game-intro__wave { opacity: .4; }
.game-intro__play-disc { fill: #07120c; stroke: var(--intro-accent); stroke-opacity: .7; stroke-width: 4; }
.game-intro__play-mark { fill: var(--intro-accent); }
.game-intro--city .game-intro__art { order: -1; width: 158px; border: 0; border-radius: 0; transform: none; background: none; box-shadow: none; }
.game-intro--city .game-intro__art svg { width: 100%; height: 100%; filter: drop-shadow(0 12px 22px #000b); }
.game-intro--bullseye .game-intro__art { order: -1; width: 150px; border: 2px solid #080808; border-radius: 50%; transform: none; background: #f7f3ee; box-shadow: 0 14px 40px #000b; }
.game-intro--bullseye .game-intro__art svg { width: 100%; height: 100%; }
.game-intro--imdb .game-intro__art { order: -1; width: 145px; border: 0; border-radius: 0; transform: none; background: none; box-shadow: none; }
.game-intro--imdb .game-intro__art svg { width: 100%; height: 100%; filter: drop-shadow(0 12px 22px #000b); }
.game-intro--peak .game-intro__art { transform: none; border-radius: 16px; }
.game-intro--skin .game-intro__art { order: -1; width: 145px; border: 0; border-radius: 0; transform: none; background: none; box-shadow: none; }
.game-intro--skin .game-intro__art svg { width: 100%; height: 100%; filter: drop-shadow(0 12px 22px #000b); }
@media (min-width: 761px) {
  .game-intro--songless .game-intro__art { grid-column: 1; grid-row: 1; }
  .game-intro--songless .game-intro__copy { grid-column: 2; grid-row: 1; }
}

@media (max-width: 760px) {
  body[data-game-intro]:has(#game-intro) { overflow: auto; }
  .game-intro__cover-wall { inset-inline: -180px; }
  .game-intro__cover-shade { background: #071009df; }
  .game-intro__album-shade { background: radial-gradient(ellipse 87% 62% at 50% 46%, #07110bf2, #07110bc0 88%), #07110b55; }
  .game-intro__city-shade { background: radial-gradient(ellipse 85% 60% at 50% 47%, #08151df2, #08151dba 85%), #08151d55; }
  .game-intro__bunting-shade { background: radial-gradient(ellipse 88% 61% at 50% 46%, #07110bf4, #07110bc4 88%), #07110b62; }
  .game-intro__imdb-shade { background: radial-gradient(ellipse 78% 72% at 50% 49%, #07100bf8 0%, #07100be9 60%, #07100baa 100%); }
  .game-intro__skin-shade { background: radial-gradient(ellipse 86% 64% at 50% 48%, #08100cc5 0%, #08100c8a 67%, #08100c55 100%); }
  .game-intro--peak .game-intro__inner { grid-template-columns: 1fr; }
  .game-intro--peak .game-intro__video-shade { background: linear-gradient(90deg, #08101ec9, #08101e91), linear-gradient(0deg, #08101ea8, transparent 45%); }
  .game-intro--westeros .game-intro__inner { padding: 22px 0 48px; }
  .game-intro.game-intro--westeros h2 { font-size: clamp(2.3rem, 9vw, 4.2rem); }
  .game-intro__inner { grid-template-columns: 1fr; gap: 16px; width: min(100% - 36px, 540px); padding-block: 38px 50px; }
  .game-intro__copy { text-align: center; }
  .game-intro h2 { font-size: clamp(2.8rem, 11vw, 4.8rem); }
  .game-intro__description { margin: 17px auto 22px; }
  .game-intro__stats { margin-inline: auto; }
  .game-intro__actions { justify-content: center; }
  .game-intro__art { grid-row: 1; width: min(50vw, 220px); border-radius: 24px; transform: rotate(-5deg); }
  .game-intro--album .game-intro__inner { padding: 22px 0 48px; }
  .game-intro--album h2 { font-size: clamp(2.8rem, 11vw, 4.8rem); }
  .game-intro--album .game-intro__description { margin: 13px auto 21px; }
  .game-intro--city .game-intro__inner { gap: 11px; padding: 22px 0 48px; }
  .game-intro--city .game-intro__art { grid-row: auto; width: 128px; }
  .game-intro--city h2 { font-size: clamp(2.8rem, 11vw, 4.8rem); }
  .game-intro--flag .game-intro__inner { padding: 22px 0 48px; }
  .game-intro--flag h2 { font-size: clamp(2.8rem, 11vw, 4.8rem); }
  .game-intro--city .game-intro__description { margin: 13px auto 21px; }
  .game-intro__icon-shade { background: radial-gradient(ellipse 86% 60% at 50% 47%, #100c0bf3, #100c0bbd 86%), #100c0b55; }
  .game-intro--bullseye .game-intro__inner { gap: 11px; padding: 22px 0 48px; }
  .game-intro--bullseye .game-intro__art { grid-row: auto; width: 120px; }
  .game-intro--bullseye h2 { font-size: clamp(2.8rem, 11vw, 4.8rem); }
  .game-intro--bullseye .game-intro__description { margin: 13px auto 21px; }
  .game-intro--imdb .game-intro__inner { gap: 10px; padding: 20px 0 42px; }
  .game-intro--imdb .game-intro__art { width: 112px; }
  .game-intro--imdb h2 { font-size: clamp(2.8rem, 10.5vw, 4.8rem); }
  .game-intro--imdb .game-intro__description { margin: 12px auto 19px; }
  .game-intro--skin .game-intro__inner { gap: 9px; padding: 20px 0 42px; }
  .game-intro--skin .game-intro__art { width: 112px; }
  .game-intro--skin h2 { font-size: clamp(2.8rem, 10.5vw, 4.8rem); }
  .game-intro--skin .game-intro__description { margin: 12px auto 19px; }
}
@media (max-width: 420px) {
  .game-intro__eyebrow { font-size: .68rem; }
  .game-intro__stat { min-height: 80px; padding: 10px 12px; }
  .game-intro__stat strong { font-size: 1.8rem; }
  .game-intro__play { width: 100%; }
  .game-intro__home { width: 100%; }
  .game-intro__play,
  .game-intro__home { padding-inline: 10px; font-size: .87rem; }
}
@media (max-height: 690px) and (min-width: 761px) { .game-intro__art { width: min(100%, 360px); } .game-intro__inner { padding-block: 24px; } }
@media (prefers-reduced-motion: reduce) { .game-intro__play { transition: none; } }
:root[data-motion="reduced"] .game-intro__play { transition: none; }
@media (prefers-reduced-motion: reduce) { .game-intro__home, .game-intro__cover-wall { transition: none; } }
:root[data-motion="reduced"] .game-intro__home, :root[data-motion="reduced"] .game-intro__cover-wall { transition: none; }
@media (prefers-reduced-motion: reduce) { .game-intro__city-wall { transition: none; } }
:root[data-motion="reduced"] .game-intro__city-wall { transition: none; }
@media (prefers-reduced-motion: reduce) { .game-intro__album-wall { transition: none; } }
:root[data-motion="reduced"] .game-intro__album-wall { transition: none; }
@media (prefers-reduced-motion: reduce) { .game-intro__imdb-wall { transition: none; } }
:root[data-motion="reduced"] .game-intro__imdb-wall { transition: none; }