.game-hero,.game-theme-preview{background-color:#e9edff;background-position:center;background-size:cover}
.game-hero{min-height:175px;border-radius:18px;display:flex;align-items:end;overflow:hidden;position:relative;color:#fff;background-image:linear-gradient(140deg,#28456b,#686fbd)}
.game-hero::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#071c2cba);pointer-events:none}
.game-hero-text{position:relative;z-index:1;padding:22px}
.game-hero h2{font-size:clamp(28px,6vw,42px);margin:3px 0}
.game-hero p{margin:0}
.game-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:850}
.theme-forest{background-image:url('./game-themes/forest.svg')}
.theme-city{background-image:url('./game-themes/city.svg')}
.theme-ocean{background-image:url('./game-themes/ocean.svg')}
.theme-sunset{background-image:linear-gradient(115deg,#f3964873,#ff3e6670),url('./game-themes/forest.svg')}
.theme-neon{background-image:linear-gradient(115deg,#00d7ee39,#fc29b27a),url('./game-themes/city.svg')}
.theme-plain{background-image:linear-gradient(140deg,#28456b,#686fbd)}
.theme-forest,.theme-sunset,body[data-game-theme="forest"],body[data-game-theme="sunset"]{--game-detail-one:url('./game-themes/forest-growth.svg');--game-detail-two:url('./game-themes/forest-fireflies.svg');--game-detail-three:url('./game-themes/forest-lanterns.svg')}
.theme-city,.theme-neon,body[data-game-theme="city"],body[data-game-theme="neon"]{--game-detail-one:url('./game-themes/city-stars.svg');--game-detail-two:url('./game-themes/city-windows.svg');--game-detail-three:url('./game-themes/city-neon.svg')}
.theme-ocean,body[data-game-theme="ocean"]{--game-detail-one:url('./game-themes/ocean-bubbles.svg');--game-detail-two:url('./game-themes/ocean-fish.svg');--game-detail-three:url('./game-themes/ocean-coral.svg')}
[data-scene-stage="1"]{--game-detail-layers:var(--game-detail-one)}
[data-scene-stage="2"]{--game-detail-layers:var(--game-detail-two),var(--game-detail-one)}
[data-scene-stage="3"]{--game-detail-layers:var(--game-detail-three),var(--game-detail-two),var(--game-detail-one)}
.game-hero[data-scene-stage]:not([data-scene-stage="0"])::before,.game-theme-preview[data-scene-stage]:not([data-scene-stage="0"])::before{content:"";position:absolute;inset:0;background-image:var(--game-detail-layers);background-position:center;background-size:cover;pointer-events:none}
.game-theme-preview{position:relative;overflow:hidden}
.game-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin-top:12px}
.game-theme-choice{background:var(--p,#fff);border:1px solid var(--line,#d8e2ed);border-radius:12px;padding:6px;color:var(--ink,#162538);text-align:left;font:inherit;font-weight:750;cursor:pointer;min-width:0}
.game-theme-choice.selected{outline:2px solid var(--b,#536dfe);outline-offset:1px}
.game-theme-choice:disabled{cursor:not-allowed;opacity:.55}
.game-theme-choice small{display:block;font-size:11px;color:var(--muted,#66748b);font-weight:500}
.game-theme-preview{display:block;height:76px;width:100%;border-radius:8px;margin-bottom:7px}
/* The same scene selected in the hero also fills the page behind opaque app cards. */
body.game-mode-on[data-game-theme="forest"]{--game-page-scene:url('./game-themes/forest.svg');--game-page-wash:#edf8f376}
body.game-mode-on[data-game-theme="city"]{--game-page-scene:url('./game-themes/city.svg');--game-page-wash:#19234360}
body.game-mode-on[data-game-theme="ocean"]{--game-page-scene:url('./game-themes/ocean.svg');--game-page-wash:#e4f8fb6b}
body.game-mode-on[data-game-theme="sunset"]{--game-page-scene:linear-gradient(115deg,#f3964873,#ff3e6670),url('./game-themes/forest.svg');--game-page-wash:#fff3dd6b}
body.game-mode-on[data-game-theme="neon"]{--game-page-scene:linear-gradient(115deg,#00d7ee39,#fc29b27a),url('./game-themes/city.svg');--game-page-wash:#191c405e}
body.game-mode-on[data-game-theme]:not([data-game-theme="plain"]){
  background-color:var(--bg);
  background-image:linear-gradient(var(--game-page-wash),var(--game-page-wash)),var(--game-detail-layers,none),var(--game-page-scene);
  background-position:center,center;
  background-size:cover;
  background-attachment:fixed;
  min-height:100vh;
}
body.dark.game-mode-on[data-game-theme]:not([data-game-theme="plain"]){--game-page-wash:#0714269c}
body.game-mode-on[data-game-theme]:not([data-game-theme="plain"]) .top{
  background:color-mix(in srgb,var(--p) 96%,transparent);
  border:1px solid var(--line);
  border-radius:16px;
  padding:clamp(12px,2vw,20px);
  box-shadow:var(--shadow);
}
body.game-mode-on[data-game-theme]:not([data-game-theme="plain"]) .view>.note,
body.game-mode-on[data-game-theme]:not([data-game-theme="plain"]) .view>.filters{background:color-mix(in srgb,var(--p) 96%,transparent);border-radius:14px;padding:12px}