.elementor-7123 .elementor-element.elementor-element-f56ddf2 > .elementor-container{max-width:1260px;}.elementor-7123 .elementor-element.elementor-element-f56ddf2{padding:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-b93e319 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7123 .elementor-element.elementor-element-a8e644b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-af66841 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7123 .elementor-element.elementor-element-bb2c5b0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-d1d6cdc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-997c886 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-a796dae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-499c0f5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-1d51ef9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-1c21f97 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-1c21f97 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7123 .elementor-element.elementor-element-6f791d2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-6f791d2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7123 .elementor-element.elementor-element-1a7a18e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-1a7a18e .elementor-button-content-wrapper{flex-direction:row;}.elementor-7123 .elementor-element.elementor-element-0611fd3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-0611fd3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7123 .elementor-element.elementor-element-73bfa36 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-73bfa36 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7123 .elementor-element.elementor-element-dd35745 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7123 .elementor-element.elementor-element-dd35745 .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS *//* Flynn's Arcade: home styles. */
.hero { border-bottom: 1px solid var(--line); background: var(--bg); }

.hero-image { width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: contain; }

.featured-game { border-bottom: 1px solid var(--line); background: rgba(3, 8, 17, 0.8); }

.featured-game-inner, .promotions .promotion-inner { max-width: 880px; }

.featured-game-inner { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: center; gap: 36px; padding-block: 32px; }

.featured-game-copy { min-width: 0px; }

.featured-game-copy .eyebrow { margin-bottom: 12px; }

.featured-game h1 { font: 400 22px/1.6 var(--pixel); text-transform: uppercase; }

.featured-game h1 span { display: block; color: var(--cyan); }

.featured-game h1 span + span { color: var(--pink); }

.featured-game-description { max-width: 380px; color: var(--muted); margin-top: 16px; font-size: 15px; line-height: 1.55; }

.featured-game-platform { display: flex; align-items: center; gap: 12px; margin-top: 15px; font-size: 12px; color: var(--muted); }

.featured-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }

.featured-game-link { display: block; min-width: 0px; }

.featured-game-image { width: 100%; max-height: 250px; aspect-ratio: 16 / 9; object-fit: contain; }

.promotions .promotion-slide { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px; min-height: 250px; }

.promotions .promotion-copy { padding-left: 0px; }

.promotion-visual { display: block; position: relative; width: 100%; height: 220px; }

.promotions .promotion-art { height: 100%; margin-top: 0px; }

/* Remove only the transparent padding around the original Eternum artwork. */
.promotion-visual-eternum { width: 273px; max-width: 100%; overflow: hidden; }

.promotion-visual-eternum .promotion-art { position: absolute; left: -70.732%; top: -9.89%; max-width: none; width: 177.384%; height: 109.89%; }

.promotion-visual-eternum .promotion-art[src$="/preview.webp"] { left: 0px; top: 0px; width: 100%; height: 100%; }

@media (max-width: 1150px) {
.featured-game-inner { gap: 32px; }
.featured-game h1 { font-size: 20px; }
}

@media (max-width: 767px) {
.featured-game-inner { grid-template-columns: 1fr; gap: 24px; }
.featured-game-image { max-height: 200px; }
.promotions .promotion-slide { grid-template-columns: 1fr; grid-template-rows: minmax(220px, auto) 180px; gap: 20px; min-height: 420px; }
.promotion-visual { height: 180px; max-width: 400px; }
.promotion-visual-eternum { width: 223px; }
}

@media (max-width: 600px) {
.featured-game-inner { padding-block: 25px; }
.featured-game h1 { font-size: 18px; }
.featured-game-description { font-size: 14px; }
}

@media (max-width: 360px) {
.featured-game h1 { font-size: 16px; }
}/* End custom CSS */