/* Shared responsive layout. Desktop artwork remains unchanged above 1100px. */
@media(max-width:1100px){
.header-html{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px 12px;background:#001322;isolation:isolate}
.header-html>.art,.header-html::before{display:none}
.header-html .brand-header{position:relative;inset:auto;width:100px;height:88px;margin-right:auto;box-shadow:none;background:transparent}
.header-html .brand-header img{width:100%;height:100%;top:0}
.header-html .amazon-button{position:relative;inset:auto;width:auto;height:46px;min-height:46px;padding:0 20px;border-radius:28px;font-size:15px;gap:10px}
.amazon-mark{width:27px;height:27px}
.header-html .header-links{position:relative;inset:auto;order:3;display:flex;justify-content:center;width:100%;gap:8px;border-top:1px solid #134055;padding-top:8px}
.header-html .nav-item{position:relative;inset:auto;width:auto;height:auto;min-height:44px;padding:8px 16px;font-size:15px;line-height:1.2}
.header-html .nav-item.active::after{height:2px;bottom:0}
.footer-html{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;padding:30px 24px;border-top:1px solid #167491;background:#001322}
.footer-html>.art,.footer-nav::before,.footer-html .footer-link::after{display:none!important}
.footer-html .brand-footer{position:relative;inset:auto;width:92px;height:84px;box-shadow:none}
.footer-html .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.footer-html .footer-link,.footer-html>button.hotspot{position:relative;inset:auto;width:auto;height:auto;min-height:44px;padding:12px 8px;font-size:14px;color:#e9f4fc;line-height:1.3}
.footer-html>button.hotspot{border:1px solid #226079;border-radius:12px}
.footer-tagline,.footer-copyright{position:static;width:100%;height:auto;text-align:center;white-space:normal;box-shadow:none;background:transparent;font-size:14px;margin:0;line-height:1.5}
.footer-copyright{font-size:12px}
.hero-html{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:310px 24px 32px;background:#001322}
.hero-html>.art{position:absolute;top:0;right:0;width:100%;height:290px;object-fit:cover;object-position:right center}
.hero-clean-backdrop{display:none}
.hero-copy-html{position:relative;inset:auto;width:auto;height:auto;grid-column:1/-1}
.hero-copy-html h1{font-size:clamp(44px,7vw,68px);line-height:.98;letter-spacing:-1.5px}
.hero-copy-html p{font-size:18px;line-height:1.5;margin:20px 0 10px;font-weight:500}
.hero-copy-html p br{display:none}
.hero-html .hero-discover,.hero-html .hero-amazon{position:relative;inset:auto;width:auto;height:auto;min-height:50px;padding:12px 16px;font-size:16px;gap:12px;border-radius:30px}
.hero-arrow,.ui-arrow{width:22px;height:22px}.hero-amazon-mark{width:28px;height:28px}
.benefits-html{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 24px 32px}
.benefits-html>.art{display:none}
.benefit{position:relative;inset:auto;width:auto;height:auto;min-height:180px;border-radius:18px;padding:70px 12px 20px}
.benefit h2,.benefit p{position:static;width:auto;font-size:20px;line-height:1.25;margin:0 0 8px;letter-spacing:0}
.benefit p{font-size:16px;line-height:1.4;margin:0}
.benefit .icon{background-size:1122px auto;background-position:calc(var(--icon-x)*-1px) -8px;left:calc(50% - var(--icon-width)*.5px);top:12px;width:calc(var(--icon-width)*1px);height:46px}
.benefit .accent{display:none}
.app-html{display:flex;flex-wrap:wrap;gap:14px;padding:32px 24px;background:#001725;overflow:hidden}
.app-html>.art{display:none}
.app-html::before{content:none}
.app-copy-html{position:static;inset:auto;width:100%;height:auto;background:none;box-shadow:none}
.app-copy-html .app-kicker{font-size:13px;letter-spacing:2px;margin-bottom:14px}
.app-copy-html h2{font-size:clamp(36px,5.6vw,52px);line-height:1.05;letter-spacing:-1px}
.app-copy-html .app-description{font-size:17px;line-height:1.6;margin:20px 0 6px;max-width:650px}.app-description br{display:none}
.app-html .app-discover,.app-html .app-store-hotspot{position:static;inset:auto;width:auto;height:auto;min-height:48px;padding:12px 18px;border-radius:14px;font-size:15px;gap:10px}
.app-html .app-store-hotspot{display:flex;background:#05090c;border:1px solid #7b8e98;color:white}
.store-copy{position:static;width:auto;height:auto;background:none}.store-copy small{font-size:10px}.store-copy strong{font-size:20px;letter-spacing:0}
.app-feature{position:static;width:100%;height:auto;font-size:16px;line-height:1.5;background:transparent;box-shadow:none;margin:0;padding:12px 16px;border:1px solid #086f8d;border-radius:12px;order:2}.app-feature br{display:none}
.games-tall{padding:32px 24px;display:flex;flex-direction:column;gap:20px}.games-tall>.art{display:none}
.games-tall .games-heading{position:static;width:auto;height:auto;background:none;box-shadow:none}
.games-heading h2{font-size:32px;letter-spacing:-.7px;margin-bottom:12px}.games-heading p{font-size:16px;line-height:1.5}
.games-tall .all-games{position:static;width:fit-content;height:auto;min-height:48px;padding:12px 20px;font-size:15px;border-radius:28px;gap:14px;order:2}.games-html .all-games::after{width:20px;height:20px}
.tall-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-tile{border-radius:15px}.game-visual{height:auto;min-height:180px;padding:20px 0}
.games-tall .game-copy{height:auto;min-height:100px;padding:14px 60px 18px 16px}.game-copy::before{height:24px!important}
.games-tall .game-copy p,.games-tall .game-copy.traitor-copy p{position:static;max-width:none;font-size:15px;line-height:1.45;margin:8px 0 0;letter-spacing:0}
.games-tall .game-copy h3,.games-tall .game-copy.traitor-copy h3{position:static;width:auto;height:auto;clip-path:none;white-space:normal;padding:0;margin:0;font-size:18px;line-height:1.2;text-transform:none}
.games-html .game-copy :is(button,.game-link){width:44px;height:44px;right:10px;bottom:16px}.games-html .game-copy :is(button,.game-link)::before{width:22px;height:22px}
.games-intro{padding:30px 24px}.games-intro::before{inset:0;background-size:cover;background-position:center}.intro-side-note{display:none}.games-intro .intro-description{max-width:680px;line-height:1.5}.intro-copy{padding:0}
.catalog-heading{flex-wrap:wrap}.catalog-heading>p{flex-shrink:1}.game-data{flex-wrap:wrap;justify-content:flex-start;gap:8px 12px}.one-app h2{white-space:normal}
}
@media(max-width:600px){
.header-html{padding:12px 16px 8px;gap:8px}.header-html .brand-header{width:83px;height:76px}.header-html .amazon-button{padding:0 14px;font-size:14px}.header-html .header-links{gap:0;justify-content:space-between}.header-html .nav-item{font-size:13px;padding:10px 8px}
.hero-html{padding:260px 20px 26px;grid-template-columns:1fr}.hero-html>.art{height:240px;width:720px;max-width:none;right:0}.hero-copy-html h1{font-size:clamp(42px,11vw,60px)}.hero-copy-html .hero-sofa{letter-spacing:-1px}
.benefits-html{gap:10px;padding:10px 16px 28px}.benefit{padding-left:8px;padding-right:8px}.benefit h2{font-size:18px}.benefit p{font-size:14px}.benefit p br{display:none}
.app-html{padding:28px 20px}.app-copy-html h2{font-size:38px}.app-html .app-discover{width:100%}
.games-tall{padding:28px 16px}.tall-games-grid{grid-template-columns:1fr;gap:18px}.game-visual{min-height:0;padding:16px 0}.game-copy p{font-size:16px}.games-tall .all-games{width:100%}
.games-intro{padding:26px 16px}.games-intro::before{background-position:center;opacity:.6}.games-intro .intro-description{max-width:100%;font-size:16px}.intro-benefits li{font-size:12px;line-height:1.35;min-width:0;padding:12px 6px}.intro-benefits li br{display:none}
.game-panel{display:flex;flex-direction:column;min-height:0}.game-panel .game-illustration{position:relative;inset:auto;height:260px;width:100%;overflow:hidden}.game-panel .game-illustration img{width:200%;max-width:none;height:100%;object-fit:cover;object-position:left center}
.game-panel .game-information{padding:22px;background:linear-gradient(130deg,var(--base),#001322);gap:0}.game-information h3{font-size:29px;line-height:1.1}.game-information>p{font-size:16px;line-height:1.5}.game-data{margin:8px 0 18px;gap:12px}.game-data li{font-size:12px}.game-information button{font-size:16px;min-height:50px}.launch-label{font-size:12px;top:14px;left:14px}
.one-app{padding-top:28px}.app-steps{grid-template-columns:1fr;gap:18px;padding:20px}.app-steps li+li{border-left:none;border-top:1px solid #174251;padding-top:18px}.app-steps h3{font-size:19px}.app-steps p{font-size:15px;line-height:1.5}.one-app-copy>p{font-size:16px;line-height:1.5}
.footer-html{padding:26px 16px;gap:10px 14px}.footer-html .footer-nav{width:100%;gap:0}.footer-html .footer-link{padding:12px 10px}.legal-main{padding-top:22px}.legal-document{padding:22px 18px}.request-panel{padding:18px}.request-panel button{width:100%}
}
/* Keep complete product boxes visible in the mobile illustration window. */
@media(min-width:601px) and (max-width:1100px){.hero-html>.art{width:155%;max-width:none}}

@media(max-width:600px){.game-panel .game-illustration img{position:absolute;left:50%;width:auto;max-width:none;height:100%;object-fit:contain;transform:translateX(-32%)}}

@media(max-width:1100px){.app-html .app-mobile-art{display:block;order:1;flex:none;width:100%;height:auto;max-width:480px;margin:8px auto;overflow:hidden}}

@media(max-width:1100px){.app-html .app-store-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;width:100%}}