.preview-section{padding-top:12px;padding-bottom:72px}.preview-section .section-heading{margin-bottom:28px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.preview-open{display:block;width:100%;border:0;padding:0;background:none;text-align:left}.promo{position:relative;overflow:hidden;background:var(--promo-bg);color:var(--promo-ink);display:flex;flex-direction:column;align-items:center;padding:34px 24px 20px;gap:24px}.promo-copy{text-align:center;flex:none;max-width:100%}.promo-brand{font-weight:700;font-size:14px;color:var(--promo-accent)}.promo h2{font-size:32px;line-height:1.12;margin:12px 0}.promo-copy p{font-size:16px;color:var(--promo-ink);margin:0;line-height:1.4}.promo-frame{width:72%;background:#fff;border:5px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0002}.promo-frame img{width:100%;height:auto;display:block}.promo-frame.cropped{aspect-ratio:1206/2300}.promo-frame.cropped img{max-width:none}.promo-footer{font-size:11px;font-weight:700;color:var(--promo-accent);margin-top:auto}.promo.landscape{gap:24px;padding:28px 20px 18px;min-height:380px}.promo.landscape h2{font-size:29px}.promo.landscape .promo-frame{width:100%;border:3px solid #fff}.preview-caption{display:block;color:#495950;font-size:14px;margin-top:12px;text-align:left}.preview-open:hover .promo-frame{box-shadow:0 14px 30px #0003}.preview-grid.wide{grid-template-columns:1fr}.preview-grid.wide .promo{padding:38px 32px 24px}.preview-grid.wide .promo h2{font-size:36px}.preview-grid.wide .promo-frame{max-width:1100px}.beta-action{margin-top:26px}.beta-action .button{background:#1b4b3d;color:#fff;box-shadow:none;border-color:#1b4b3d}.beta-action .icon{filter:invert(1)}.beta-action p{font-size:14px;margin:12px 0 0}.card-links{display:flex;flex-wrap:wrap;gap:12px 20px}.beta-link{color:#105541}.game-art.gameplay{background:var(--game-color)}.game-art.gameplay img{width:100%;height:100%;object-fit:contain;border-radius:0}.game-art.gameplay.is-portrait img{width:auto;max-width:100%;height:100%}.game .game-art.gameplay{aspect-ratio:4/3}.poster-export{margin:0;width:100vw;height:100vh;overflow:hidden}.poster-export .promo{width:100%;height:100%;padding:46px 40px 24px;gap:28px}.poster-export .promo-brand{font-size:22px}.poster-export .promo h2{font-size:52px;margin:16px 0}.poster-export .promo-copy p{font-size:24px}.poster-export .promo-footer{font-size:15px}.poster-export .promo-frame{flex:1;min-height:0;width:auto;max-width:90%;aspect-ratio:1320/2868}.poster-export .promo-frame img{height:100%;width:auto;max-width:100%;object-fit:contain}.poster-export .promo-frame.cropped{aspect-ratio:1206/2300}.poster-export .promo-frame.cropped img{height:auto;width:100%;max-height:none}.poster-export .promo.landscape .promo-frame{width:100%;aspect-ratio:auto;display:flex;justify-content:center;background:transparent;border:0;box-shadow:none}.poster-export .promo.landscape .promo-frame img{border:4px solid #fff;border-radius:8px;object-fit:contain;max-height:100%}.poster-export .promo.landscape{padding:36px 50px 22px}.poster-export .promo.landscape h2{font-size:48px}
.poster-export .promo.landscape{padding:24px 30px 18px;gap:18px}.poster-export .promo.landscape h2{font-size:36px;margin:10px 0}.poster-export .promo.landscape .promo-brand{font-size:18px}.poster-export .promo.landscape .promo-copy p{font-size:20px}.poster-export .promo.landscape .promo-footer{font-size:12px}
@media(max-width:650px){.preview-grid{grid-template-columns:1fr;gap:28px}.promo{padding:28px 18px 18px}.promo h2{font-size:28px}.promo-frame{width:82%}.preview-grid.wide .promo{padding:26px 14px 18px;min-height:0}.preview-grid.wide .promo h2{font-size:26px}.promo.landscape .promo-copy p{font-size:15px}.promo.landscape .promo-frame{border-width:2px}.preview-section{padding-bottom:48px}}
.missing-preview{display:grid;place-items:center;padding:28px;text-align:center;color:#495950;font-weight:650;border:1px solid var(--line)}.missing-preview span{max-width:170px}
.showcase-section{padding:72px 0;border-block:1px solid var(--line);background:#f4f7f6}.showcase-heading{margin-bottom:28px}.showcase-heading h2{margin:0}.showcase-heading p{margin:8px 0 0}.showcase-track{display:grid;grid-auto-flow:column;grid-auto-columns:420px;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(40px,calc((100vw - 1240px)/2));padding:0 max(40px,calc((100vw - 1240px)/2)) 12px;scrollbar-width:none}.showcase-track::-webkit-scrollbar{display:none}.showcase-card{display:block;height:100%;color:inherit;text-decoration:none;scroll-snap-align:start;scroll-snap-stop:always}.showcase-card:hover{text-decoration:none}.showcase-card .promo{height:100%;min-height:430px}.showcase-card:hover .promo-frame{box-shadow:0 14px 30px #0003}.showcase-card:focus-visible{outline:3px solid #db541f;outline-offset:-3px}@media(max-width:650px){.showcase-section{padding:48px 0}.showcase-track{grid-auto-columns:calc(100vw - 54px);gap:16px;scroll-padding-inline:18px;padding-inline:18px}.showcase-card .promo{min-height:0}}
.apple-preview{width:100%;background:#fff;aspect-ratio:1320/2868;overflow:hidden}.apple-preview img{display:block;width:100%;height:100%;object-fit:contain}.preview-grid:has(.apple-preview){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.preview-grid:has(.apple-preview){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.preview-grid:has(.apple-preview){grid-template-columns:1fr}}