:root{color-scheme:dark;--v-bg:#080e18;--v-panel:#101a29;--v-text:#eef5ff;--v-muted:#a1b0c5;--v-accent:#79e1ef;--v-line:#253147}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--v-bg);color:var(--v-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
:where(a,button,input,select):focus-visible{outline:3px solid var(--v-accent);outline-offset:5px}
.skip-link{position:fixed;top:10px;left:10px;padding:10px 18px;background:var(--v-accent);color:#081322;border-radius:8px;z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.content-width{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:#080e18f5;border-bottom:1px solid var(--v-line)}
.nav-shell{width:min(1360px,calc(100% - 80px));margin:auto;min-height:84px;display:flex;align-items:center;gap:28px;position:relative}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;letter-spacing:.06em;color:var(--v-text)}
.brand strong{font-size:1.25rem;font-weight:900;letter-spacing:.1em}
.brand-symbol{width:38px;height:38px;background:var(--v-accent);border-radius:9px;fill:#081322;padding:3px}
.top-nav{display:flex;align-items:center;gap:4px;margin:auto}
.top-nav a{padding:11px 16px;color:#b3bfd1;font-size:.9rem;font-weight:650;border-radius:8px;white-space:nowrap}
.top-nav a:hover,.top-nav a[aria-current=page]{color:var(--v-text);background:#162336}
.public-account{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:9px 17px;font-size:.86rem;font-weight:700;border:1px solid #3c4a60;border-radius:9px;white-space:nowrap}
.public-account:hover{border-color:var(--v-accent);background:#142431}
.menu-button{display:none;border:1px solid var(--v-line);padding:8px 12px;min-height:44px;border-radius:8px;background:#132035;color:var(--v-text);font-weight:650}
.menu-button span{margin-left:10px}
.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:50px;padding-bottom:44px}
.kicker{font-size:.73rem;letter-spacing:.16em;font-weight:800;color:var(--v-accent);margin:0 0 18px;display:flex;gap:9px;align-items:center}
.kicker>span{width:7px;height:7px;border-radius:50%;background:var(--v-accent)}
.hero-copy h1{font-size:clamp(3.8rem,6.8vw,6rem);line-height:1.03;letter-spacing:-.07em;margin:0 0 26px;font-weight:900}
.hero-copy h1>span{background:linear-gradient(100deg,#79e1ef,#6ba6ff 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{color:var(--v-muted);font-size:1.12rem;line-height:1.65;margin:0 0 28px;max-width:400px}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 21px;border-radius:10px;font-size:.92rem;font-weight:800;line-height:1.35;border:1px solid transparent;transition:background-color .15s,border-color .15s,transform .15s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--v-accent);color:#071723;box-shadow:none}
.button.primary:hover{background:#a2f0f8}
.button.secondary{background:#152035;border-color:#2e3c55;color:var(--v-text)}
.button.secondary:hover{background:#1e3046;border-color:#6389ac}
.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-note{font-size:.8rem;color:#9caec4;margin:22px 0 0}
.hero-art{position:relative;min-height:442px;background:radial-gradient(ellipse at 50% 48%,#163c71 0%,#112544 40%,#0b1524 72%);border-radius:32px;border:1px solid #263853;overflow:hidden;isolation:isolate;box-shadow:0 24px 80px #0004}
.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#779bc00c 1px,transparent 1px),linear-gradient(90deg,#779bc00c 1px,transparent 1px);background-size:40px 40px}
.art-orbit{position:absolute;border:1px solid #6195c638;border-radius:50%;width:360px;height:360px;left:calc(50% - 180px);top:35px;transform:rotate(-22deg) scaleY(.72)}
.orbit-two{width:460px;height:460px;left:calc(50% - 230px);top:-15px;transform:rotate(22deg) scaleY(.65);border-style:dashed}
.art-label{position:absolute;top:25px;left:25px;right:25px;color:#94b0d0;font-size:.65rem;letter-spacing:.2em;font-weight:750;z-index:2}
.logo-block{width:185px;height:185px;position:absolute;top:105px;left:calc(50% - 92px);border-radius:24px;background:linear-gradient(140deg,#7ae7eb,#479de1 75%);transform:rotate(-12deg);box-shadow:14px 22px 0 #143969,22px 32px 0 #112c4d,0 35px 65px #07112280}
.logo-block:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff5e;border-radius:17px}
.logo-block svg{width:132px;height:132px;margin:22px;fill:#102645}
.art-cross{position:absolute;font-weight:400;font-size:2rem;color:#83cfe9}
.cross-one{right:36px;top:64px}.cross-two{left:25px;bottom:97px;color:#677ed3}
.art-card{position:absolute;display:flex;align-items:center;gap:12px;background:#101b2cee;border:1px solid #455d7a;border-radius:12px;padding:14px 16px;color:#d9eaff;box-shadow:0 14px 30px #030a1880;font-size:.65rem;letter-spacing:.08em;font-weight:800}
.art-config{left:20px;top:218px;transform:rotate(-6deg)}
.art-config svg{width:30px;height:30px;fill:none;stroke:#82e6ef;stroke-width:2;stroke-linecap:round}
.art-theme{right:22px;bottom:98px;transform:rotate(6deg)}
.color-dots{display:flex;gap:4px}.color-dots i{width:17px;height:17px;border-radius:50%;background:#79e1ef}.color-dots i:nth-child(2){background:#9d87f5}.color-dots i:nth-child(3){background:#ff82ba}
.art-caption{position:absolute;bottom:23px;left:25px;right:25px;border-top:1px solid #3c527e;padding-top:17px;color:#a0bada;font-size:.67rem;letter-spacing:.16em;display:flex;justify-content:space-between}.art-caption span{color:#79e1ef}
.feature-section{padding-top:18px;padding-bottom:60px}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}
h2{font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.13;letter-spacing:-.045em;margin:0;font-weight:850}
.section-top .kicker{margin-bottom:12px}
.text-link{display:inline-flex;align-items:center;gap:15px;color:#c7e9f5;font-weight:750;font-size:.86rem;min-height:44px}.text-link:hover{color:var(--v-accent);text-decoration:underline;text-underline-offset:5px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.feature-card{padding:26px 21px 24px;background:#111b2a;border:1px solid #25334a;border-radius:15px}
.feature-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#1b2b44;border-radius:11px;margin-bottom:21px;color:#a8c2ff}
.feature-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.feature-card h3{font-size:1.04rem;line-height:1.35;margin:0 0 8px;letter-spacing:-.02em;font-weight:800}
.feature-card p{font-size:.88rem;line-height:1.6;color:var(--v-muted);margin:0}
.accent-card{background:linear-gradient(150deg,#113842,#112333);border-color:#28616a}.accent-card .feature-icon{color:#90eee8;background:#1a4b54}
.feature-note{font-size:.75rem;color:#91a2bb;margin:17px 0 0}
.theme-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:45px;padding-bottom:78px;border-top:1px solid var(--v-line)}
.theme-copy>p:not(.kicker){color:var(--v-muted);font-size:1rem;line-height:1.8;margin:20px 0 18px}
.theme-preview{--preview-accent:#55e3db;--preview-secondary:#4ba9ff;--preview-bg:#05121c;--preview-panel:#0a2232;--preview-button:#0f2f44;padding:20px 22px;background:#111d2d;border:1px solid #34465e;border-radius:19px}
.theme-preview[data-theme-preview=rose]{--preview-accent:#f267a7;--preview-secondary:#a971ff;--preview-bg:#140811;--preview-panel:#230e1d;--preview-button:#35172b}
.theme-preview[data-theme-preview=forest]{--preview-accent:#57da94;--preview-secondary:#5bc6e0;--preview-bg:#07120f;--preview-panel:#0c1f19;--preview-button:#142f26}
.theme-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;letter-spacing:.16em;color:#95a9c5;margin-bottom:18px}
.preview-theme-name{color:var(--preview-accent);letter-spacing:0;font-size:.8rem;font-weight:800}
.theme-sample{display:flex;gap:22px;background:var(--preview-bg);border:1px solid #2e405b;border-radius:11px;min-height:154px;padding:18px}
.sample-sidebar{display:grid;align-content:start;gap:12px;width:32px}
.sample-logo{color:var(--preview-accent);font-size:1.3rem;font-weight:900;line-height:1}
.sample-sidebar i{width:20px;height:6px;border-radius:2px;background:#33445d}.sample-sidebar i:first-of-type{background:var(--preview-accent)}
.sample-content{flex:1;padding:3px 10px 0;background:var(--preview-panel);border-radius:5px}.sample-heading{background:#b6c7df;width:40%;height:8px;border-radius:3px;margin-bottom:12px}
.sample-lines{display:flex;gap:6px;margin-bottom:18px}.sample-lines i{width:30%;height:5px;background:#394a62;border-radius:2px}
.sample-controls{display:flex;gap:7px;margin-bottom:17px}.sample-controls span{height:24px;width:28%;background:var(--preview-button);border:1px solid #465976;border-radius:5px}.sample-controls span:first-child{background:var(--preview-accent);border-color:var(--preview-accent)}
.sample-slider{position:relative;width:82%;height:5px;border-radius:6px;background:#2c3c55}.sample-slider:before{content:"";display:block;width:65%;height:100%;background:var(--preview-secondary);border-radius:6px}.sample-slider i{position:absolute;top:-3px;left:65%;width:11px;height:11px;border-radius:50%;background:var(--preview-accent)}
.theme-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.theme-choices button{display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;font-size:.78rem;font-weight:650;color:#a9bdd4;background:#0b1626;border:1px solid #30425e;border-radius:8px}
.theme-choices button[aria-pressed=true]{color:#ecf8ff;background:#203449;border-color:var(--preview-accent)}
.swatch{width:12px;height:12px;border-radius:50%;background:#55e3db}.swatch.rose{background:#f267a7}.swatch.forest{background:#57da94}
.preview-note{color:#8fa4bf;font-size:.7rem;line-height:1.6;margin:14px 0 0}
.setup-section{padding-top:54px;padding-bottom:74px;border-top:1px solid var(--v-line)}
.compact-button{min-height:44px;font-size:.82rem}
.setup-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}
.setup-steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.setup-steps li{display:flex;gap:16px;align-items:start}.setup-steps li>span{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;font-size:.73rem;color:var(--v-accent);background:#172535;border:1px solid #314960;border-radius:10px;font-weight:800}
.setup-steps h3{margin:0 0 3px;font-size:1.04rem;line-height:1.5}.setup-steps p{margin:0;color:var(--v-muted);font-size:.86rem}.setup-steps a{text-decoration:underline;text-underline-offset:3px;color:#c8e9f6}
.loader-panel{overflow:hidden;border:1px solid #334960;border-radius:16px;background:#111d2d;box-shadow:none}
.code-panel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#17263a;border-bottom:1px solid #304059;font-size:.85rem}
.copy-button{padding:8px 12px;color:#b9eeef;border:1px solid #496c7a;border-radius:8px;background:#20384a;font-size:.75rem;font-weight:700;min-height:38px}
.loader-panel pre{padding:22px 18px;margin:0;overflow:auto;color:#b8e3ed;font-family:Consolas,"Courier New",monospace;font-size:.78rem;line-height:1.95;tab-size:2}
.loader-panel>p{margin:0;padding:0 18px 14px;font-size:.75rem;color:var(--v-muted)}.loader-panel>p a{color:#c8f2fa;text-decoration:underline;text-underline-offset:4px}
.copy-status{display:block;font-size:.75rem;color:#c6eafa;padding:0 18px 12px;min-height:12px}
.community-section{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;border:1px solid #34575c;border-radius:21px;background:linear-gradient(110deg,#11303a,#131d31 80%);margin-bottom:34px}
.community-section h2{font-size:clamp(1.9rem,3.2vw,2.7rem)}.community-section p:not(.kicker){margin:18px 0 0;color:#a6bace;font-size:.95rem}
.community-actions{display:flex;flex-direction:column;gap:14px;align-items:start}
.studio-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0 27px;color:#8c9cb3;border-bottom:1px solid var(--v-line);font-size:.85rem}.studio-strip a{display:flex;gap:15px;align-items:center;color:#d2c093;font-weight:700;min-height:44px}.studio-strip a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer{width:min(1200px,calc(100% - 80px));margin:auto;padding:29px 0 33px;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:0;color:#899db6;font-size:.78rem}
.site-footer>div:first-child{display:grid;gap:4px}.site-footer strong{color:#c4d3e9;letter-spacing:.09em}.footer-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--v-accent)}.site-footer p{grid-column:1/-1;margin:4px 0 0;font-size:.7rem}
.versus-inner .page-shell{width:min(1200px,calc(100% - 80px));padding-top:45px;padding-bottom:60px}
.versus-inner .page-hero h1{font-size:clamp(2.6rem,5vw,4.1rem);letter-spacing:-.055em;line-height:1.05}
.versus-inner .page-hero>p{font-size:1rem;max-width:670px}
.versus-inner .section{margin-top:40px}
.versus-inner .site-footer{border-top:1px solid var(--v-line)}
.catalog-tools{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:32px 0 16px}
.search-field{flex:1;min-width:200px}.search-field label,.sort-field label{display:block;color:#acbfd5;font-size:.76rem;margin:0 0 7px;font-weight:700}
.catalog-tools input,.catalog-tools select{background:#111e30;color:#e8f2ff;border:1px solid #394e6b;border-radius:9px;padding:12px 14px;min-height:48px;width:100%}
.sort-field{min-width:180px}.catalog-summary{font-size:.82rem;color:#99aec8;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:20px}.catalog-summary p{margin:0}
.versus-inner .docs-content{grid-template-columns:minmax(0,1fr)}
.versus-inner .doc-card{min-width:0;overflow-wrap:anywhere}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.game-card{padding:22px;background:#111d2e;border:1px solid #30445f;border-radius:14px;min-width:0}
.game-card-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.game-initial{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#1d4058;color:#95e5ef;font-size:1.05rem;font-weight:800;flex-shrink:0}.game-card:nth-child(3n+2) .game-initial{background:#312c54;color:#c6b3f3}.game-card:nth-child(3n+3) .game-initial{background:#213f3a;color:#b0dfb6}
.game-card h2{font-size:1.02rem;letter-spacing:-.02em;line-height:1.4;overflow-wrap:anywhere}.game-id{margin:3px 0 0;font-size:.67rem;color:#92a9c5;overflow-wrap:anywhere}
.game-record{background:#0b1524;border-radius:8px;padding:12px;font-size:.76rem;color:#c4d2e7;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.game-record-label{font-size:.61rem;letter-spacing:.11em;display:block;color:#849bb8;margin-bottom:5px;font-weight:800}.game-date{font-size:.69rem;color:#93a8c3;margin:12px 0 0}
.catalog-pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin:26px 0}.catalog-pagination button,.catalog-retry{border:1px solid #3d5774;background:#1b3045;color:#daeaf8;min-height:44px;padding:8px 15px;border-radius:9px;font-size:.82rem}.catalog-pagination span{font-size:.8rem;color:#adc0d6}.catalog-empty{grid-column:1/-1;border:1px solid #354c67;border-radius:12px;padding:36px;text-align:center;color:#a4bad4;background:#111e30}.catalog-empty p{margin:0 0 18px}
.catalog-help{margin:24px 0 0;padding:20px;border:1px solid #293f58;border-radius:12px;color:#a4b6cc;font-size:.85rem}.catalog-help a{color:var(--v-accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.header-account .account-trigger-copy small{display:none}.header-account .account-trigger{min-width:0;padding:7px;gap:6px}.header-account .account-avatar{width:25px;height:25px;font-size:.75rem}.header-account .account-trigger-copy strong{font-size:.7rem}.header-account .account-chevron{font-size:.7rem}}
@media(max-width:1100px){.nav-shell{gap:16px}.top-nav a{padding:11px 12px}.landing-hero{gap:30px}.hero-copy h1{font-size:5rem}.hero-art{min-height:410px}.art-config{left:10px;font-size:.58rem;padding:12px}.art-theme{right:12px;font-size:.58rem;padding:12px}.theme-section{gap:40px}.feature-card{padding:24px 18px}.feature-card h3{font-size:.96rem}}
@media(max-width:900px){.content-width,.nav-shell,.site-footer,.versus-inner .page-shell{width:calc(100% - 48px)}.nav-shell{min-height:74px}.menu-button{display:block;margin-left:auto}.top-nav{display:none;position:absolute;top:73px;left:0;right:0;margin:0;padding:12px;background:#111e30;border:1px solid #3c5270;border-radius:12px;box-shadow:0 20px 40px #0006;flex-direction:column;align-items:stretch}.top-nav.open{display:flex}.top-nav a{padding:12px 15px}.brand strong{font-size:1.1rem}.landing-hero{padding-top:50px;padding-bottom:40px;gap:22px}.hero-copy h1{font-size:clamp(3.4rem,7.2vw,5rem)}.hero-description{font-size:.97rem}.hero-art{min-height:355px}.art-label{font-size:.53rem;left:18px}.logo-block{width:142px;height:142px;top:90px;left:calc(50% - 71px)}.logo-block svg{width:108px;height:108px;margin:15px}.art-config{top:211px}.art-theme{bottom:63px}.art-caption{font-size:.55rem;left:18px;right:18px;bottom:14px;padding-top:10px}.art-card{font-size:.5rem;padding:10px;gap:8px}.art-config svg{width:21px;height:21px}.color-dots i{width:13px;height:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-section{gap:28px}.theme-copy h2{font-size:2.1rem}.theme-preview{padding:17px}.setup-grid{grid-template-columns:1fr 1.2fr;gap:22px}.community-section{padding:30px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.content-width,.nav-shell,.site-footer,.versus-inner .page-shell{width:calc(100% - 36px)}.nav-shell{gap:10px;min-height:68px}.brand{gap:7px}.brand strong{font-size:.92rem}.brand-symbol{width:31px;height:31px;border-radius:8px}.public-account{padding:8px 10px;font-size:.73rem;gap:7px;min-height:40px}.public-account span{display:none}.menu-button{font-size:.75rem;padding:7px 10px;min-height:40px}.menu-button span{margin-left:5px}.top-nav{top:67px}.landing-hero{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:36px}.hero-copy h1{font-size:clamp(3.6rem,14vw,5.4rem);letter-spacing:-.065em;margin-bottom:19px}.kicker{font-size:.62rem;margin-bottom:16px}.hero-description{font-size:1rem;margin-bottom:23px;line-height:1.7}.hero-note{margin-top:17px;font-size:.73rem}.button{padding:12px 16px;font-size:.84rem;min-height:48px;gap:11px}.hero-art{min-height:316px;max-width:480px;width:100%;border-radius:23px}.logo-block{top:73px}.art-config{top:190px;left:17px;font-size:.53rem}.art-theme{right:15px;font-size:.53rem;bottom:63px}.art-orbit{top:-25px}.orbit-two{top:-66px}.art-cross{font-size:1.7rem}.cross-one{right:25px;top:48px}.cross-two{left:17px;bottom:79px}.section-top{gap:16px;align-items:start;flex-direction:column;margin-bottom:21px}.section-top .text-link{min-height:32px}h2{font-size:2rem}.feature-section{padding-top:15px;padding-bottom:39px}.feature-grid{gap:10px}.feature-card{padding:20px 15px}.feature-card h3{font-size:.92rem}.feature-card p{font-size:.8rem}.feature-icon{width:34px;height:34px;border-radius:9px;margin-bottom:16px}.feature-icon svg{width:21px;height:21px}.feature-note{font-size:.7rem;line-height:1.8;margin-top:15px}.theme-section{grid-template-columns:1fr;gap:23px;padding-top:37px;padding-bottom:42px}.theme-copy h2{font-size:2rem}.theme-copy>p:not(.kicker){font-size:.91rem;margin-top:16px}.theme-choices{gap:5px}.theme-choices button{flex:1;justify-content:center;padding:9px 8px;font-size:.73rem}.setup-section{padding-top:36px;padding-bottom:42px}.setup-grid{grid-template-columns:1fr;gap:24px}.setup-steps{gap:18px}.setup-steps h3{font-size:.97rem}.setup-steps p{font-size:.8rem}.loader-panel pre{font-size:.7rem;padding:17px 14px}.code-panel-header{padding:12px 14px}.community-section{padding:25px 23px;flex-direction:column;align-items:start;gap:21px;border-radius:16px}.community-section h2{font-size:2rem}.community-section p:not(.kicker){font-size:.84rem;margin-top:16px}.community-actions{gap:10px}.studio-strip{align-items:start;flex-direction:column;gap:0;font-size:.77rem;padding:4px 0 19px}.studio-strip a{font-size:.82rem}.site-footer{grid-template-columns:1fr;padding:24px 0;gap:13px}.footer-links{gap:21px}.site-footer p{margin:0}.versus-inner .page-shell{padding-top:34px;padding-bottom:35px}.catalog-grid{grid-template-columns:1fr}.catalog-tools{gap:12px;margin-top:25px}.search-field{flex-basis:100%}.sort-field{width:100%;min-width:0}.game-card{padding:20px}.catalog-summary{font-size:.74rem}.catalog-pagination{gap:12px}.catalog-help{font-size:.8rem}.hero-copy .actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}