@font-face{font-family:Inter;src:url('/assets/inter-latin-3100e775e8616cd2.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--page-bg:#07111d;--page-bg-deep:#050d17;--surface:#0c192a;--surface-raised:#112137;--ink:#f5f7fd;--muted:#b0c3e0;--quiet:#849bbf;--accent:#16c8f0;--accent-hover:#61dfff;--accent-ink:#021624;--line:#20344e;--line-soft:#14263b;--danger:#ff9fbd;--success:#7ce8b5;--radius:12px;--radius-small:7px;--container:1180px;--header-height:82px;--ease:cubic-bezier(.2,.65,.3,1)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}
body{margin:0;background:radial-gradient(ellipse at 75% 41%,#0b1b2b 0,transparent 42%),var(--page-bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button,a,input,textarea{touch-action:manipulation}
button{color:inherit;cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{border:0;background:none}
img{display:block;max-width:100%}
svg{flex-shrink:0}
h1,h2,h3,h4,p{margin:0;overflow-wrap:anywhere}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-hover);outline-offset:5px}
[hidden],.is-hidden{display:none!important}
::selection{background:#1596ba;color:#fff}
.container{width:min(var(--container),calc(100% - 80px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:16px;z-index:100;padding:10px 16px;background:var(--accent);color:var(--accent-ink);transform:translateY(-160%);border-radius:var(--radius-small);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.icon{width:20px;height:20px;object-fit:contain;flex:0 0 auto}
img.icon{filter:brightness(0) saturate(100%) invert(85%) sepia(14%) saturate(571%) hue-rotate(180deg) brightness(98%) contrast(91%)}
.accent-text{color:var(--accent)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 23px;border-radius:9px;font-weight:650;font-size:13px;line-height:1.4;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.button:active{transform:translateY(1px)}
.button-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}
.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button-primary img.icon{filter:brightness(0) saturate(100%) invert(6%) sepia(66%) saturate(1684%) hue-rotate(168deg) brightness(93%) contrast(102%)}
.button-secondary,.button-outline{background:#06111ba8;border:1px solid #477395;color:var(--ink)}
.button-secondary:hover,.button-outline:hover{background:#153249;border-color:var(--accent)}
.button-secondary img.icon,.text-link img.icon,.section-icon,.benefit-icon,.category-icon img,.empty-icon,.success-icon{filter:brightness(0) saturate(100%) invert(67%) sepia(98%) saturate(1365%) hue-rotate(150deg) brightness(99%) contrast(90%)!important}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:600;line-height:1.4;padding:5px 0;transition:color .18s}
.text-link:hover{color:var(--accent-hover)}
.text-link:hover .icon{transform:translateX(3px)}
.text-link .icon{transition:transform .18s var(--ease);width:16px;height:16px}
.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background .18s}
.icon-button:hover{background:#1b345080}
.site-header{min-height:var(--header-height);border-bottom:1px solid var(--line-soft);background:#071321e8;position:relative;z-index:20}
.header-inner{display:flex;align-items:center;gap:40px;min-height:var(--header-height)}
.brand{display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1.1}
.brand-wordmark{font-weight:900;font-size:29px;letter-spacing:-1.4px}
.brand-wordmark>span{color:var(--accent)}
.brand-tagline{font-size:8px;letter-spacing:2.7px;font-weight:650;color:#a9c3e3;margin-top:6px;padding-left:2px}
.primary-nav{display:flex;align-items:center;gap:28px}
.nav-link{position:relative;min-height:44px;padding:12px 0;font-size:12px;font-weight:550;white-space:nowrap;color:#e5edfc;transition:color .18s}
.nav-link:hover,.nav-link.is-active{color:var(--accent)}
.nav-link.is-active::after{position:absolute;content:'';height:2px;background:var(--accent);left:0;right:0;bottom:4px}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.search-field{display:flex;align-items:center;gap:10px;min-height:39px;border:1px solid #314966;background:#102139b0;border-radius:18px;padding:0 12px;width:202px}
.search-field input{width:100%;min-width:0;padding:9px 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}
.search-field input::placeholder{color:#a7bddc}
.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.search-field input:focus-visible{outline:none}
input[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1) brightness(2)}
.mobile-menu-button{display:none}
.benefit-strip{border-block:1px solid var(--line-soft);background:linear-gradient(90deg,#08131f,#0b1827 56%,#07111d)}
.benefit-inner{display:grid;grid-template-columns:repeat(5,1fr);padding-block:20px}
.benefit{display:flex;align-items:center;gap:15px;padding:0 20px;border-left:1px solid var(--line-soft)}
.benefit:first-child{padding-left:10px;border:0}
.benefit:last-child{padding-right:0}
.benefit-icon{width:29px;height:29px}
.benefit h2{font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap}
.benefit p{font-size:10.5px;color:var(--muted);white-space:nowrap;margin-top:2px}
.benefit-passion .icon{filter:brightness(0) saturate(100%) invert(54%) sepia(49%) saturate(1393%) hue-rotate(297deg) brightness(103%) contrast(98%)!important}
.catalog{padding-top:24px;scroll-margin-top:24px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.section-heading h2{display:flex;align-items:center;gap:11px;font-size:21px;line-height:1.25;font-weight:750;letter-spacing:-.45px}
.section-icon{width:25px;height:25px}
.section-meta{font-size:11px;color:var(--quiet)}
.featured-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:stretch}
.game-grid{display:grid;gap:16px;min-width:0}
.game-card{display:grid;grid-template-columns:51% 49%;border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;background:linear-gradient(115deg,#101d2f,#081321)}
.game-art{position:relative;min-height:258px;overflow:hidden;background:#133850}
.game-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s var(--ease)}
.game-card:hover .game-art>img{transform:scale(1.025)}
.concept-label{position:absolute;top:12px;right:12px;background:#06233de8;border:1px solid #ffffff24;padding:5px 9px;font-size:9px;letter-spacing:.75px;font-weight:750;border-radius:6px;text-transform:uppercase;color:#fff}
.art-caption{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#06233de8;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:550;color:#edf4ff}
.art-caption .icon{width:13px;height:13px}
.game-copy{padding:21px 27px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.game-copy h3{font-size:29px;letter-spacing:-.9px;font-weight:800;line-height:1.18;margin-bottom:6px}
.game-tagline{font-size:13px;color:#c4d9fa;font-weight:600;line-height:1.5}
.game-description{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:37ch}
.game-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:14px 0 0}
.game-tags li{padding:3px 9px;background:#132439;border:1px solid #263b54;border-radius:20px;color:#c4d6f2;font-size:9px;line-height:1.7;white-space:nowrap}
.game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:17px}
.game-actions .button{min-height:43px;padding:10px 18px;font-size:12px}
.game-actions .text-link{font-size:11px}
.game-availability{font-size:10px;color:#a5bbd5;margin-top:9px}
.art-note{position:relative;overflow:hidden;min-height:258px;border-radius:var(--radius);background:linear-gradient(110deg,#123354db,#071522e6),url('/assets/brickworld-b381070b79f26300.webp') center/cover}
.art-note::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06121fc9,transparent 75%)}
.art-note-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;padding:52px 28px 20px;transform:rotate(-8deg);font-weight:600;font-size:21px;font-style:italic;letter-spacing:1.6px;line-height:1.4;color:#82a9d0}
.art-note-copy i{width:78px;height:2px;background:#83b1d8;transform:rotate(-9deg);margin-top:9px}
.empty-state{min-height:258px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;border:1px dashed #2b4663;border-radius:var(--radius);background:#0b1925}
.empty-icon{margin-bottom:12px}
.empty-state h3{font-size:21px;letter-spacing:-.4px}
.empty-state p{font-size:12px;color:var(--muted);max-width:45ch;margin:7px 0 18px}
.empty-state .button{font-size:12px;min-height:41px}
.catalog-feedback{min-height:16px;font-size:10px;color:var(--quiet);margin-top:6px;text-align:right}
.categories{margin-top:18px;scroll-margin-top:20px}
.category-heading{margin-bottom:15px}
.category-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.category-button{display:flex;align-items:center;gap:12px;min-height:78px;padding:11px 12px;background:#0d1b2d;border:1px solid #223650;border-radius:11px;text-align:left;transition:background .18s,border-color .18s,transform .18s;min-width:0}
.category-button:hover{background:#14283e;border-color:#3b5b77;transform:translateY(-2px)}
.category-button[aria-pressed=true]{background:#0b2637;border-color:#1993b0}
.category-icon{width:42px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#10233c;flex:0 0 auto}
.category-icon img{width:28px;height:28px}
.category-button[aria-pressed=true] .category-icon{background:#0c3d50}
.category-copy{min-width:0;display:flex;flex-direction:column;gap:1px}
.category-title{font-size:11px;font-weight:650;line-height:1.4}
.category-count{font-size:9px;color:#93accf;line-height:1.45;margin-top:3px;display:flex;flex-direction:column}
.category-button[data-category=strategy] .category-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(60%) saturate(1471%) hue-rotate(215deg) brightness(100%) contrast(97%)!important}
.category-button[data-category=arcade] .category-icon img{filter:brightness(0) saturate(100%) invert(63%) sepia(45%) saturate(2688%) hue-rotate(225deg) brightness(100%) contrast(95%)!important}
.category-button[data-category=experimental] .category-icon img{filter:brightness(0) saturate(100%) invert(65%) sepia(87%) saturate(878%) hue-rotate(238deg) brightness(101%) contrast(101%)!important}
.updates-community{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px;margin-bottom:28px;align-items:end}
.news-section{min-width:0;scroll-margin-top:20px}
.news-section .section-heading{margin-bottom:12px}
.news-section .section-heading h2{font-size:19px}
.news-list{display:grid;gap:12px}
.news-item{display:flex;align-items:center;gap:13px;padding:10px;background:#0c192a;border:1px solid var(--line-soft);border-radius:11px;position:relative;min-height:105px}
.news-thumb{width:106px;height:84px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.news-copy{min-width:0;padding-right:25px}
.news-copy h3{font-size:12px;font-weight:700;line-height:1.4;margin-bottom:2px}
.news-copy time{display:block;font-size:10px;color:#94afd3;line-height:1.4}
.news-copy p{font-size:11px;line-height:1.65;color:var(--muted);margin-top:5px}
.news-open{position:static;padding:0;text-align:left;font-weight:700}
.news-open::after{content:'';position:absolute;inset:0;border-radius:11px}
.news-item:has(.news-open:hover){background:#12273c;border-color:#2c4865}
.news-open:focus-visible{outline:none}
.news-item:has(.news-open:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
.news-arrow{position:absolute;right:12px;top:calc(50% - 9px);width:18px;height:18px}
.idea-panel{position:relative;isolation:isolate;overflow:hidden;min-height:156px;padding:22px;border:1px solid #314b69;border-radius:11px;display:flex;align-items:center;background:linear-gradient(105deg,#081522 40%,#17324b);scroll-margin-top:20px}
.idea-panel::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#081523 40%,#08152390),url('/assets/brickworld-b381070b79f26300.webp') center/cover;opacity:.35}
.idea-panel-copy{position:relative;z-index:2;max-width:78%}
.idea-panel h2{font-size:22px;font-weight:750;letter-spacing:-.6px;line-height:1.3}
.idea-panel p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px;max-width:41ch}
.idea-panel .button{min-height:39px;padding:9px 18px;font-size:11px;margin-top:15px;border-color:var(--accent);color:var(--accent)}
.idea-illustration{position:absolute;right:19px;bottom:12px;transform:rotate(-9deg);color:#9abde1;display:flex;gap:12px;align-items:center;opacity:.9}
.idea-illustration>img{filter:brightness(0) saturate(100%) invert(65%) sepia(29%) saturate(996%) hue-rotate(175deg) brightness(101%) contrast(97%);width:64px;height:64px;opacity:.55}
.idea-illustration>span{font-size:13px;font-weight:650;font-style:italic;letter-spacing:1px;line-height:1.5}
.site-footer{border-top:1px solid var(--line-soft);background:#050e18aa}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px}
.footer-brand .brand-wordmark{font-size:21px;letter-spacing:-.8px}
.footer-brand p{color:var(--muted);font-size:10px;margin-top:5px}
.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.footer-links a,.footer-links button{font-size:10px;color:var(--muted);padding:7px 0}
.footer-links a:hover,.footer-links button:hover{color:var(--accent)}
.copyright{font-size:9px;color:#9eb8d9;text-align:right}
.dialog{border:1px solid #365371;border-radius:16px;background:#0b1929;color:var(--ink);padding:36px;max-height:min(90dvh,900px);max-width:min(92vw,760px);width:650px;box-shadow:0 24px 80px #0008;overflow:auto;overscroll-behavior:contain}
.dialog::backdrop{background:#010710bf;backdrop-filter:blur(6px)}
.dialog[open]{animation:dialog-enter .2s var(--ease)}
.dialog-close{position:absolute;right:10px;top:10px;z-index:2;background:#071421c9}
.info-dialog{width:510px;padding:39px}
.dialog h2{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:780;margin:9px 0 16px}
.dialog p{font-size:13px;color:var(--muted);line-height:1.8}
.info-dialog>p+p{margin-top:14px}
.info-dialog>.button{margin-top:24px}
.eyebrow{font-size:9px!important;letter-spacing:1.8px;font-weight:750;color:var(--accent)!important;line-height:1.5!important}
.dialog-intro{margin-bottom:23px}
.launch-dialog .launch-status{font-size:16px;font-weight:650;color:var(--ink);line-height:1.5;margin-bottom:9px}
.launch-dialog .launch-status-ready{color:var(--accent-hover)}
.launch-dialog .launch-copy{max-width:42ch}
.launch-dialog .launch-build{font-size:10px;color:var(--quiet);margin-top:9px;overflow-wrap:anywhere}
.launch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px}
.launch-dialog [data-launch-view]{min-height:154px}
.launch-actions .button{min-height:46px}
.idea-dialog{width:570px;padding:38px}
.field-label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}
.idea-dialog textarea{display:block;width:100%;min-height:145px;resize:vertical;max-height:35dvh;background:#06121e;color:var(--ink);border:1px solid #38536f;border-radius:8px;padding:12px 14px;line-height:1.7;font-size:13px}
.idea-dialog textarea::placeholder{color:#7f98b8}
.idea-dialog textarea[aria-invalid=true]{border-color:var(--danger)}
.field-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--quiet);align-items:flex-start}
.field-meta p,.field-meta span{font-size:10px;line-height:1.6}
.field-meta span{white-space:nowrap;flex:0 0 auto}
.field-meta .is-over-limit{color:var(--danger)}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{min-height:24px;margin-top:12px;font-size:12px!important}
.form-status--error{color:var(--danger)!important}
.form-status--success{color:var(--success)!important}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:15px}
.form-actions .text-link{font-size:12px}
.idea-success{padding-block:20px}
.success-icon{margin-bottom:25px}
.idea-success .form-actions{margin-top:25px}
.detail-header{display:grid;grid-template-columns:116px minmax(0,1fr);gap:21px;align-items:center;padding-right:10px;margin-bottom:24px}
.detail-cover{width:116px;height:98px;object-fit:cover;border-radius:9px}
.detail-header h2{font-size:29px;margin:5px 0}
.detail-header p{font-size:12px;line-height:1.6}
.detail-tabs{display:flex;border-bottom:1px solid #2a415a;margin-bottom:23px;gap:26px}
.detail-tab{padding:10px 0;position:relative;font-size:12px;min-height:44px;color:var(--muted)}
.detail-tab[aria-selected=true]{color:var(--accent);font-weight:650}
.detail-tab[aria-selected=true]::after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--accent)}
.detail-panel h3{font-size:16px;letter-spacing:-.25px;margin:21px 0 8px}
.detail-panel>h3:first-child{margin-top:0}
.detail-panel p+p{margin-top:12px}
.detail-panel,.detail-header>div,.mechanics-facts dd{min-width:0;overflow-wrap:anywhere}
.detail-note{padding:10px 13px;background:#0d2a39;color:#a9dce9!important;border-left:2px solid var(--accent);font-size:12px!important;margin-top:17px}
.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}
.detail-gallery figure{margin:0}
.detail-gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#122a41}
.detail-gallery figcaption{font-size:10px;color:var(--quiet);margin-top:6px;line-height:1.6}
.mechanics-list{padding:0;list-style:none;margin:12px 0}
.mechanics-list li{padding:11px 0;border-bottom:1px solid var(--line-soft)}
.mechanics-list li:last-child{border:0}
.mechanics-list h4{font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.5}
.mechanics-list p{font-size:12px;margin-top:3px}
.planned-label{font-weight:500;color:var(--quiet);font-size:9px;letter-spacing:.3px;white-space:nowrap}
.mechanics-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0;padding-top:17px;border-top:1px solid #253b51}
.mechanics-facts div{display:flex;flex-direction:column;gap:3px}
.mechanics-facts dt{font-size:10px;color:var(--quiet);text-transform:uppercase;letter-spacing:.7px}
.mechanics-facts dd{margin:0;font-size:12px;color:var(--muted)}
.update-list{list-style:none;padding:0;margin:0}
.update-item{position:relative;padding:0 0 23px 21px;border-left:1px solid #2b435d;margin-left:3px}
.update-item:last-child{padding-bottom:0}
.update-item::before{position:absolute;content:'';left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.update-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:4px;color:var(--quiet);font-size:10px}
.update-item h3{font-size:14px;margin:5px 0}
.update-item p,.update-item li{font-size:12px;color:var(--muted);line-height:1.8}
.update-item ul{padding-left:17px;margin:7px 0 0}
.roadmap-list{padding-left:17px;font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.news-dialog time{font-size:11px;color:var(--quiet);display:block;margin-top:6px}
.news-dialog .news-detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:22px}
.news-dialog p+p{margin-top:14px}
.noscript-note{padding:15px;color:var(--muted);font-size:12px}
@keyframes dialog-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){:root{--container:1280px}.header-inner{gap:52px}.primary-nav{gap:32px}.header-search{width:232px}.game-art,.art-note{min-height:285px}.game-copy{padding:24px 31px}.game-copy h3{font-size:32px}.game-description{font-size:13px}.benefit h2{font-size:13px}.benefit p{font-size:11px}.category-title{font-size:12px}.category-count{font-size:11px}.category-button{min-height:84px}.idea-panel{min-height:168px}}
@media(max-width:1190px){.container{width:calc(100% - 48px)}.header-inner{gap:25px}.primary-nav{gap:21px}.brand-wordmark{font-size:26px}.brand-tagline{letter-spacing:2px}.search-field{width:180px}.header-actions{gap:5px}.benefit{gap:10px;padding:0 12px}.benefit h2{font-size:11px}.benefit p{font-size:9px}.benefit-icon{width:25px;height:25px}.featured-layout{grid-template-columns:minmax(0,1fr) 165px}.game-card{grid-template-columns:48% 52%}.game-copy{padding:19px 22px}.game-description{font-size:11px}.game-copy h3{font-size:27px}.game-actions{gap:13px}.game-actions .button{padding:10px 14px;font-size:11px}.category-list{gap:9px}.category-button{gap:9px;padding:10px 9px}.category-icon{width:35px;height:40px}.category-icon img{width:25px;height:25px}.category-title{font-size:10px}.category-count{font-size:9px}.updates-community{gap:22px}.idea-panel h2{font-size:21px}.idea-illustration>img{display:none}.idea-panel-copy{max-width:85%}.news-thumb{width:92px;height:84px}.footer-links{gap:20px}}
@media(max-width:960px){:root{--header-height:76px}.header-inner{gap:21px}.primary-nav{gap:17px}.nav-link{font-size:11px}.header-search{width:154px}.brand-wordmark{font-size:24px}.brand-tagline{font-size:7px;letter-spacing:1.7px}.search-field{padding-inline:10px;gap:7px}.search-field .icon{width:16px;height:16px}.scene-settings-button{width:34px}.featured-layout{grid-template-columns:minmax(0,1fr) 138px;gap:13px}.game-card{grid-template-columns:46% 54%}.game-art,.art-note{min-height:262px}.game-copy{padding:18px}.game-copy h3{font-size:25px}.game-tagline{font-size:12px}.game-description{font-size:11px}.game-tags{gap:4px;margin-top:10px}.game-tags li{padding:2px 7px;font-size:8px}.game-actions{gap:12px;margin-top:13px}.game-actions .button{font-size:11px;min-height:40px}.art-note-copy{font-size:19px;padding-left:20px}.benefit-inner{padding-block:18px}.benefit{padding-inline:9px;gap:8px}.benefit-icon{width:23px;height:23px}.benefit p{white-space:normal;line-height:1.4}.benefit h2{white-space:normal;line-height:1.4}.category-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-button{min-height:71px;padding:12px 15px;gap:12px}.category-icon{width:41px;height:42px}.category-title{font-size:12px}.category-count{font-size:10px}.updates-community{grid-template-columns:1fr 1fr;gap:20px}.idea-panel{padding:20px;min-height:176px}.idea-panel-copy{max-width:100%}.idea-panel h2{font-size:19px}.idea-illustration{display:none}.news-item{min-height:121px}.news-thumb{width:76px;height:96px}.news-copy p{font-size:10px}.news-copy h3{font-size:11px}.news-copy{padding-right:13px}.footer-links{gap:17px}.copyright{max-width:160px}}
@media(max-width:800px){.primary-nav{gap:15px}.header-inner{gap:17px}.header-search{width:138px}.brand-wordmark{font-size:22px}.brand-tagline{font-size:6px;letter-spacing:1.6px}.nav-link{font-size:10px}.header-actions{gap:1px}.scene-settings-button{width:31px}.search-field input{font-size:10px}.benefit-inner{grid-template-columns:repeat(3,1fr);gap:19px 0;padding-block:21px}.benefit{padding-inline:13px}.benefit:nth-child(4){border:0;padding-left:10px}.benefit h2{font-size:12px}.benefit p{font-size:10px;white-space:nowrap}.benefit-icon{width:26px;height:26px}.featured-layout{grid-template-columns:1fr}.art-note{display:none}.game-card{grid-template-columns:48% 52%}.game-copy{padding:24px}.game-copy h3{font-size:29px}.game-description{font-size:12px}.game-art{min-height:260px}.game-tags li{font-size:9px;padding:3px 8px}.game-actions .button{font-size:12px}.game-actions .text-link{font-size:11px}.catalog-feedback{font-size:10px}.updates-community{margin-top:27px}.news-item{min-height:127px}.news-thumb{width:72px;height:100px}.idea-panel{min-height:174px}.footer-inner{flex-wrap:wrap}.copyright{max-width:none;margin-left:auto}.footer-links{margin-left:auto}}
@media(max-width:700px){:root{--header-height:72px}.container{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:0;min-height:72px;padding-block:12px}.brand-wordmark{font-size:25px}.brand-tagline{font-size:7px;letter-spacing:1.8px}.header-actions{gap:5px}.mobile-menu-button{display:inline-flex}.scene-settings-button{width:38px}.header-search{width:155px;min-height:36px}.search-field input{font-size:10px;padding-block:8px}.primary-nav{display:none;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:18px;right:18px;top:calc(100% - 1px);background:#0c1b2b;border:1px solid #314965;border-radius:10px;box-shadow:0 20px 30px #0005;padding:8px;z-index:30}.primary-nav.is-open{display:flex}.nav-link{text-align:left;padding:12px 14px;min-height:46px;font-size:13px;border-radius:6px}.nav-link:hover{background:#183149}.nav-link.is-active::after{left:14px;right:auto;width:25px;bottom:6px}.benefit-inner{grid-template-columns:repeat(3,1fr);gap:19px 0}.benefit{gap:8px;padding-inline:9px}.benefit h2{font-size:10px}.benefit p{font-size:9px;white-space:normal}.benefit-icon{width:23px;height:23px}.section-heading h2{font-size:20px}.section-heading>.text-link{font-size:10px;gap:5px}.game-copy{padding:20px}.game-copy h3{font-size:26px}.game-tagline{font-size:12px}.game-description{font-size:11px}.game-actions .button{padding:10px 13px;font-size:11px}.game-actions{gap:12px}.game-art{min-height:258px}.category-title{font-size:11px}.category-count{font-size:9px}.category-button{padding:10px 12px;gap:10px}.category-icon{width:35px;height:39px}.category-icon img{width:24px;height:24px}.section-meta{font-size:10px}.updates-community{grid-template-columns:1fr;gap:23px;align-items:stretch}.news-item{min-height:105px}.news-thumb{width:106px;height:84px}.news-copy h3{font-size:12px}.news-copy p{font-size:11px}.idea-panel{min-height:154px;padding:23px}.idea-panel-copy{max-width:79%}.idea-panel h2{font-size:22px}.idea-illustration{display:flex;right:25px}.idea-illustration>img{display:block;width:60px}.footer-inner{gap:18px;padding-block:23px}.footer-brand{flex:0 0 auto}.footer-links{gap:18px}.copyright{text-align:left;width:100%;margin-left:0}.dialog{padding:30px 26px;width:calc(100% - 32px);max-width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.dialog h2{font-size:28px}.detail-header{gap:15px}.detail-header h2{font-size:26px}.info-dialog{width:510px}.idea-dialog{width:570px}.dialog-close{top:8px;right:8px}.detail-tabs{gap:24px}.detail-gallery{gap:10px}}
@media(max-width:500px){.header-inner{padding-block:12px;gap:10px}.header-search{width:100%;order:1;margin-top:3px}.header-actions{display:contents}.scene-settings-button{margin-left:auto}.mobile-menu-button{margin-left:1px}.header-search .icon{width:17px;height:17px}.header-search input{font-size:12px}.site-header{min-height:110px}.brand-wordmark{font-size:25px}.benefit-inner{grid-template-columns:repeat(2,1fr);gap:17px 0;padding-block:19px}.benefit{padding:0 10px;gap:12px;min-height:36px}.benefit:nth-child(odd){border:0;padding-left:2px}.benefit:nth-child(4){padding-left:10px;border-left:1px solid var(--line-soft)}.benefit:last-child{grid-column:1/-1}.benefit h2{font-size:11px}.benefit p{font-size:10px}.benefit-icon{width:26px;height:26px}.catalog{padding-top:23px}.section-heading{gap:12px;margin-bottom:13px}.section-heading h2{font-size:18px;letter-spacing:-.4px;gap:8px}.section-icon{width:23px;height:23px}.section-heading>.text-link{font-size:10px}.section-heading>.text-link .icon{width:14px;height:14px}.game-card{grid-template-columns:1fr}.game-art{min-height:0;aspect-ratio:16/10}.game-copy{padding:23px}.game-copy h3{font-size:29px}.game-tagline{font-size:13px}.game-description{font-size:12px;max-width:none;margin-top:9px}.game-tags{margin-top:14px;gap:6px}.game-tags li{font-size:9px;padding:3px 9px}.game-actions{gap:20px;margin-top:19px}.game-actions .button{font-size:12px;padding:11px 17px;min-height:44px}.game-actions .text-link{font-size:12px}.game-availability{font-size:10px;margin-top:10px}.categories{margin-top:19px}.category-heading .section-meta{display:none}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-button{min-height:76px;padding:11px 12px;gap:10px}.category-icon{width:40px;height:43px}.category-icon img{width:27px;height:27px}.category-title{font-size:11px}.category-count{font-size:9px}.updates-community{margin-top:28px;margin-bottom:25px;gap:24px}.news-section .section-heading h2{font-size:19px}.news-item{gap:12px;padding:10px}.news-thumb{width:82px;height:88px}.news-copy h3{font-size:11px}.news-copy p{font-size:10px}.news-copy time{font-size:9px}.news-arrow{right:8px;width:15px}.news-copy{padding-right:15px}.idea-panel{min-height:170px;padding:23px 20px}.idea-panel-copy{max-width:86%}.idea-panel h2{font-size:21px}.idea-panel p{font-size:11px}.idea-illustration{right:13px;bottom:18px;opacity:.32}.idea-illustration>img{display:none}.idea-illustration>span{font-size:12px}.idea-panel .button{font-size:12px;min-height:43px}.footer-inner{display:grid;grid-template-columns:1fr;gap:15px}.footer-links{margin:0;gap:23px}.footer-links a,.footer-links button{font-size:11px;min-height:35px}.copyright{font-size:9px}.dialog{padding:32px 22px 26px;border-radius:13px;max-width:calc(100% - 24px);width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog h2{font-size:26px;letter-spacing:-.7px}.dialog p{font-size:12px}.dialog-intro{margin-bottom:18px}.idea-dialog textarea{font-size:12px;padding:11px 12px;min-height:140px}.field-meta{gap:9px}.field-meta p,.field-meta span{font-size:9px}.form-actions{gap:13px}.form-actions .button{padding:10px 17px;font-size:12px}.detail-header{grid-template-columns:72px minmax(0,1fr);gap:12px;margin-top:5px;margin-bottom:19px;padding-right:0}.detail-cover{width:72px;height:78px}.detail-header h2{font-size:24px;margin:5px 0}.detail-header p{font-size:10px}.detail-header .eyebrow{font-size:8px!important;letter-spacing:1.1px}.detail-tabs{gap:24px;margin-bottom:19px}.detail-tab{font-size:11px}.detail-panel h3{font-size:15px}.detail-note{font-size:11px!important}.detail-gallery{grid-template-columns:1fr}.mechanics-facts{gap:13px}.mechanics-facts dd{font-size:11px}.mechanics-list h4{font-size:11px}.mechanics-list p,.update-item p,.update-item li{font-size:11px}.planned-label{font-size:8px}.update-meta{font-size:9px}.update-item h3{font-size:13px}.idea-success{padding-block:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.game-card:hover .game-art>img,.category-button:hover,.text-link:hover .icon{transform:none}}
@media(forced-colors:active){.button,.category-button,.search-field,.idea-dialog textarea{border:1px solid ButtonText}.nav-link.is-active::after,.detail-tab[aria-selected=true]::after{background:Highlight}.category-button[aria-pressed=true]{border:2px solid Highlight}.icon{filter:none!important}.art-note,.idea-illustration{display:none}}

.hero {
  --hero-ground: #06111e;
  --hero-ink: #f4f7fc;
  --hero-soft: #b9cce3;
  --hero-cyan: #27c9ef;
  --hero-toolbar-space: 82px;
  --hero-status-space: 0px;
  --hero-status-one-space: 48px;
  --hero-status-two-space: 84px;
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 440px;
  background: var(--hero-ground);
  color: var(--hero-ink);
}
.hero::before { position: absolute; z-index: 1; inset: 0 0 auto; height: 110px; content: ""; background: linear-gradient(180deg, rgb(6 17 30 / 88%), rgb(6 17 30 / 76%) 36px, rgb(6 17 30 / 30%) 72px, transparent); pointer-events: none; }
.hero .hero-inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: inherit; padding-block: calc(var(--hero-toolbar-space) + var(--hero-status-space)) 24px; }
.hero:has(.hero-scene-controls[hidden]) { --hero-toolbar-space: 42px; }
.hero:has(.hero-scene-controls:not([hidden]) > .hero-scene-status:not(:empty)) { --hero-status-space: var(--hero-status-one-space); }
.hero:has(.hero-scene-controls:not([hidden]) > .hero-scene-status:not(:empty) ~ .hero-scene-status:not(:empty)) { --hero-status-space: var(--hero-status-two-space); }
.hero .hero-copy { width: min(470px, 45%); }
.hero .hero-kicker { margin: 0 0 17px; color: #8baac7; font-size: 10px; font-weight: 650; line-height: 1.5; letter-spacing: .23em; }
.hero .hero-title { display: grid; margin: 0; font-size: clamp(38px, 4.2vw, 58px); font-weight: 780; line-height: 1.02; letter-spacing: -.042em; }
.hero .hero-heading { grid-area: 1 / 1; opacity: 0; transition: opacity 550ms ease; }
.hero .hero-heading.is-current { opacity: 1; }
.hero .hero-heading > span { display: block; white-space: nowrap; }
.hero .hero-title em { color: var(--hero-cyan); font-style: normal; }
.hero .hero-description { max-width: 405px; margin: 19px 0 0; color: #c5d5e9; font-size: 15px; line-height: 1.6; text-wrap: pretty; }
.hero .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 23px; }
.hero .hero-actions .button { min-height: 46px; gap: 10px; font-size: 13px; }
.hero .hero-actions .button-primary { min-width: 166px; }
.hero .hero-actions .button-secondary { border: 1px solid #53708a; background: rgb(5 16 29 / 70%); color: #f4f7fc; }
.hero .hero-actions .button-secondary:hover { background: #122538; border-color: #99b6d0; }
.hero .icon { width: 18px; height: 18px; flex-shrink: 0; }
.hero :focus-visible { outline: 2px solid #79e7ff; outline-offset: 4px; }
.hero .hero-scene-controls { position: absolute; z-index: 3; top: 14px; left: 50%; display: grid; grid-template-columns: minmax(160px, 1fr) minmax(180px, 250px) minmax(124px, 1fr); align-items: center; column-gap: 14px; margin-block: 0; margin-inline: 0; transform: translateX(-50%); color: var(--hero-soft); font-size: 11px; line-height: 1.45; }
.hero .hero-scene-controls[hidden] { display: none; }
.hero .hero-local-time { grid-column: 1; display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 36px; }
.hero .hero-local-time > span:first-child, .hero .hero-scene-scrub > label { color: #96adc7; }
.hero .hero-clock { min-width: 0; overflow: hidden; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.hero .hero-scene-scrub { grid-column: 2; display: grid; grid-template-columns: auto 36px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; }
.hero .hero-scene-scrub > label { cursor: pointer; }
.hero .hero-scene-scrub > output { color: #d0e2ef; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hero .hero-time-slider { display: block; width: 100%; min-width: 0; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 0; appearance: none; -webkit-appearance: none; background: transparent; accent-color: #8be3f3; cursor: pointer; }
.hero .hero-time-slider::-webkit-slider-runnable-track { height: 2px; border: 0; background: #647d96; }
.hero .hero-time-slider::-webkit-slider-thumb { width: 9px; height: 9px; margin-top: -3.5px; border: 0; border-radius: 50%; appearance: none; -webkit-appearance: none; background: #9be8f4; }
.hero .hero-time-slider::-moz-range-track { height: 2px; border: 0; background: #647d96; }
.hero .hero-time-slider::-moz-range-thumb { width: 9px; height: 9px; border: 0; border-radius: 50%; background: #9be8f4; }
.hero .hero-time-slider:hover::-webkit-slider-thumb, .hero .hero-time-slider:active::-webkit-slider-thumb { background: #e1faff; }
.hero .hero-time-slider:hover::-moz-range-thumb, .hero .hero-time-slider:active::-moz-range-thumb { background: #e1faff; }
.hero .hero-scene-tools { grid-column: 3; display: flex; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0; }
.hero .hero-scene-tools > button { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; margin: 0; padding: 0 4px; border: 0; border-radius: 3px; background: transparent; color: #b9cce3; font: inherit; cursor: pointer; }
.hero .hero-scene-tools > .hero-auto { min-width: 44px; }
.hero .hero-scene-tools > button:hover { color: #f4f7fc; }
.hero .hero-scene-tools > button:active { color: #b1effa; }
.hero .hero-scene-tools > button[aria-pressed="true"] { color: #8de7f6; }
.hero .hero-auto[aria-pressed="true"] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.hero .hero-scene-tools > button:disabled { opacity: .45; color: #a6bbd3; cursor: default; }
.hero .hero-scene-tools .icon { width: 14px; height: 14px; }
.hero .hero-scene-status { grid-column: 1 / -1; max-width: 580px; margin: 4px 0 0; color: #c1d5e9; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; text-wrap: pretty; }
.hero .hero-scene-status:empty { display: none; }
.hero .scene { position: absolute; z-index: 0; inset: 0 0 0 29%; overflow: hidden; pointer-events: none; }
.hero .scene::after { position: absolute; z-index: 5; content: ""; inset: 0; background: linear-gradient(90deg, var(--hero-ground), rgb(6 17 30 / 96%) 6%, rgb(6 17 30 / 78%) 17%, rgb(6 17 30 / 25%) 33%, transparent 45%), linear-gradient(0deg, rgb(6 17 30 / 34%), transparent 30%); }
.hero .scene-art { position: absolute; top: 0; bottom: 0; left: 50%; height: 100%; width: auto; min-width: 100%; aspect-ratio: 702 / 315; transform: translateX(-50%); opacity: 0; }
.hero .scene-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero[data-scene-ready="true"] .scene-art { opacity: 1; }
.hero[data-scene-ready="true"] .scene-fallback { visibility: hidden; }
.hero .scene-sky, .hero .scene-atmosphere, .hero .scene-landscape, .hero .scene-foreground, .hero .scene-clouds, .hero .scene-sign, .hero .scene-light { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.hero .scene-sky { z-index: 0; }
.hero .scene-clouds { z-index: 1; opacity: var(--cloud-opacity, .85); transform: translate3d(var(--layer-x, 0px), var(--layer-y, 0px), 0); filter: brightness(var(--scene-brightness, 1)) saturate(var(--scene-saturation, 1)); mask-image: linear-gradient(#000 0 50%, transparent 70%); }
.hero .scene-landscape { z-index: 2; }
.hero .scene-light { z-index: 3; background: radial-gradient(ellipse at var(--light-x, 65%) var(--light-y, 34%), var(--scene-warmth, transparent), transparent 64%); mix-blend-mode: screen; }
.hero .scene-atmosphere { z-index: 3; }
.hero .scene-foreground { z-index: 4; }
.hero .scene-sign { z-index: 5; mix-blend-mode: screen; opacity: var(--sign-glow, 0); filter: drop-shadow(0 0 3px #52d8eb); transform: translate3d(var(--layer-x, 0px), var(--layer-y, 0px), 0); }
.hero .scene-robot { position: absolute; z-index: 6; top: 36.5%; left: 21%; display: block; width: 26%; height: 53%; transform-origin: 50% 90%; }
.hero .scene-landscape, .hero .scene-foreground, .hero .scene-robot { transform: translate3d(var(--layer-x, 0px), var(--layer-y, 0px), 0) rotate(var(--layer-rotate, 0deg)); will-change: transform; }
.hero .scene-landscape, .hero .scene-foreground, .hero .scene-robot-body, .hero .scene-robot-head > img { filter: brightness(var(--scene-brightness, 1)) saturate(var(--scene-saturation, 1)) contrast(var(--scene-contrast, 1)); }
.hero .scene-robot { filter: drop-shadow(0 0 2px rgb(76 183 228 / calc(var(--robot-glow, .7) * .1))); }
.hero .scene-robot-body, .hero .scene-robot-head { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero .scene-robot-body { object-fit: fill; transform: scaleY(var(--body-scale-y, 1)); transform-origin: 50% 90%; }
.hero .scene-robot-head { transform-origin: 51.5% 49%; transform: translate3d(var(--head-x, 0px), var(--head-y, 0px), 0) rotate(var(--head-rotate, 0deg)); }
.hero .scene-robot-head > img { position: absolute; left: 10%; top: 2.7%; width: 78%; height: 74%; object-fit: fill; }
.hero .scene-eye { position: absolute; z-index: 1; left: 65.2%; top: 24%; width: 5.5%; height: 12%; border-radius: 50%; background: radial-gradient(ellipse, #c3fcff 0, #35ecff 35%, #05c8fb 70%, rgb(2 151 236 / 68%) 90%); box-shadow: 0 0 5px #12bfff, 0 0 13px rgb(25 171 246 / 55%); opacity: var(--eye-opacity, .85); transform: translate3d(var(--eye-x, 0px), var(--eye-y, 0px), 0) scaleX(var(--eye-width, 1)) scaleY(var(--eye-open, 1)); transform-origin: center; }
.hero .scene-mantra { position: absolute; z-index: 6; right: 6%; top: 6%; color: rgb(210 228 248 / 84%); font-size: clamp(12px, 1.5vw, 20px); line-height: 1.3; font-style: italic; font-weight: 500; letter-spacing: .02em; transform: rotate(-8deg); }
.hero .scene-mantra::after { content: ""; display: block; width: 54px; height: 1px; margin-top: 8px; background: currentColor; transform: rotate(-7deg); }
.hero[data-motion="paused"] .hero-heading { transition: none; }
.hero[data-motion="paused"] .scene-landscape, .hero[data-motion="paused"] .scene-foreground, .hero[data-motion="paused"] .scene-robot { will-change: auto; }
@media (min-width: 1500px) { .hero { min-height: 500px; } .hero .hero-title { font-size: 62px; } .hero .hero-copy { width: 500px; } .hero .hero-description { max-width: 420px; font-size: 16px; } }
@media (min-width: 1570px) { .hero .scene { left: calc(50% - 390px); right: auto; width: 1114px; mask-image: linear-gradient(90deg, #000 88%, transparent); } }
@media (max-width: 1000px) { .hero { min-height: 420px; } .hero .hero-copy { width: 48%; } .hero .hero-title { font-size: clamp(34px, 4.8vw, 46px); } .hero .hero-description { font-size: 14px; } .hero .scene { left: 22%; } .hero .scene::after { background: linear-gradient(90deg, var(--hero-ground), rgb(6 17 30 / 93%) 10%, rgb(6 17 30 / 78%) 26%, rgb(6 17 30 / 15%) 55%, transparent 70%); } .hero .hero-actions { gap: 10px; } .hero .hero-actions .button { min-width: auto; padding-inline: 14px; } }
@media (max-width: 900px) {
  .hero { min-height: 0; padding-bottom: 215px; }
  .hero .hero-inner { min-height: 0; padding-block: calc(var(--hero-toolbar-space) + var(--hero-status-space)) 12px; }
  .hero:has(.hero-scene-controls[hidden]) { --hero-toolbar-space: 30px; }
  .hero .hero-copy { width: 100%; max-width: 460px; }
  .hero .hero-kicker { margin-bottom: 13px; }
  .hero .hero-title { font-size: clamp(36px, 9.4vw, 50px); }
  .hero .hero-description { max-width: 390px; font-size: 14px; line-height: 1.6; margin-top: 16px; }
  .hero .hero-actions { margin-top: 19px; gap: 10px; }
  .hero .hero-actions .button { font-size: 12px; padding-inline: 15px; }
  .hero .scene { top: auto; left: 0; right: 0; bottom: 0; height: 250px; }
  .hero .scene-art { left: 52%; }
  .hero .scene-fallback { object-position: 43% 50%; }
  .hero .scene::after { background: linear-gradient(180deg, var(--hero-ground), rgb(6 17 30 / 80%) 6%, transparent 30%, transparent 82%, rgb(6 17 30 / 20%)); }
}
@media (min-width: 601px) and (max-width: 900px) { .hero { padding-bottom: 285px; } .hero .hero-copy { max-width: 580px; } .hero .hero-title { font-size: 48px; } .hero .hero-description { max-width: 500px; } .hero .scene { height: 330px; } .hero .scene-art { width: 100%; height: auto; min-height: 100%; top: auto; aspect-ratio: 702 / 315; } .hero .hero-actions .button { font-size: 13px; padding-inline: 20px; } .hero .scene-mantra { font-size: 17px; } }
@media (max-width: 600px) {
  .hero { --hero-toolbar-space: 100px; --hero-status-one-space: 56px; --hero-status-two-space: 104px; padding-bottom: 180px; }
  .hero::before { height: 104px; }
  .hero .hero-scene-controls { top: 10px; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; font-size: 10px; }
  .hero .hero-local-time { min-height: 40px; }
  .hero .hero-scene-scrub { grid-column: 1 / -1; grid-row: 2; }
  .hero .hero-time-slider { height: 40px; }
  .hero .hero-scene-tools { grid-column: 2; }
  .hero .hero-scene-tools > button { min-width: 40px; min-height: 40px; }
  .hero .hero-scene-tools > .hero-auto { min-width: 44px; }
  .hero .scene { height: 205px; }
  .hero .scene-art { width: calc(100% + 40px); height: auto; min-width: 0; min-height: 0; top: auto; bottom: 0; left: 50%; aspect-ratio: 702 / 315; }
  .hero .scene-mantra { font-size: 12px; }
}
@media (max-width: 380px) { .hero .hero-title { font-size: 34px; } .hero .hero-actions { gap: 9px; } .hero .hero-actions .button { padding-inline: 11px; } }
@media (prefers-reduced-motion: reduce) { .hero .hero-heading { transition: none; } .hero .scene-landscape, .hero .scene-foreground, .hero .scene-robot { will-change: auto; } }
@media (forced-colors: active) {
  .hero .scene { display: none; }
  .hero::before { display: none; }
  .hero .hero-title em, .hero .hero-description, .hero .hero-kicker, .hero .hero-scene-controls, .hero .hero-local-time > span:first-child, .hero .hero-scene-scrub > label, .hero .hero-scene-scrub > output, .hero .hero-scene-status { color: CanvasText; }
  .hero :focus-visible { outline-color: Highlight; }
  .hero .hero-scene-tools > button, .hero .hero-actions .button { border: 1px solid ButtonText; color: ButtonText; }
  .hero .hero-scene-tools > button[aria-pressed="true"] { color: Highlight; }
  .hero .hero-scene-tools > button:disabled { color: GrayText; opacity: 1; }
  .hero .hero-time-slider { accent-color: Highlight; }
  .hero .hero-time-slider::-webkit-slider-runnable-track { background: CanvasText; }
  .hero .hero-time-slider::-moz-range-track { background: CanvasText; }
  .hero .hero-time-slider::-webkit-slider-thumb { background: Highlight; border: 1px solid Canvas; }
  .hero .hero-time-slider::-moz-range-thumb { background: Highlight; border: 1px solid Canvas; }
}