/* Shared game category pattern; decoration only, no gameplay or catalog geometry changes. */
/* Exact 25px square grid from index.html .feature.game --scene.
   Opt in on each game page with game-background-page; artwork stays page-specific. */
body.game-background-page{isolation:isolate}
.game-background-page::before{content:"";position:fixed;inset:56px 0 0;pointer-events:none;z-index:-1;background-image:linear-gradient(#a6f3d00b 1px,transparent 1px),linear-gradient(90deg,#a6f3d00b 1px,transparent 1px);background-size:25px 25px;background-position:0 0;opacity:.35;mask-image:linear-gradient(to bottom,#000 0%,#0008 52%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#0008 52%,transparent 100%)}
.game-catalog-page .page{position:relative;isolation:isolate}
.game-background-decoration{position:absolute;inset:0 0 auto;height:260px;overflow:hidden;pointer-events:none;z-index:-1}
.game-background-art{position:absolute;right:-15px;top:5px;width:300px;height:275px;color:var(--mint);opacity:.105;transform:rotate(-9deg);pointer-events:none}
@media(max-width:600px){.game-background-decoration{height:235px}.game-background-art{width:230px;height:225px;right:-50px;top:0;opacity:.085}}

/* Reuse the existing memory icon behind the existing surface content.
   Isolation keeps the negative layer above the panel background without changing
   the stage-overlay containing block, card grid, or any foreground coordinates. */
.game-memory-page .surface{isolation:isolate}
.game-memory-decoration{position:absolute;z-index:-1;right:-35px;top:45px;width:250px;height:250px;object-fit:contain;opacity:.07;transform:rotate(-9deg);pointer-events:none}
@media(max-width:600px){.game-memory-decoration{width:205px;height:205px;right:-45px;top:60px;opacity:.055}}