.game-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 4px 24px;margin-top:24px;scrollbar-color:var(--blue, #1b6a9c) transparent}.game-gallery figure{flex:0 0 min(80vw,360px);margin:0;scroll-snap-align:start}.game-gallery a{display:flex;align-items:center;justify-content:center;border:1px solid #aabec3;border-radius:16px;background:#f4f2e9;overflow:hidden;min-height:200px}.game-gallery img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}.game-gallery figcaption{margin-top:12px;font-size:1rem;line-height:1.5}.game-gallery a:focus-visible{outline:3px solid #1b6a9c;outline-offset:3px}
.asset-viewer{padding:18px;border:0;border-radius:16px;background:#fff7e6;color:#073249;max-width:96vw;max-height:96vh;overflow:auto}.asset-viewer::backdrop{background:#04232ee8}.asset-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.asset-viewer-top p{font:700 1rem/1.5 system-ui;margin:0}.asset-viewer button{flex:none;min-width:44px;min-height:44px;border:1px solid #9fbbbf;border-radius:10px;background:#d6eef8;color:#073249;font:700 1rem system-ui;cursor:pointer}.asset-viewer-body{display:flex;align-items:center;gap:12px;margin-top:12px}.asset-viewer-body img{display:block;max-width:calc(94vw - 144px);max-height:76vh;width:auto;height:auto;object-fit:contain}.asset-viewer :focus-visible{outline:3px solid #1b6a9c;outline-offset:2px}
@media(max-width:720px){.entry.product-note{padding:0}.product-note .entry-body{padding:22px}.product-cover{margin-bottom:36px}.product-media{padding-top:32px}.product-icon{width:80px}.game-gallery{gap:16px}.asset-viewer{padding:10px}.asset-viewer-top{align-items:flex-start}.asset-viewer-body{gap:4px}.asset-viewer-body img{max-width:calc(94vw - 116px)}.asset-viewer-top p{font-size:.875rem}}

@media(max-width:720px){.asset-viewer-body{display:grid;grid-template-columns:44px minmax(0,1fr)44px;justify-items:center}.asset-viewer-body img{grid-column:1/-1;grid-row:1;max-width:calc(94vw - 20px);max-height:65vh}.asset-viewer-body>button:first-child{grid-column:1;grid-row:2}.asset-viewer-body>button:last-child{grid-column:3;grid-row:2}}
