/* Faithful Ember proportions, navigation and homepage collections. */
:root{--w:1600px;--accent:#ff239d;--accent-hi:#ff67bc}
.wrap{padding-left:38px;padding-right:38px}.site-header{background:linear-gradient(110deg,#100b16,#0b0811);border-bottom:1px solid #493044}.header-inner{height:92px;gap:24px;max-width:none;padding:0 40px}.header-inner .brand{font-size:40px;font-stretch:105%;letter-spacing:-1.8px;font-weight:700;flex-shrink:0}.header-inner .brand small{font-size:13px;margin-left:8px}.nav{flex:1;gap:0;align-items:stretch;min-width:0}.nav a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 22px;font-size:15px;font-weight:700;font-stretch:70%;white-space:nowrap;border-bottom:0;isolation:isolate}.nav a:before{content:"";position:absolute;inset:0;transform:skew(-22deg);z-index:-1;border-left:3px solid transparent}.nav a.is-active,.nav a[aria-current="page"],.nav .current-menu-item>a{color:var(--accent)}.nav a.is-active:before,.nav a[aria-current="page"]:before,.nav .current-menu-item>a:before{background:linear-gradient(110deg,#5b153e80,#37102470);border-left-color:var(--accent)}.nav a:hover:before{background:#ff239d12}.nav li{display:flex}.site-header .search-form{position:relative;width:285px;flex-shrink:1;min-width:150px}.site-header .search-form input{width:100%;border:1px solid #33263f;border-radius:12px;padding:11px 15px 11px 46px;font-size:14px;background:linear-gradient(115deg,#1d1726,#18131f)}.site-header .search-form button{position:absolute;left:0;top:0;bottom:0;width:44px;padding:12px;border:0;border-radius:12px;background:transparent;color:#d9c4ea;display:grid;place-items:center}.search-form button svg{width:21px;height:21px}.ember-header-stats{display:flex;gap:26px;margin-left:15px}.ember-header-stats b{font-size:23px}.ember-header-stats span{font-size:11px;gap:4px}.ember-account{display:grid;place-items:center;flex-shrink:0;border-left:1px solid #403047;padding-left:22px;margin-left:4px;color:#cab2df}.ember-account svg{width:23px;height:23px}.home main.wrap{isolation:isolate;position:relative;max-width:none}.home main:after{display:none!important}.ember-discovery{margin:0 -38px;grid-template-columns:minmax(0,1fr) 330px;min-height:450px}.ember-carousel{position:relative;min-width:0;background:#100c17}.ember-slide{height:100%;min-height:450px}.ember-feature-copy{padding:55px 48px 75px;max-width:680px}.ember-feature h2{font-size:clamp(42px,5vw,78px);font-stretch:62%;font-weight:700;letter-spacing:-.035em;line-height:1;text-transform:uppercase;text-wrap:balance;max-width:14ch;overflow-wrap:anywhere}.ember-feature-art{object-position:68% center}.ember-feature:after{background:linear-gradient(90deg,#0b0811ed,#0b0811b3 33%,#0b081110 78%),linear-gradient(0deg,#0b0811a8,transparent 55%)}.ember-summary{max-width:39ch;font-size:16px;margin-top:22px}.ember-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.ember-hero-actions .ember-explore{margin:0;font-size:12px}.ember-cta{width:188px;padding:13px 22px}.ember-picks{padding:22px 24px;background:linear-gradient(145deg,#100c17ef,#1e1024e8)}.ember-picks-head{margin-bottom:21px}.ember-picks h2{font-size:23px}.ember-picks li{margin-bottom:18px;gap:14px}.ember-picks img{width:91px;height:60px}.ember-picks strong{font-size:13px}.ember-picks small{display:inline-block;border:1px solid #44334e;border-radius:20px;padding:1px 7px;color:#d0bedf}.ember-slide-controls{position:absolute;bottom:18px;right:25px;display:flex;gap:12px;align-items:center;z-index:3}.ember-slide-controls button{cursor:pointer;border:0;background:#180e24b3;color:#fff;display:grid;place-items:center;width:33px;height:33px;font-size:27px;border-radius:5px}.ember-slide-tabs{display:flex;gap:8px}.ember-slide-tabs button{width:30px;height:5px;border-radius:1px;padding:0;background:#82718e}.ember-slide-tabs button[aria-selected="true"]{background:var(--accent)}.ember-slide-status{font-size:10px;color:#dac6e5;min-width:30px}.ember-genres{padding:17px 0 12px;gap:12px}.ember-genres a{padding:10px 18px;gap:11px;font-size:13px}.ember-genres svg{width:23px;height:23px;flex-shrink:0;color:#d3a8ef}.ember-genres .is-selected svg{color:var(--accent)}
.ember-page-art{position:absolute;inset:420px 0 0 auto;width:48%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%)}.ember-page-art img{position:sticky;top:92px;height:100vh;width:100%;object-fit:cover;object-position:80% center;filter:saturate(.6) hue-rotate(305deg)}.ember-page-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0911,transparent 80%),#58063b55}.ember-main-columns{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:32px}.ember-feed{min-width:0}.home .section{max-width:none}.ember-filled-section{margin:21px 0 35px}.ember-filled-section .section-head>div{display:flex;align-items:center;flex-direction:row;gap:18px}.ember-filled-section .section-head h2{font-size:29px;white-space:normal}.ember-filled-section .section-lede{font-size:12px;line-height:1.4;max-width:36ch}.ember-filled-section .grid.rail{grid-auto-columns:calc((100% - 54px)/4)}.ember-filled-section .card-art{aspect-ratio:16/9}.ember-filled-section .card-scrim{min-height:72px;padding:11px 13px}.ember-side-motto{min-height:265px;display:flex;justify-content:center;flex-direction:column;gap:15px;padding:28px 12px}.ember-side-motto>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#d7a8ca}.ember-side-motto strong{font-stretch:65%;font-style:italic;font-size:41px;line-height:1.16;color:#ed94cb}.ember-side-motto>a{font-size:12px}.ember-side-panel{background:#140d1ae6;border:1px solid #382239;border-radius:7px;padding:20px;margin-bottom:23px;backdrop-filter:blur(8px)}.ember-side-panel h2{font-size:22px;font-stretch:65%;text-transform:uppercase;margin-bottom:17px}.ember-side-panel>a:not(.ember-all-tags){display:flex;align-items:center;gap:10px;color:var(--ink-mid);padding:8px 0;font-size:12px}.ember-side-panel>a svg{width:19px;height:19px;color:#c997df}.ember-side-panel>a small{margin-left:auto;color:var(--accent)}.ember-side-panel .chips{gap:7px}.ember-side-panel .chip{font-size:10px;padding:5px 8px}.ember-all-tags{display:block;margin-top:15px;font-size:12px}.ember-collection-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 34px}.ember-collection-links>a{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #66304f;border-radius:7px;background:linear-gradient(110deg,#431330d9,#211329e6);color:#f4dff8}.ember-collection-links svg{width:34px;height:34px;color:#ff61b7}.ember-collection-links strong{font-size:19px;font-stretch:75%;display:block}.ember-collection-links small{display:block;color:#c3a6cd;font-size:11px;margin-top:4px}.ember-collection-links b{margin-left:auto;color:var(--accent)}
@media(min-width:1800px){.header-inner,.home main.wrap{max-width:1720px;margin:auto}}
@media(max-width:1350px){.header-inner{gap:15px;padding:0 26px}.header-inner .brand{font-size:34px}.nav a{padding:0 15px}.ember-header-stats{gap:17px;margin-left:0}.site-header .search-form{width:230px}.ember-account{padding-left:16px}.ember-discovery{grid-template-columns:minmax(0,1fr) 290px}.ember-picks{padding:23px 18px}.ember-picks img{width:76px}.ember-filled-section .section-head>div{align-items:flex-start;flex-direction:column;gap:5px}.ember-filled-section .section-lede{margin-left:23px}.ember-main-columns{grid-template-columns:minmax(0,1fr) 215px;gap:24px}}
@media(max-width:1150px){.ember-header-stats{display:none}.nav a{padding:0 16px}.ember-main-columns{grid-template-columns:minmax(0,1fr)}.ember-discover-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ember-side-motto{display:none}.ember-side-panel{margin:0}.ember-page-art{width:60%;opacity:.15}.ember-filled-section .section-head>div{flex-direction:row;align-items:center}.ember-filled-section .section-lede{margin:0}}
@media(max-width:940px){.header-inner{height:76px}.header-inner .brand{font-size:33px}.nav{top:76px;padding:12px 25px;gap:0;align-items:stretch;box-shadow:0 14px 30px #0008}.nav a{padding:14px 20px;justify-content:flex-start}.nav a:before{transform:none}.site-header .search-form{width:290px}.ember-account{margin-left:0}.ember-discovery{grid-template-columns:1fr}.ember-picks ol{grid-template-columns:repeat(3,minmax(0,1fr))}.ember-picks li{margin:0}.ember-picks li:nth-child(n+4){display:none}.ember-picks img{width:65px;height:48px}.ember-picks li:before{display:none}.ember-picks strong{font-size:12px}.ember-picks small{font-size:9px}.ember-slide{min-height:450px}.ember-filled-section .grid.rail{grid-auto-columns:calc((100% - 36px)/3)}.ember-filled-section .section-head>div{flex-direction:column;align-items:flex-start}.ember-filled-section .section-lede{margin-left:23px}}
@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.header-inner{height:auto;min-height:70px;padding:12px 16px;gap:12px}.header-inner .brand{font-size:31px}.header-inner .brand small{font-size:11px}.ember-account{margin-left:auto;border:0;padding:0}.nav-toggle{margin-left:0}.site-header .search-form{width:100%;order:4}.site-header .search-form input{padding:10px 12px 10px 42px}.nav{top:67px}.ember-discovery{margin:0 -16px}.ember-slide{min-height:465px}.ember-feature-copy{padding:34px 23px 65px}.ember-feature h2{font-size:44px;max-width:13ch}.ember-summary{font-size:14px}.ember-feature:after{background:linear-gradient(0deg,#0b0811fa,#0b0811b8 50%,#0b081144)}.ember-hero-actions{gap:14px}.ember-hero-actions .ember-explore{font-size:11px}.ember-cta{width:160px;padding:12px 17px}.ember-slide-controls{bottom:14px;right:20px}.ember-picks{padding:20px 16px}.ember-picks ol{display:flex;overflow-x:auto;gap:18px}.ember-picks li,.ember-picks li:nth-child(n+4){display:flex;flex:0 0 205px;margin:0}.ember-picks li a{width:100%}.ember-picks img{width:77px;height:55px}.ember-genres{padding-left:16px;padding-right:16px}.ember-genres a{padding:9px 15px;font-size:12px}.ember-genres svg{width:20px;height:20px}.ember-filled-section .grid.rail{grid-auto-columns:77%;gap:14px}.ember-filled-section{margin-top:15px;margin-bottom:25px}.ember-filled-section .section-head h2{font-size:25px}.ember-filled-section .section-lede{font-size:11px}.ember-collection-links{grid-template-columns:1fr;gap:12px}.ember-collection-links>a{padding:19px}.ember-discover-sidebar{grid-template-columns:1fr}.ember-page-art{display:none}.ember-main-columns{gap:20px}}
.ember-page-art{opacity:.7;width:56%;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}.ember-page-art img{filter:none;object-position:right center}.ember-page-art:after{background:linear-gradient(0deg,#0c0911 0%,transparent 85%)}
.ember-picks{min-width:0}@media(max-width:940px){.ember-discovery{grid-template-columns:minmax(0,1fr)}}
.ember-genres,.ember-picks ol{scrollbar-width:thin;scrollbar-color:#503045 transparent}.ember-genres::-webkit-scrollbar,.ember-picks ol::-webkit-scrollbar{height:4px}.ember-genres::-webkit-scrollbar-thumb,.ember-picks ol::-webkit-scrollbar-thumb{background:#503045;border-radius:9px}.ember-genres::-webkit-scrollbar-track,.ember-picks ol::-webkit-scrollbar-track{background:transparent}
/* Shared interaction language: quick press, gentle lift, restrained glow. */
.ember-carousel{display:grid;isolation:isolate;overflow:hidden}
.ember-slide{grid-area:1/1;min-width:0;height:auto;align-self:stretch}
/* Keep every slide in the sizing grid, including inactive panels. */
.ember-carousel .ember-slide[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.ember-slide-controls{z-index:5}
.home .ember-page-art{top:0;bottom:0;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}
.home .ember-page-art img{position:absolute;top:0;right:0;height:1100px;max-height:none;object-position:right top;mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 72%,transparent 100%)}
.home .ember-page-art:after{display:none}
.btn,.chip,.ember-genres a,.ember-slide-controls button,.ember-account,.nav-toggle,.ember-collection-links>a{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ember-cta>span,.ember-genres svg,.ember-collection-links svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nav a:before{transition:background-color .22s ease,border-color .22s ease,opacity .22s ease}
.nav a:not(.is-active):not([aria-current="page"]):hover:before{background:#ff239d12;border-left-color:transparent}
.site-header .search-form{transition:filter .2s ease}
.site-header .search-form:focus-within{filter:drop-shadow(0 0 6px #ff239d24)}
.site-header .search-form input{transition:border-color .2s ease,background-color .2s ease}
.site-header .search-form button svg{transition:transform .2s ease,color .2s ease}
.ember-slide-tabs button{position:relative;height:28px;background:transparent!important;border-radius:0;isolation:isolate}
.ember-slide-tabs button:before{content:"";position:absolute;left:0;right:0;top:12px;height:4px;background:#82718e;border-radius:2px;transition:background-color .2s ease,transform .2s ease}
.ember-slide-tabs button[aria-selected="true"]:before{background:var(--accent);box-shadow:0 0 12px #ff239d45}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .btn:hover{transform:translateY(-2px);box-shadow:0 7px 22px #ff239d2c}
 .ember-cta:hover>span{transform:translateX(4px)}
 .chip:hover,.ember-genres a:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0003}
 .ember-genres a:hover svg{transform:scale(1.12) rotate(-5deg)}
 .ember-slide-controls>button:hover{transform:translateY(-2px);background:#5a2148;color:#ff92ce;box-shadow:0 4px 14px #0004}
 .ember-slide-tabs button:hover:before{transform:scaleY(1.5);background:#ff92ce}
 .ember-account:hover,.nav-toggle:hover{transform:translateY(-1px);color:var(--accent-hi)}
 .ember-collection-links>a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 25px #ff239d14}
 .ember-collection-links>a:hover svg{transform:rotate(-5deg) scale(1.06)}
 .site-header .search-form button:hover svg{transform:scale(1.12);color:var(--accent-hi)}
}
.btn:active,.chip:active,.ember-genres a:active,.ember-slide-controls>button:active,.ember-account:active,.nav-toggle:active,.ember-collection-links>a:active{transform:translateY(1px) scale(.97);box-shadow:none;transition-duration:75ms}
.ember-slide-tabs button:active:before{transform:scaleX(.85)}
.ember-discover-sidebar{align-content:start}
@media(max-width:1150px){.ember-discover-sidebar{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn,.chip,.ember-genres a,.ember-slide-controls button,.ember-account,.nav-toggle,.ember-collection-links>a,.ember-cta>span,.ember-genres svg,.ember-collection-links svg,.ember-slide-tabs button:before,.site-header .search-form,.site-header .search-form button svg{transition:none!important;transform:none!important}}

/* Align a game promotion with every lower catalog rail. */
.ember-promo-row{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:32px;align-items:stretch;margin-bottom:30px}
.ember-promo-row>.ember-filled-section{min-width:0;margin-bottom:0}
.ember-game-promo{position:relative;isolation:isolate;overflow:hidden;min-width:0;margin-top:20px;padding:22px;display:flex;flex-direction:column;border:1px solid #68304f;border-radius:7px;background:linear-gradient(155deg,#481535bd,#100b1af5 80%),url('assets/ember-city.png') center 45%/cover;box-shadow:inset 0 1px #ff75c022}
.ember-game-promo:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ff4eac45;border-radius:50%;right:-75px;top:20px;box-shadow:0 0 65px #ff239d20;z-index:-1}
.ember-promo-label{font-size:10px;letter-spacing:.18em;color:#ff91cc;font-weight:700}
.ember-promo-symbol{display:block;color:#f09cda;margin:22px 0}.ember-promo-symbol svg{width:42px;height:42px}
.ember-promo-copy{margin-top:auto}.ember-promo-genre{font-size:11px;color:#cdb2dd}
.ember-game-promo h3{font-size:28px;font-stretch:65%;line-height:1.12;margin:10px 0 20px;overflow-wrap:anywhere}
.ember-promo-button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px;padding:12px 14px}
@media(min-width:1151px) and (max-width:1350px){.ember-promo-row{grid-template-columns:minmax(0,1fr) 215px;gap:24px}}
@media(max-width:1150px){.ember-promo-row{grid-template-columns:minmax(0,1fr);gap:0}.ember-game-promo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 22px;padding:20px;margin-top:8px}.ember-promo-label{grid-column:1/-1}.ember-promo-symbol{margin:0;align-self:center}.ember-promo-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center}.ember-promo-genre{grid-column:1}.ember-game-promo h3{grid-column:1;margin:5px 0;font-size:25px}.ember-promo-button{grid-column:2;grid-row:1/3;width:auto}}
@media(max-width:600px){.ember-promo-row{margin-bottom:24px}.ember-promo-copy{display:block}.ember-promo-symbol{display:none}.ember-game-promo{display:block}.ember-promo-genre{display:block;margin-top:16px}.ember-game-promo h3{margin:8px 0 16px}.ember-promo-button{width:100%}}

/* One shared clock drives both the 10-second interval and its progress strip. */
.ember-autoplay-progress{position:absolute;inset:auto 0 0;height:3px;background:#ffffff16;z-index:6;pointer-events:none;overflow:hidden}
.ember-autoplay-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#b52cff,#ff239d,#ff8bd2);box-shadow:0 0 12px #ff239d80;will-change:transform}
.ember-slide-controls .ember-autoplay-toggle{font-size:15px;width:33px;height:33px;line-height:1}
.ember-slide-controls .ember-autoplay-toggle:focus-visible{outline:2px solid #ff83c9;outline-offset:3px}