/* Navigation, alerts and member-facing pages. */
body{padding-top:80px}.page-home{padding-top:0}.site-header{position:fixed;inset:0 0 auto;background:rgb(10 10 11 / 96%);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:background .2s,border-color .2s,box-shadow .2s}.site-header.is-scrolled{border-bottom-color:#2b2b31;background:rgb(10 10 11 / 96%);box-shadow:0 8px 30px #00000020}.page-home .site-header:not(.is-scrolled):not(.menu-open){background:transparent;backdrop-filter:none;box-shadow:none}.site-header.menu-open{background:rgb(10 10 11 / 98%)}.nav-inner{height:80px;gap:30px}.brand img{width:168px;height:36px}.desktop-nav{gap:19px;justify-content:center}.nav-link{font-size:15px;font-weight:600;color:#c6c6d0;line-height:1.3;position:relative;min-height:44px;transition:color .15s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--action);border-radius:2px}.nav-link .icon{width:13px;height:13px}.nav-actions{gap:7px;flex:none}.nav-actions .icon-button{width:40px;height:40px;color:#dedee6}.nav-actions .icon-button:hover,.nav-actions .icon-button[aria-expanded=true]{background:#222229;color:#fff}.nav-actions .sign-in{display:inline-flex;min-height:42px;padding:10px 19px;border-radius:8px;font-size:14px;gap:8px;box-shadow:0 0 20px #175cff16}.sign-in .icon{width:17px;height:17px}.games-menu{top:56px;box-shadow:0 20px 60px #000b}.games-menu a{font-size:15px}.home-hero{min-height:710px;height:min(85vh,850px)}.home-hero-copy{padding-top:120px;padding-bottom:70px}.home-hero-art{inset:0}.home-hero-art img{object-position:center top}.home-hero .eyebrow{color:#b4b4c0}.home-hero-art:after{content:"";position:absolute;inset:0 0 auto;height:125px;background:linear-gradient(#0a0a0b88,transparent);pointer-events:none}
.alerts-wrap{position:relative}.alerts-toggle{position:relative}.alerts-badge{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--action);color:#fff;border:2px solid #0a0a0b;border-radius:10px;font-size:12px;line-height:1;font-weight:800}.alerts-panel{position:absolute;top:57px;right:-10px;width:380px;background:#101012;border:1px solid #303037;border-radius:14px;box-shadow:0 24px 65px #000b;overflow:hidden;z-index:22}.alerts-heading{padding:21px 20px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.alerts-heading h2{font-size:22px;font-weight:600;letter-spacing:-.035em}.alerts-heading p{font-size:14px;margin-top:5px}.alerts-heading .icon-button{width:32px;height:32px}.alerts-heading .icon{width:17px;height:17px}.alerts-list{max-height:min(410px,60vh);overflow:auto}.alert-item{display:flex;align-items:flex-start;gap:13px;padding:20px;border-bottom:1px solid #242429}.alert-item:last-child{border:0}.alert-item:hover{background:#19191d}.alert-item.unread{background:#141720}.alert-icon{width:34px;height:34px;border:1px solid #2c354b;border-radius:8px;display:grid;place-items:center;color:var(--cobalt);flex:none}.alert-icon .icon{width:18px;height:18px}.alert-item>span:nth-child(2){flex:1;min-width:0}.alert-item small{display:block;font-size:12px;color:var(--cobalt);font-weight:600;margin-bottom:5px}.alert-item strong{display:block;font-size:14px;font-weight:700;line-height:1.5}.alert-item>span>span{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.7}.alert-unread-dot{width:6px;height:6px;flex:none;border-radius:50%;margin-top:7px;background:transparent}.unread .alert-unread-dot{background:var(--action)}.alerts-footer{border-top:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.alerts-footer button,.alerts-footer a{min-height:32px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:0}.alerts-footer a{color:var(--cobalt)}.alerts-footer .icon{width:13px;height:13px}.alerts-empty{text-align:center;padding:40px 20px}.alerts-empty>.icon{color:var(--muted);margin-bottom:14px}
.centered-page-heading{text-align:center;padding:48px 0 33px}.centered-page-heading h1{font-size:56px;letter-spacing:-.055em;font-weight:600}.centered-page-heading>p:not(.eyebrow){font-size:15px;margin-top:17px}.centered-page-heading .eyebrow{font-size:12px;margin-bottom:17px}.availability-page{padding-bottom:70px}.status-summary{max-width:940px;display:flex;align-items:center;justify-content:center;gap:36px;margin:0 auto 33px;background:#111113;border:1px solid var(--border);border-radius:11px;min-height:64px;padding:14px 24px}.status-summary>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:15px}.status-summary strong{color:var(--text);font-weight:700}.status-summary .icon{color:var(--cobalt);width:17px;height:17px;margin-right:3px}.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#92929d}.status-summary .status-dot{margin-right:3px}.status-game-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0 25px;margin-bottom:30px;border-bottom:1px solid var(--border)}.status-game-filters button{background:#131315;border:1px solid #2b2b32;border-radius:999px;min-height:38px;padding:9px 16px;font-size:14px;color:#bdbdc7;line-height:1.3}.status-game-filters button:hover{border-color:#51515d;color:#fff}.status-game-filters button[aria-pressed=true]{background:var(--action);border-color:var(--action);color:#fff}.status-groups{display:grid;gap:20px}.status-game-group{border:1px solid var(--border);background:#101012;border-radius:14px;overflow:hidden}.status-game-heading{position:relative;min-height:158px;padding:35px 28px 26px;display:flex;align-items:flex-end;gap:20px;list-style:none;cursor:pointer;isolation:isolate}.status-game-heading::-webkit-details-marker,.status-product-row summary::-webkit-details-marker{display:none}.status-game-heading>.icon{position:absolute;right:24px;top:21px;width:17px;height:17px;color:#bdbdca;transition:transform .15s}.status-game-group[open]>.status-game-heading>.icon{transform:rotate(180deg)}.status-game-art{position:absolute;inset:0;z-index:-2}.status-game-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.62}.status-game-heading:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0a0bbb,#0a0a0b55),linear-gradient(0deg,#101012ee,transparent 90%)}.status-game-copy{flex:1;min-width:0}.status-game-copy strong{font:600 32px/1.15 var(--display);letter-spacing:-.035em;display:block}.status-game-copy small{display:block;font-size:14px;color:#bdbdc7;margin-top:9px}.status-group-state{display:flex;align-items:center;gap:8px;font-size:14px;color:#c7c7d1;white-space:nowrap}.status-game-products{padding:17px;display:grid;gap:10px}.status-product-row{border:1px solid #2a2a31;border-radius:9px;background:#0e0e10;overflow:hidden}.status-product-row summary{list-style:none;display:flex;align-items:center;gap:16px;padding:19px 22px;cursor:pointer;min-height:77px}.status-product-row summary:hover{background:#17171b}.status-row-name{flex:1;min-width:0}.status-row-name strong{font-size:16px;display:block;font-weight:600}.status-row-name small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.status-pill{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#b5b5c1;padding:5px 9px;border:1px solid #34343e;border-radius:99px;white-space:nowrap}.status-product-row summary>.icon{width:15px;height:15px;color:#9a9aa5;transition:transform .15s}.status-product-row[open] summary>.icon{transform:rotate(180deg)}.status-history{border-top:1px solid var(--border);padding:23px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.history-empty{display:flex;align-items:flex-start;gap:13px}.history-empty>.icon{color:var(--cobalt);width:18px;height:18px;margin-top:2px}.history-empty h3{font:600 14px var(--font);letter-spacing:0}.history-empty p{font-size:14px;margin-top:5px}.status-history .text-link{font-size:14px;white-space:nowrap;color:var(--cobalt)}.status-history .text-link .icon{width:14px}.status-bottom-note{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:29px;font-size:14px}.status-bottom-note>.icon{color:var(--muted);width:15px;height:15px}
.community-page{max-width:1100px;padding-bottom:80px}.reviews-intro{display:grid;grid-template-columns:1fr 1.55fr;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:38px;margin-top:7px;gap:45px}.reviews-intro>div:first-child{border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center}.review-rating{font:600 60px/1.1 var(--display);letter-spacing:-.05em}.review-rating>span{font:400 21px var(--display);letter-spacing:-.03em;color:var(--muted);margin-left:8px}.rating-stars{display:flex;gap:6px;margin:16px 0 12px;color:#55555f}.rating-stars .icon{width:18px;height:18px}.reviews-intro>div:first-child p{font-size:14px}.review-intro-copy h2{font-size:29px;font-weight:600}.review-intro-copy p{font-size:14px;max-width:430px;margin:13px 0 21px}.review-intro-copy .button{font-size:14px}.review-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 22px;border-bottom:1px solid var(--border)}.review-controls>div{display:flex;align-items:center;gap:12px}.review-controls label{font-size:14px;color:var(--muted)}.review-controls select{min-height:42px;max-width:330px;background:#111113;border-color:#3c3c45;font-size:14px}.review-result-count{font-size:14px;color:var(--muted);white-space:nowrap}.reviews-empty{text-align:center;min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 20px}.reviews-empty>.icon{width:33px;height:33px;color:var(--cobalt);margin-bottom:22px}.reviews-empty h2{font-size:27px;font-weight:500}.reviews-empty p{font-size:14px;margin-top:13px;max-width:480px}.reviews-empty .text-link{font-size:14px;color:var(--cobalt);margin-top:13px}.community-review-strip{border:1px solid var(--border);border-radius:14px;background:#101012;padding:40px;display:flex;align-items:center;gap:30px}.review-strip-icon{width:74px;height:74px;background:#191b24;border:1px solid #30394f;border-radius:18px;display:grid;place-items:center;flex:none;color:var(--cobalt)}.review-strip-icon>.icon{width:31px;height:31px}.community-review-strip>div:nth-child(2){flex:1}.community-review-strip h2{font-size:34px;font-weight:600}.community-review-strip h2 span{color:var(--cobalt)}.community-review-strip p{font-size:14px;margin-top:15px;max-width:450px}.community-review-strip .button{font-size:14px}.account-gate{min-height:calc(100vh - 200px);padding:95px 20px 100px;text-align:center;display:flex;flex-direction:column;align-items:center}.gate-icon{width:65px;height:65px;display:grid;place-items:center;background:#151820;border:1px solid #303b56;border-radius:16px;margin-bottom:26px;color:var(--cobalt)}.gate-icon .icon{width:29px;height:29px}.account-gate .eyebrow{margin-bottom:20px;font-size:12px}.account-gate h1{font-size:48px}.account-gate>p:not(.eyebrow){max-width:450px;margin:22px 0 28px;font-size:16px}.account-gate>.text-link{margin-top:20px;font-size:14px;color:var(--muted)}.login-page{min-height:calc(100vh - 150px);padding-block:65px 85px;display:flex;align-items:center;justify-content:center}.login-card{width:480px;max-width:100%;background:#101012;border:1px solid #2e2e35;border-radius:16px;padding:38px;text-align:center}.login-card>img{margin:0 auto 26px;width:43px;height:43px}.login-card .eyebrow{font-size:12px;margin-bottom:17px}.login-card h1{font-size:39px}.login-card>p:not(.eyebrow){font-size:14px;margin-top:15px}.login-unavailable{display:flex;align-items:flex-start;gap:13px;text-align:left;background:#17171c;border:1px solid #313139;padding:18px;border-radius:9px;margin-top:28px}.login-unavailable>.icon{width:18px;height:18px;color:var(--cobalt);margin-top:2px}.login-unavailable strong{font-size:14px;font-weight:600}.login-unavailable p{font-size:14px;margin-top:6px;line-height:1.7}.login-benefits{display:grid;gap:12px;padding:24px 0 27px;text-align:left}.login-benefits span{display:flex;align-items:center;gap:12px;color:#bfbfc9;font-size:14px}.login-benefits .icon{width:17px;height:17px;color:var(--muted)}.login-card>.text-link{font-size:14px;margin-top:13px;color:var(--muted)}
@media(max-width:1200px){.nav-inner{gap:22px}.brand img{width:145px}.desktop-nav{gap:14px}.nav-link{font-size:14px}.nav-actions{gap:3px}.nav-actions .sign-in{padding-inline:15px;font-size:14px}.status-game-copy strong{font-size:30px}}
@media(max-width:1050px){.desktop-nav{display:none}.nav-inner{justify-content:space-between}.mobile-toggle{display:grid}.mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:12px 0 20px;border-top:1px solid var(--border);max-height:calc(100dvh - 80px);overflow:auto}.mobile-menu a,.mobile-menu>button{padding:12px 8px;display:flex;justify-content:space-between;align-items:center;font-size:15px;min-height:44px;text-align:left}.mobile-menu .nav-link.active:after{display:none}.mobile-menu>button[data-search]{justify-content:flex-start;gap:12px;color:var(--cobalt)}.home-hero{min-height:650px}.home-hero-copy{padding-top:110px}.community-review-strip{gap:24px;padding:32px}.review-strip-icon{display:none}.status-summary{gap:24px}.status-game-copy strong{font-size:27px}}
@media(max-width:640px){body{padding-top:70px}.page-home{padding-top:0}.nav-inner{height:70px;gap:10px}.brand img{width:136px;height:31px}.nav-actions{gap:4px}.nav-actions .nav-search{display:none}.nav-actions .icon-button{width:36px;height:38px}.nav-actions .sign-in{display:inline-flex;min-height:36px;padding:9px 13px;font-size:12px;border-radius:7px}.sign-in .icon{display:none}.mobile-menu:not([hidden]){max-height:calc(100dvh - 70px)}.home-hero{min-height:620px;height:auto}.home-hero-copy{padding-top:130px;padding-bottom:80px}.home-hero-art{inset:50px -35% 0}.home-hero-art img{object-position:center top}.home-hero-art:after{display:none}.alerts-wrap{position:static}.alerts-panel{position:fixed;top:78px;right:12px;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 90px)}.alerts-heading{padding:18px}.alert-item{padding:18px;gap:11px}.alerts-footer{padding:12px 18px}.centered-page-heading{padding:37px 0 27px}.centered-page-heading h1{font-size:42px}.centered-page-heading>p:not(.eyebrow){font-size:14px;margin-top:13px}.status-summary{gap:16px;justify-content:center;flex-wrap:wrap;padding:18px 13px;margin-bottom:23px}.status-summary>span{font-size:14px;gap:5px}.status-summary .icon{width:15px;height:15px}.status-summary>span:last-child{flex-basis:100%;justify-content:center;border-top:1px solid var(--border);padding-top:13px}.status-game-filters{gap:7px;justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;margin-bottom:23px;padding-bottom:19px;margin-right:-20px;padding-right:20px}.status-game-filters button{flex:none;font-size:12px;min-height:38px;padding:8px 13px}.status-groups{gap:17px}.status-game-heading{min-height:157px;padding:39px 20px 20px;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:13px}.status-game-copy{flex:none}.status-game-copy strong{font-size:25px;max-width:260px}.status-game-copy small{font-size:12px;margin-top:7px}.status-group-state{font-size:12px;gap:6px}.status-game-heading>.icon{right:17px;top:16px;width:15px}.status-game-products{padding:10px;gap:9px}.status-product-row summary{padding:16px 13px;gap:8px;flex-wrap:wrap;position:relative}.status-row-name{flex-basis:calc(100% - 25px);padding-right:20px}.status-row-name strong{font-size:16px}.status-row-name small{font-size:12px}.status-product-row summary>.icon{position:absolute;right:13px;top:20px}.status-pill{font-size:12px;padding:4px 8px;margin-top:4px}.status-history{padding:18px 14px;align-items:flex-start;flex-direction:column;gap:10px}.history-empty{gap:9px}.history-empty p{font-size:12px}.history-empty>.icon{width:16px}.status-history .text-link{font-size:12px;min-height:33px;margin-left:25px}.status-bottom-note{font-size:12px;align-items:flex-start;gap:9px;text-align:left;padding-top:25px}.status-bottom-note .icon{margin-top:2px}.availability-page{padding-bottom:45px}.reviews-intro{grid-template-columns:1fr;gap:25px;padding:27px 24px}.reviews-intro>div:first-child{border-right:0;border-bottom:1px solid var(--border);padding-bottom:25px}.review-intro-copy{text-align:center}.review-intro-copy h2{font-size:25px}.review-intro-copy p{font-size:14px}.review-rating{font-size:51px}.review-controls{gap:12px;padding-block:23px 20px}.review-controls>div{gap:9px;min-width:0;flex:1}.review-controls select{min-width:0;width:100%;font-size:12px;max-width:245px}.review-controls label{font-size:12px}.review-result-count{font-size:12px}.reviews-empty{padding:37px 8px;min-height:280px}.reviews-empty h2{font-size:24px;max-width:320px}.reviews-empty p{font-size:14px}.community-page{padding-bottom:35px}.community-review-strip{padding:28px 24px;display:block}.community-review-strip h2{font-size:30px}.community-review-strip p{font-size:14px}.community-review-strip .button{margin-top:23px;font-size:14px}.account-gate{padding:70px 0;min-height:calc(100vh - 130px)}.account-gate h1{font-size:36px}.account-gate>p:not(.eyebrow){font-size:14px;max-width:310px}.login-page{padding-block:32px 50px}.login-card{padding:30px 24px;border-radius:13px}.login-card h1{font-size:34px}.login-card .eyebrow{font-size:12px}.login-unavailable{padding:15px;gap:10px}.login-unavailable strong{font-size:14px}.login-unavailable p{font-size:12px}.login-benefits span{font-size:12px}.login-card>.button{font-size:14px}}
@media(max-width:370px){.brand img{width:112px}.nav-inner{gap:8px}.nav-actions{gap:2px}.nav-actions .icon-button{width:33px}.nav-actions .sign-in{padding-inline:10px;min-height:34px;font-size:12px}.alerts-toggle .icon{width:19px}.status-game-filters{margin-right:-16px;padding-right:16px}.home-hero{min-height:580px}.home-hero-copy{padding-top:123px}.status-game-copy strong{font-size:23px}.status-game-heading{padding-inline:17px}.login-card{padding:28px 20px}.login-card h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.site-header,.status-game-heading>.icon,.status-product-row summary>.icon{transition:none}}
/* Three direct sort choices replace the catalog select and feature filters. */
.simple-catalog .catalog-toolbar{margin-top:24px}.catalog-sort-controls{display:flex;align-items:center;gap:12px}.catalog-sort-controls>span{font-size:14px;color:var(--muted);white-space:nowrap}.catalog-sort-buttons{display:flex;gap:6px}.catalog-sort-buttons button{min-height:43px;padding:10px 15px;font-size:14px;line-height:1.2;white-space:nowrap;border:1px solid #3c3c45;border-radius:7px;background:#111113;color:#bdbdc7;transition:background .14s,border-color .14s,color .14s}.catalog-sort-buttons button:hover{border-color:#62626f;color:#fff}.catalog-sort-buttons button[aria-pressed=true]{background:var(--action);border-color:var(--action);color:#fff;font-weight:600}
@media(max-width:640px){.simple-catalog .catalog-toolbar{margin-top:19px}.catalog-sort-controls{gap:8px}.catalog-sort-controls>span{font-size:12px}.catalog-sort-buttons{gap:5px}.catalog-sort-buttons button{min-height:38px;padding:9px 11px;font-size:12px}}
@media(max-width:370px){.catalog-sort-controls{gap:6px}.catalog-sort-controls>span{font-size:12px}.catalog-sort-buttons{gap:4px}.catalog-sort-buttons button{padding-inline:9px;font-size:12px}}

/* Readable type scale: 12–13px metadata, 14px controls, 15–16px copy.
   Keep this scale on small screens; let controls and content wrap instead. */
body { font-size:16px; }
.nav-link,.games-menu a,.mobile-menu a,.mobile-menu>button { font-size:14px; }
.nav-actions .sign-in { font-size:14px; min-height:42px; }
.alerts-badge { font-size:10px; min-width:18px; height:18px; }
.home-hero-copy>p:not(.eyebrow) { font-size:17px; line-height:1.75; max-width:580px; margin-inline:auto; }
.home-section-heading p,.promise-card p,.buy-step>p,.benefit-grid p,
.community-review-strip p,.partner-copy p,.review-intro-copy p,
.reviews-empty p,.centered-page-heading>p:not(.eyebrow),
.login-card>p:not(.eyebrow),.account-gate>p:not(.eyebrow),
.feature-detail p,.tab-panel>p { font-size:16px; line-height:1.7; }
.home-hero .button,.home-section-heading .text-link,.promise-card .text-link,
.partner-strip .button,.community-review-strip .button,
.review-intro-copy .button,.reviews-empty .text-link,.step-preview .illustration-button,
.demo-durations .illustration-duration,.login-card>.button { font-size:14px; }
.mini-product small,.mini-note,.stats-strip small,.section-note,
.home-games-grid .game-tile p { font-size:13px; }
.mini-product strong,.mini-summary,.demo-license-label { font-size:14px; }
.mini-product>div,.partner-copy>div { min-width:0; }
.demo-license { white-space:normal; overflow-wrap:anywhere; font-size:14px; }
.buy-step>p { min-height:0; }
.simple-catalog-heading p { font-size:15px; }
.category-pill { font-size:14px; min-height:44px; }
.category-pill span { font-size:12px; }
.simple-catalog input,.simple-catalog select { font-size:14px; min-height:46px; }
.simple-catalog .search-field>.icon { top:14px; }
.catalog-sort-controls>span,.simple-catalog #result-count { font-size:13px; }
.catalog-sort-buttons button { font-size:14px; min-height:44px; }
.product-game,.product-card.compact .product-game,.art-label { font-size:13px; }
.feature-tags span { font-size:12px; line-height:1.5; padding:4px 7px; }
.product-card-bottom,.product-card.compact .product-card-bottom,
.view-product,.product-card.compact .view-product { font-size:14px; }
.price-tba small { font-size:12px; }
.product-card.compact .price-tba { font-size:18px; }
.product-card-bottom { gap:12px; flex-wrap:wrap; }
.status-game-filters button { font-size:14px; min-height:42px; }
.status-game-copy small,.status-group-state,.status-row-name small,
.status-pill,.status-bottom-note { font-size:13px; }
.status-summary>span { font-size:14px; }
.history-empty h3,.history-empty p,.status-history .text-link { font-size:14px; }
.review-controls label,.review-controls select,.review-result-count { font-size:14px; }
.alert-item strong { font-size:15px; }
.alert-item>span>span { font-size:14px; line-height:1.6; }
.alerts-footer button,.alerts-footer a { font-size:13px; }
.footer-main>div:first-child p,.footer-main>div:not(:first-child) a,
.footer-main button { font-size:14px; }
.footer-bottom { font-size:12px; }
@media (min-width:1051px) and (max-width:1179px) {
  .nav-inner { gap:16px; }
  .desktop-nav { gap:12px; }
  .brand img { width:132px; }
  .nav-actions .sign-in { padding-inline:12px; }
}
@media (max-width:640px) {
  .home-hero-copy>p:not(.eyebrow) { font-size:16px; max-width:340px; }
  .home-hero .button { padding-inline:16px; }
  .home-hero .actions { gap:10px; }
  .home-hero .eyebrow { letter-spacing:.12em; }
  .stats-strip small { max-width:100px; }
  .benefit-grid { grid-template-columns:1fr; gap:22px; }
  .benefit-grid p { max-width:none; }
  .home-games-grid .game-tile-content { min-height:110px; }
  .catalog-sort-buttons button { padding-inline:12px; }
  .catalog-sort-controls { gap:8px; }
  .simple-catalog input,.dialog-search { font-size:16px; }
  .nav-actions .sign-in { min-height:38px; padding:9px 12px; }
  .status-bottom-note { line-height:1.65; }
  .status-game-copy strong { max-width:100%; }
  .review-controls { flex-wrap:wrap; }
  .review-controls>div { flex-basis:100%; }
  .review-result-count { margin-left:auto; }
  .product-tabs { gap:20px; overflow-x:auto; }
  .product-tabs button { white-space:nowrap; }
}
@media (max-width:370px) {
  .nav-actions .sign-in { padding-inline:9px; font-size:13px; }
  .home-hero .button { font-size:14px; padding-inline:13px; }
  .home-hero .eyebrow { letter-spacing:.08em; }
  .simple-catalog .catalog-toolbar { grid-template-columns:1fr; }
  .simple-catalog #result-count { margin-left:0; }
  .catalog-sort-buttons button { padding-inline:13px; }
  .home-games-grid { grid-template-columns:1fr; }
  .home-games-grid .game-tile-art { height:175px; }
  .home-games-grid .game-tile-content { min-height:85px; }
}

/* Flat outline icons share the button's active and hover colors. */
.catalog-sort-buttons button { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.catalog-sort-buttons .icon { width:18px; height:18px; stroke-width:1.7; }
@media (max-width:640px) {
  .simple-catalog .catalog-toolbar { grid-template-columns:1fr auto; }
  .catalog-sort-controls { display:contents; }
  .catalog-sort-controls>span { grid-column:1; grid-row:2; }
  .simple-catalog #result-count { grid-column:2; grid-row:2; margin:0; justify-self:end; }
  .catalog-sort-buttons { grid-column:1 / -1; grid-row:3; gap:6px; }
  .catalog-sort-buttons button { flex:1; padding-inline:10px; }
}

/* Community presence pill: neutral black, cobalt accents and flat icon. */
.online-members { display:inline-flex; align-items:center; gap:8px; flex:none; min-height:38px; padding:8px 14px; border-radius:999px; background:#131315; color:#c0c0ca; font-size:14px; line-height:20px; white-space:nowrap; }
.online-dot { width:7px; height:7px; border-radius:50%; background:#73737e; flex:none; margin-right:2px; }
.online-members .icon { width:19px; height:19px; color:var(--cobalt); }
.online-members strong { color:var(--cobalt); font-size:16px; font-weight:600; font-variant-numeric:tabular-nums; min-width:1ch; }
.online-members[data-state="ready"] .online-dot { background:var(--action); }
.nav-actions>.online-members { margin-right:9px; }
.mobile-online { display:none; }
@media (min-width:1201px) and (max-width:1350px) {
  .nav-inner { gap:18px; }
  .brand img { width:145px; }
  .desktop-nav { gap:14px; }
  .nav-actions { gap:3px; }
  .nav-actions>.online-members { margin-right:4px; padding-inline:11px; }
}
@media (max-width:1200px) {
  .desktop-nav { display:none; }
  .nav-inner { justify-content:space-between; }
  .mobile-toggle { display:grid; }
  .mobile-menu:not([hidden]) { display:flex; flex-direction:column; padding:12px 0 20px; border-top:1px solid var(--border); max-height:calc(100dvh - 80px); overflow:auto; }
  .mobile-menu a,.mobile-menu>button { padding:12px 8px; display:flex; align-items:center; justify-content:space-between; font-size:14px; min-height:44px; text-align:left; }
  .mobile-menu .nav-link.active:after { display:none; }
  .mobile-menu>button[data-search] { justify-content:flex-start; gap:12px; color:var(--cobalt); }
}
@media (max-width:640px) {
  .nav-actions>.online-members { display:none; }
  .mobile-online { display:flex; padding:4px 8px 14px; border-bottom:1px solid var(--border); margin-bottom:7px; }
  .mobile-menu:not([hidden]) { max-height:calc(100dvh - 70px); }
}

/* Shared review cards: homepage preview and the full reviews collection. */
.home-opinions { max-width:1100px; }
.home-opinions-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:28px; }
.home-opinions-heading h2 { margin-top:15px; font-size:38px; font-weight:600; }
.home-opinions-heading h2 span { color:var(--cobalt); }
.opinion-summary { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.opinion-summary>strong { font:600 30px/1.15 var(--display); letter-spacing:-.035em; }
.opinion-summary>span:last-child { color:var(--muted); font-size:14px; }
.opinion-disclosure { font-size:13px; color:#b2b2bf; line-height:1.6; }
.home-opinions-heading>.opinion-disclosure { max-width:240px; text-align:right; }
.opinion-stars { --star-size:14px; --stars-width:82px; display:inline-block; width:var(--stars-width); height:var(--star-size); position:relative; vertical-align:middle; flex:none; }
.opinion-stars-track,.opinion-stars-fill>span { display:flex; width:var(--stars-width); height:var(--star-size); gap:3px; }
.opinion-stars-track { color:#42424e; }
.opinion-stars-fill { position:absolute; inset:0 auto 0 0; overflow:hidden; color:var(--cobalt); }
.opinion-stars .icon { width:var(--star-size); height:var(--star-size); fill:currentColor; stroke-width:0; }
.home-opinions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.community-opinion { display:flex; align-items:flex-start; gap:15px; padding:25px; border:1px solid #2a2a30; border-radius:14px; background:#101012; min-width:0; }
.opinion-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:50%; background:#1b2d52; color:#d6e4ff; font-size:12px; font-weight:700; letter-spacing:.02em; border:1px solid #31446a; }
.community-opinion:nth-child(3n + 2) .opinion-avatar { background:#172d3b; border-color:#2e4859; color:#c3e0ed; }
.community-opinion:nth-child(3n) .opinion-avatar { background:#24243c; border-color:#41415a; color:#d5d5f1; }
.opinion-content { flex:1; min-width:0; display:flex; flex-direction:column; align-self:stretch; }
.opinion-author { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; min-height:20px; }
.opinion-author h3 { font:700 15px/1.4 var(--font); letter-spacing:0; }
.opinion-sample { font-size:12px; color:#aaaab6; }
.opinion-meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:6px; color:#a5a5b3; font-size:12px; line-height:1.5; }
.opinion-score { color:#c6c6d1; font-variant-numeric:tabular-nums; }
.opinion-content>p { font-size:15px; line-height:1.75; margin-top:14px; color:#c8c8d2; overflow-wrap:anywhere; }
.opinion-product { display:flex; align-items:center; flex-wrap:wrap; gap:5px 7px; font-size:13px; color:var(--cobalt); line-height:1.6; margin-top:15px; padding-top:2px; }
.opinion-product strong { font-weight:600; }
.opinion-product>.icon { width:14px; height:14px; }
.opinion-product:hover { color:#a1bbff; }
.home-opinions-action { display:flex; justify-content:center; margin-top:30px; }
.home-opinions-action>.button { padding:13px 23px; min-height:48px; font-size:14px; }
.reviews-hub { max-width:1040px; padding-bottom:80px; }
.reviews-hub-heading { text-align:center; padding:43px 0 30px; }
.reviews-hub-heading h1 { font-size:46px; font-weight:600; }
.reviews-hub-heading>p:not(.opinion-disclosure) { font-size:16px; margin-top:15px; }
.reviews-hub-heading .opinion-summary { justify-content:center; margin-top:27px; }
.reviews-hub-heading .opinion-summary>strong { font-size:34px; }
.reviews-hub-heading .opinion-disclosure { margin-top:13px; }
.opinion-filters { display:grid; gap:24px; padding:5px 0 27px; border-bottom:1px solid var(--border); }
.opinion-filter-block>span { display:block; text-align:center; color:#b5b5c1; font-size:12px; text-transform:uppercase; letter-spacing:.09em; font-weight:600; margin-bottom:11px; }
.opinion-filter-buttons { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
.opinion-filter-buttons button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 15px; min-height:40px; border:1px solid #303037; border-radius:999px; background:#111113; color:#c5c5d0; font-size:14px; line-height:1.35; }
.opinion-filter-buttons button>span { font-size:12px; color:#9e9eac; }
.opinion-filter-buttons button>strong { font-weight:600; }
.opinion-filter-buttons button>.icon { width:13px; height:13px; fill:var(--cobalt); stroke-width:0; }
.opinion-filter-buttons button:hover { border-color:#5b5b69; color:#fff; }
.opinion-filter-buttons button[aria-pressed=true] { background:var(--action); border-color:var(--action); color:#fff; }
.opinion-filter-buttons button[aria-pressed=true]>span { color:#e1e9ff; }
.opinion-filter-buttons button[aria-pressed=true]>.icon { fill:#fff; }
.opinion-list-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 0; }
.opinion-list-heading p { font-size:14px; }
.opinion-list-heading .text-link { font-size:14px; color:var(--cobalt); gap:8px; }
.opinion-list-heading .text-link>.icon { width:17px; height:17px; }
.opinion-list { display:grid; gap:15px; scroll-margin-top:105px; }
.opinion-list:focus { outline:none; }
.opinion-list:focus-visible { outline:2px solid var(--focus); outline-offset:7px; border-radius:14px; }
.opinion-list .community-opinion { padding:26px; }
.opinion-pagination { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:28px; }
.opinion-pagination button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:42px; min-height:42px; border:1px solid #303037; background:#111113; border-radius:8px; font-size:14px; padding:8px 12px; }
.opinion-pagination button[aria-current=page] { background:var(--action); border-color:var(--action); color:#fff; }
.opinion-pagination button:not(:disabled):hover { border-color:var(--cobalt); }
.opinion-pagination .icon { width:16px; height:16px; }
.opinion-pagination button:first-child .icon { transform:rotate(180deg); }
.opinion-empty { text-align:center; padding:65px 20px; border:1px solid var(--border); border-radius:14px; background:#101012; }
.opinion-empty>.icon { width:32px; height:32px; color:var(--cobalt); margin-bottom:20px; }
.opinion-empty h2 { font-size:28px; }
.opinion-empty p { font-size:15px; margin:14px auto 23px; max-width:400px; }
@media (max-width:850px) {
  .home-opinions-heading { align-items:flex-start; flex-direction:column; gap:13px; }
  .home-opinions-heading>.opinion-disclosure { text-align:left; max-width:none; }
  .community-opinion { padding:21px; gap:12px; }
  .opinion-preview .opinion-sample { flex-basis:100%; }
}
@media (max-width:640px) {
  .home-opinions-grid { grid-template-columns:1fr; gap:14px; }
  .home-opinions-heading { margin-bottom:22px; }
  .home-opinions-heading h2 { font-size:32px; }
  .opinion-preview .opinion-sample { flex-basis:auto; }
  .opinion-summary { gap:10px; }
  .opinion-summary>strong { font-size:27px; }
  .opinion-summary>span:last-child { font-size:13px; }
  .community-opinion,.opinion-list .community-opinion { padding:20px 17px; gap:12px; }
  .opinion-avatar { width:32px; height:32px; font-size:11px; }
  .opinion-author { gap:4px 8px; }
  .opinion-author h3 { font-size:14px; }
  .opinion-content>p { font-size:15px; line-height:1.7; margin-top:12px; }
  .opinion-product { font-size:13px; margin-top:13px; }
  .home-opinions-action { margin-top:24px; }
  .reviews-hub { padding-bottom:50px; }
  .reviews-hub-heading { padding:35px 0 27px; }
  .reviews-hub-heading h1 { font-size:38px; }
  .reviews-hub-heading>p:not(.opinion-disclosure) { font-size:15px; }
  .reviews-hub-heading .opinion-summary { margin-top:23px; }
  .reviews-hub-heading .opinion-summary>strong { font-size:30px; }
  .opinion-filters { gap:21px; }
  .opinion-filter-buttons { gap:7px; }
  .opinion-filter-buttons button { padding:9px 12px; min-height:42px; font-size:14px; }
  .opinion-list-heading { gap:10px; padding-block:14px; }
  .opinion-list-heading p,.opinion-list-heading .text-link { font-size:13px; }
  .opinion-list-heading .text-link { gap:6px; }
  .opinion-list { scroll-margin-top:90px; }
  .opinion-pagination { gap:6px; }
  .opinion-pagination button { min-width:38px; font-size:13px; padding-inline:10px; }
  .opinion-empty { padding:45px 20px; }
  .opinion-empty h2 { font-size:25px; }
}
@media (max-width:370px) {
  .community-opinion,.opinion-list .community-opinion { padding-inline:14px; gap:10px; }
  .opinion-author { align-items:flex-start; flex-direction:column; }
  .opinion-meta { gap:5px; }
  .opinion-meta time { flex-basis:100%; }
  .opinion-separator { display:none; }
  .opinion-pagination button { padding-inline:9px; }
  .opinion-pagination button:first-child span { display:none; }
  .opinion-list-heading .text-link>.icon { display:none; }
}