@media(min-width:1600px){.hero{padding-top:110px}.hero-description{font-size:20px}.hero .hero-wordmark{font-size:78px}.hero-stats{max-width:580px}.hero-stage{aspect-ratio:16/9}.stat-chip strong{font-size:24px}.stat-chip small{font-size:9px}}
@media(max-width:1100px){.wrap{width:86%}.desktop-nav{display:none}.header-inner{width:calc(100% - 40px)}.header-actions{margin-left:auto}.hero .hero-wordmark{font-size:47px}.hero-wordmark img{width:49px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-actions .hero-cta{font-size:12px;padding:16px 22px;min-height:52px}.hero-actions .text-link{font-size:11px}.hero-stats{gap:7px}.stat-chip{padding:9px 7px;gap:6px}.stat-chip>span{width:25px;height:30px}.stat-chip .icon{width:16px;height:16px}.stat-chip strong{font-size:18px}.stat-chip:last-child strong{font-size:11px}.stat-chip small{font-size:7px}.hero-route{font-size:8px;gap:7px}.scene-caption{padding:40px 20px 20px}.scene-caption b{font-size:25px}.scene-caption small{font-size:7px}.scene-caption>span{font-size:9px}.section-top h2{font-size:29px}.catalog-card{flex-basis:290px}.footer{padding-inline:7%}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header,.header-inner{height:62px}.header-inner{width:calc(100% - 32px);gap:10px}.header .brand{font-size:18px;gap:6px}.header .brand img{width:25px;height:25px}.header .brand-dot{margin-left:-5px}.header-guide,#account-link{display:none}.header-actions{gap:8px}.header-actions .icon-button{width:36px;height:36px}.header-actions .icon{width:16px;height:16px}.hero{min-height:0;padding:40px 0 0;margin:0 auto}.hero-grid{grid-template-columns:1fr;gap:28px}.welcome-pill{padding:8px 13px;font-size:11px;margin-bottom:23px}.hero .hero-wordmark{font-size:clamp(39px,11vw,58px);margin-bottom:18px;gap:9px}.hero-wordmark img{width:45px}.hero .hero-wordmark>span{margin-left:-9px}.hero-description{font-size:14px;line-height:1.7;margin-bottom:24px;max-width:420px}.hero-description br:first-child{display:none}.hero-actions{gap:18px;align-items:center}.hero-actions .hero-cta{font-size:13px;min-height:53px;padding:17px 24px;gap:10px}.hero-actions .text-link{font-size:10px}.hero-route{font-size:8px;gap:7px;margin-top:13px}.hero-stats{margin-top:23px;padding-top:18px;gap:8px;max-width:460px}.stat-chip{padding:10px 8px;border-radius:14px;gap:7px}.stat-chip>span{width:26px;height:31px;border-radius:9px}.stat-chip strong{font-size:19px}.stat-chip:last-child strong{font-size:11px}.stat-chip small{font-size:7px;line-height:1.5}.hero-banners{width:100%;max-width:520px;margin-inline:auto}.hero-stage{height:auto;aspect-ratio:16/10;border-radius:26px}.hero .hero-image{height:100%;top:0;bottom:0;object-position:70% center}.scene-caption{left:0;right:0;bottom:0;max-width:none;width:100%;padding:45px 21px 20px;border-radius:0}.scene-caption small{font-size:8px}.scene-caption b{font-size:26px}.scene-caption>span{font-size:10px}.hero-controls{height:38px;padding:0}.slide-tabs{gap:0}.slide-tabs button{width:28px;height:32px}.slide-arrows{opacity:1;right:3px;gap:3px}.slide-arrows .icon-button{width:26px;height:26px}.slide-arrows .pause-button{margin-left:2px}.slide-tabs button span{display:none}.scenario-shortcuts{padding:24px 0 32px;margin-top:0;justify-content:start;gap:14px;overflow-y:visible}.scenario-tile{flex-basis:132px;border-radius:14px}.scenario-tile>span{font-size:12px}.scenario-tile:nth-child(n):hover{transform:none}.scenario-tile:active{transform:scale(.96)}.announcement{margin-top:7px;padding:23px 21px;border-radius:26px}.announcement-top{font-size:7px;gap:8px;flex-wrap:wrap}.announcement-top .badge{font-size:6px;padding:3px 6px}.announcement-date{font-size:7px;margin-left:0}.announcement h2{font-size:23px;margin-top:16px}.announcement>p{font-size:11px;line-height:1.8}.announcement .text-link{font-size:11px}.section{padding-top:52px}.section-top h2,h2{font-size:27px;line-height:1.25}.section-top .eyebrow,.eyebrow{font-size:8px}.catalog-filters{gap:16px}.filter-group{gap:6px}.filter-group>span{flex-basis:100%;font-size:8px;margin-bottom:2px}.filter-chip{font-size:11px;padding:7px 12px}.catalog-rail{margin-inline:-16px;mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent)}.catalog-track{gap:18px;padding:24px 16px 29px}.catalog-card{flex-basis:280px;border-radius:26px;padding:14px;gap:14px}.catalog-card h3{font-size:22px}.catalog-description{font-size:12px}.catalog-card>.button{font-size:13px}.catalog-note{font-size:9px;line-height:1.7;margin-top:3px}.quick-join{margin-top:28px;padding:23px 21px;border-radius:24px}.quick-title h2{font-size:16px}.game-card,.table-card,.steps article,.auth-card{border-radius:26px}.game-description h3{font-size:27px}.game-description>p{font-size:11px}.game-cover{height:260px}.game-description{padding:25px 22px}.game-actions .button{font-size:11px;padding-inline:18px}.filter-tabs{gap:5px}.filter-tabs button{font-size:9px;padding:8px 10px}.steps h3{font-size:16px}.steps p{font-size:11px}.account-banner{border-radius:26px;padding:30px 23px;margin-top:52px}.account-banner h2{font-size:26px}.account-banner p:not(.eyebrow){font-size:11px}.account-heading h1{font-size:32px}.footer{width:100%;padding:35px 20px 110px;gap:25px}.footer-links{font-size:10px;gap:16px}.footer-qr{margin:0;flex-basis:100%}.footer-qr img{width:74px;height:74px}.floating-help{right:14px;bottom:14px;gap:5px;padding:11px 14px;font-size:10px;min-height:42px}.floating-help>span{font-size:16px}.floating-join{left:14px;bottom:14px;padding:8px 11px;gap:8px;max-width:195px;border-radius:14px;min-height:43px}.floating-join img{width:24px;height:24px}.floating-join small{font-size:7px}.floating-join b{font-size:10px}.floating-join>span:last-child{display:none}.rocket-top{right:18px;bottom:74px;width:44px;height:54px}.rocket-top .rocket{width:44px;height:44px}.search-dialog,.room-dialog,.help-dialog{padding:23px 20px;border-radius:26px}.search-dialog h2,.room-dialog h2{font-size:20px}.search-field{padding:11px;margin-top:20px}.search-field input{font-size:11px}.search-row{padding:9px;gap:11px}.search-row b{font-size:12px}.search-row small{font-size:9px}.search-row>img{width:49px;height:40px}.help-content h2{font-size:23px}.help-content>p:last-child{font-size:12px}.help-bottom .button{font-size:11px}.side-drawer .brand{font-size:19px}.side-drawer{width:min(340px,86vw)}.lobby-drawer{width:min(420px,92vw)}.side-drawer .drawer-signin{display:inline-flex}.menu-dialog nav>a,.drawer-group summary{font-size:14px}.drawer-inner{padding-top:14px}.lobby-drawer h2{font-size:17px}.hero-banners [data-motion]{transition-delay:0s}}
@media(max-width:360px){.hero .hero-wordmark{font-size:36px;gap:7px}.hero-wordmark img{width:39px}.hero-description{font-size:12px}.hero-actions{gap:12px}.hero-actions .hero-cta{font-size:11px;padding:16px 21px}.hero-actions .text-link{font-size:9px}.hero-route{gap:5px;font-size:7px}.stat-chip{padding:9px 6px;gap:5px}.stat-chip>span{width:22px;height:28px}.stat-chip strong{font-size:17px}.stat-chip:last-child strong{font-size:10px}.stat-chip small{font-size:6px}.hero-stats{gap:6px}.catalog-card{flex-basis:263px}.floating-join{max-width:169px;padding-inline:10px}.floating-help{padding-inline:11px}.floating-help>span{display:none}.scene-caption b{font-size:23px}.slide-arrows #slide-prev{display:none}.filter-chip{padding-inline:10px}.mode-tabs{gap:19px}.mode-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.choreography [data-motion]:not(.is-in){opacity:1;translate:none;scale:none;rotate:none;filter:none}.catalog-track{will-change:auto}.click-sparks{display:none}}
:root.effects-off{scroll-behavior:auto}:root.effects-off *,:root.effects-off *:before,:root.effects-off *:after{animation:none!important;transition:none!important}:root.effects-off [data-motion]{opacity:1!important;translate:none!important;scale:none!important;rotate:none!important;filter:none!important}:root.effects-off .click-sparks{display:none}.footer-qr img{background:white}
@media(prefers-reduced-motion:reduce){.catalog-card:hover,.scenario-tile:nth-child(n):hover,.game-card:hover,.table-card:hover,.steps article:hover,.button:hover,.hero-banners:hover .hero-image{transform:none!important}}
:root.effects-off .catalog-card:hover,:root.effects-off .scenario-tile:nth-child(n):hover,:root.effects-off .game-card:hover,:root.effects-off .table-card:hover,:root.effects-off .steps article:hover,:root.effects-off .button:hover,:root.effects-off .hero-banners:hover .hero-image{transform:none!important}
@media(max-width:760px){.edge-card .edge-light{inset:-12px}}
@media(max-width:1100px){.hero .hero-wordmark{font-size:47px}.hero-description{font-size:15px}.hero-actions .hero-cta{font-size:15px;padding:17px 26px}}
@media(max-width:760px){.hero .hero-wordmark{font-size:clamp(39px,11vw,58px)}.hero-description{font-size:14px;line-height:1.7}.hero-actions .hero-cta{font-size:14px;padding:17px 24px}.filter-chip{font-size:12px;padding:7px 12px}.catalog-card h3{font-size:23px}.catalog-description{font-size:14px}.catalog-links .button{font-size:13px}}
@media(max-width:360px){.hero .hero-wordmark{font-size:36px}.hero-description{font-size:12px}.hero-actions .hero-cta{font-size:12px;padding:16px 21px}.hero-actions .text-link{font-size:9px}.filter-chip{font-size:11px;padding-inline:10px}}
