/* The artwork's own gold frame is the card, as in the player lobby. */
.catalog-page .game-grid{position:relative;isolation:isolate;gap:42px 30px;padding:16px 8px 0}
.catalog-page .game-art,.catalog-page .game-card:nth-child(2) .game-art,.catalog-page .game-card:nth-child(3) .game-art{background:none;border:0;border-radius:0;overflow:visible;padding:0;position:relative;isolation:isolate}
.catalog-page .game-art img{position:relative;z-index:1;padding:0;width:100%;height:100%;max-height:none;object-fit:contain;transform:none;transition:filter .25s;filter:drop-shadow(0 7px 7px #163d3930)}
.catalog-page .game-card:hover .game-art img{transform:none;filter:drop-shadow(0 8px 12px #a8703145)}
.catalog-page .game-caption{position:relative;z-index:1;padding:22px 3px 0}
.catalog-page .game-card:focus-visible{border-radius:12px;outline-offset:8px}
.catalog-flame-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}
@media(max-width:700px){.catalog-page .game-grid{gap:30px 20px;padding:12px 0 0}.catalog-page .game-caption{padding:17px 0 0}.catalog-page .game-caption h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.catalog-page .game-art img{transition:none}}

.catalog-page .game-caption{margin-top:auto}

/* Teal gallery gives the lobby's additive flame lighting a suitable backdrop. */
.catalog-page .games{padding-bottom:0}
.catalog-gallery{margin:34px -6vw 0;padding:34px 6vw 64px;background:radial-gradient(ellipse at 50% 0%,#94b7ab 0%,#86aa9e 38%,#789e92 100%);border-top:1px solid #90b4a7;color:#102f29}
.catalog-gallery .catalog-results{color:#102f29;margin-bottom:30px}
.catalog-gallery .game-caption h3{color:#102f29}
.catalog-gallery .game-caption small{color:#102f29}
.catalog-gallery .round-arrow{color:#183d33;border-color:#537c6e;background:#ffffff12}
.catalog-gallery .game-card:hover .round-arrow{background:#b7d0c3;border-color:#3e705e}
.catalog-gallery .game-card:focus-visible{outline-color:#123d30}
.catalog-gallery .catalog-source-note{color:#102f29;padding-top:24px;border-top:1px solid #315d4e40;margin-top:42px}
.catalog-gallery .catalog-empty{background:#b3cbbf;color:#102f29;border-color:#628a7d;border-radius:12px}
@media(max-width:700px){.catalog-gallery{margin-top:26px;padding-top:27px;padding-bottom:42px}.catalog-gallery .catalog-results{margin-bottom:25px}}
/* Softly lit underwater architecture gives the jade field spatial depth. */
.catalog-gallery{
 background-color:#aac7b8;
 background-image:linear-gradient(110deg,#d1e4c95c 0%,#b7d5bb33 45%,#8fb6a16b 100%),url('assets/lobby-environment.webp');
 background-size:100% 100%,cover;
 background-position:center,center;
 background-repeat:no-repeat;
 background-attachment:scroll,fixed;
 background-blend-mode:normal,soft-light;
 box-shadow:inset 0 1px 0 #e4f0df99,inset 0 28px 45px -32px #254e4445;
}
.catalog-page .game-art img{filter:drop-shadow(0 12px 10px #214b3d45)}
.catalog-page .game-card:hover .game-art img{filter:drop-shadow(0 14px 13px #264d3d55)}
@media(max-width:700px){
 .catalog-gallery{background-image:linear-gradient(180deg,#aac7b8 0%,#aac7b800 18%,#aac7b800 82%,#aac7b8 100%),linear-gradient(115deg,transparent 12%,#e4efcf4a 20%,transparent 28%,transparent 46%,#e4efcf38 52%,transparent 60%),url('assets/lobby-environment.webp');background-size:100% 900px,100% 900px,auto 900px;background-repeat:repeat-y;background-position:center;background-attachment:scroll;background-blend-mode:normal,normal,soft-light}
}