.navigation{position:fixed;top:18px;height:68px;border-radius:20px;transition:background .35s,box-shadow .35s,top .35s;overflow:hidden}.navigation.scrolled{background:#111111f0;box-shadow:0 8px 30px #0005;top:12px}.scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff8;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{padding:132px 0 48px;text-align:left}.hero-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;min-height:290px}.hero-title{grid-column:1;grid-row:1}.brand-system{grid-column:2;grid-row:1;width:280px;height:280px;margin:0 auto}.hero h1{font-size:clamp(64px,6.8vw,98px);line-height:.94;letter-spacing:-.02em}.hero h1 span{font-family:inherit;letter-spacing:inherit;font-size:inherit;font-weight:inherit;margin:0;display:block}.hero .eyebrow{font-size:11px;margin-bottom:21px}.hero-description{font-size:14px;margin-top:23px}.hero-actions{justify-content:flex-start;gap:25px;margin-top:25px}.logo-mark{width:220px;height:220px;position:relative}.logo-mark>img{width:100%;height:auto;mix-blend-mode:screen;clip-path:polygon(0 0,42% 0,42% 34%,72% 34%,72% 0,100% 0,100% 100%,0 100%)}.logo-star{position:absolute;left:44%;top:10%;width:20%;height:20%;filter:drop-shadow(0 0 5px #fff8);animation:logo-turn 16s linear infinite;transform-origin:center}.hero-banner{opacity:.4}.hero-foot{display:none}
.live-stats{border:1px solid #ffffff18;background:#111;border-radius:19px;padding:21px 25px 17px}.stats-top{display:flex;align-items:center;gap:13px;margin-bottom:23px}.stats-top h2{font:500 12px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin-right:auto;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:#b1cdb7;border-radius:50%;box-shadow:0 0 10px #b1cdb72e}.stats-top>span{font-size:9px;color:#929292}.stats-top button{background:transparent;color:#aaa;border:1px solid #333;border-radius:50%;width:27px;height:27px;font-size:17px;cursor:pointer}.stats-top button:disabled{opacity:.3;cursor:wait}.stats-layout{display:grid;grid-template-columns:.8fr .9fr 1.4fr;align-items:center;gap:25px}.stat-number>span{font-size:8px;letter-spacing:.12em;color:#858585;display:block}.stat-number strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:45px;line-height:1.2;margin-top:7px;font-variant-numeric:tabular-nums}.chart-controls{display:flex;align-items:center;gap:12px}.chart-controls button{background:none;border:0;border-bottom:1px solid transparent;padding:0 0 2px;font-size:9px;color:#777;cursor:pointer}.chart-controls button[aria-pressed=true]{color:white;border-color:#aaa}.chart-controls>span{font-size:8px;color:#666;margin-left:auto}.stats-chart svg{width:100%;height:70px;overflow:visible}.chart-guide{fill:none;stroke:#ffffff0a;stroke-width:1}.stats-chart #chart-line{stroke:#d8e3dd;stroke-width:1.5;fill:none;stroke-linejoin:round}.stats-chart circle{fill:#d8e3dd;stroke:#111;stroke-width:2}.stats-chart>p{font-size:8px;color:#777;margin-top:5px;line-height:1.6}.stats-source{font-size:8px;color:#777;margin-top:17px;padding-top:11px;border-top:1px solid #ffffff0a}
.section{padding-block:75px}.section-intro{margin-bottom:32px}h2{font-size:clamp(38px,4vw,57px)}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{background:#121212;border:1px solid #ffffff13;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.game-card:hover{border-color:#ffffff35;transform:translateY(-4px)}.card-art{aspect-ratio:1.9;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transition:transform .6s}.game-card:hover .card-art img{transform:scale(1.035)}.card-content{padding:25px;display:flex;align-items:flex-start;flex-direction:column;flex:1}.card-content .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:12px}.card-content h3{font-size:25px;letter-spacing:-.025em}.card-content>p:not(.eyebrow){font-size:12px;color:#999;margin:14px 0 24px;max-width:350px}.card-content .action{margin-top:auto;font-size:10px;min-height:42px;padding-left:17px;gap:17px}.card-content .action>span:not(.sr-only){width:28px;height:28px}.card-content .action svg{width:13px;height:13px}
.sidetracked{margin-top:28px;border:1px solid #ffffff18;border-radius:22px;overflow:hidden;background:#111}.sidetracked-scene{position:relative;height:270px;overflow:hidden}.sidetracked-scene>img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);will-change:transform}.sidetracked-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#1119)}.sidetracked-scene>span{position:absolute;top:20px;left:22px;padding:5px 10px;border:1px solid #ffffff30;background:#1119;backdrop-filter:blur(10px);font-size:8px;letter-spacing:.13em;z-index:1;border-radius:30px}.sidetracked-info{display:flex;align-items:center;gap:22px;padding:25px}.sidetracked-info>img{width:75px;height:75px;object-fit:cover;border-radius:12px}.sidetracked-info .eyebrow{font-size:8px;margin-bottom:8px}.sidetracked-info h3{font-size:31px}.sidetracked-info p:not(.eyebrow){font-size:12px;color:#999;margin-top:8px}.sidetracked-info button{margin-left:auto;border:0;cursor:pointer;flex-shrink:0}#sidetracked-spoiler{border-top:1px solid #292929;padding:28px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:35px}#sidetracked-spoiler>img{width:180px;height:auto;border-radius:15px}#sidetracked-spoiler h4{font-size:29px;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px;font-weight:500}#sidetracked-spoiler p:not(.eyebrow){color:#aaa;font-size:13px;max-width:400px}#sidetracked-spoiler .fine-print{font-size:10px!important;margin-top:18px}.development{margin-top:35px}.community .section-intro>p:last-child{max-width:580px}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.community-card{border:1px solid #ffffff16;border-radius:18px;padding:22px;background:#101010;position:relative}.community-card>img{width:64px;height:64px;object-fit:contain;border-radius:12px;mix-blend-mode:screen;margin-bottom:23px}.community-card>span{position:absolute;right:18px;top:23px;font-size:7px;letter-spacing:.1em;color:#999;border:1px solid #333;border-radius:30px;padding:3px 7px}.community-card h3{font-size:19px;line-height:1.2;letter-spacing:-.025em;margin-bottom:13px}.community-card>p{font-size:11px;line-height:1.8;color:#929292}.community>.inline-link{margin-top:25px}.contact-layout .enquiry-panel{grid-column:1;grid-row:1}.contact-layout .contact-methods{grid-column:2;grid-row:1}.contact-title h2{font-size:clamp(85px,10vw,140px)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:relative;z-index:1}.socials{justify-content:center;align-items:center;justify-self:center}.socials a{padding:0;line-height:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.socials img{display:block;flex-shrink:0;transform:translate(0,0)}.back-top{justify-self:end}.footer-banner{display:block;position:relative;z-index:0;margin:0;width:100%;height:auto;min-height:0}.footer{isolation:auto}.footer-content{padding-bottom:10px}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes logo-turn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero-layout{gap:25px;grid-template-columns:1.2fr 1fr;min-height:255px}.brand-system{width:235px;height:235px}.logo-mark{width:185px;height:185px}.hero h1{font-size:74px}.hero .eyebrow{font-size:10px}.hero-description{font-size:12px}.hero-actions{gap:20px}.hero-actions .action{font-size:10px}.stats-layout{gap:20px}.stat-number strong{font-size:38px}.community-grid{grid-template-columns:1fr 1fr}.card-content h3{font-size:22px}.sidetracked-info{gap:17px}.sidetracked-info button{font-size:10px;gap:15px}.contact-layout{gap:35px}}
@media(max-width:700px){.navigation{top:12px;height:61px}.navigation.scrolled{top:8px}.hero{padding:116px 0 34px}.hero-layout{grid-template-columns:1fr;gap:30px;position:relative;min-height:0}.hero-title{grid-row:1;z-index:1}.hero h1{font-size:65px;max-width:260px}.hero .eyebrow{font-size:9px;max-width:220px}.hero-description{max-width:240px;font-size:12px;margin-top:19px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:23px}.hero-actions .action{font-size:10px}.brand-system{position:absolute;right:-10px;top:22px;width:125px;height:125px;opacity:.6;z-index:0}.logo-mark{width:103px;height:103px}.orbit-track.inner,.orbit-two{inset:12px}.orbiting svg{width:16px;height:16px;top:-8px;left:calc(50% - 8px)}.orbit-two svg{width:10px;height:10px;top:-5px;left:calc(50% - 5px)}.live-stats{padding:17px 18px 14px;border-radius:17px}.stats-top{gap:8px;flex-wrap:wrap;margin-bottom:20px}.stats-top h2{font-size:11px}.stats-top>span{font-size:7px;max-width:110px;text-align:right}.stats-top button{width:23px;height:23px;font-size:15px}.stats-layout{grid-template-columns:1fr 1fr;gap:20px}.stat-number strong{font-size:39px}.stat-number>span{font-size:7px}.stats-chart{grid-column:1/-1}.stats-chart svg{height:64px}.stats-chart>p{font-size:7px}.stats-source{font-size:7px;margin-top:13px}.chart-controls button{font-size:9px}.chart-controls>span{font-size:7px}.section{padding-block:55px}.games-grid{grid-template-columns:1fr;gap:22px}.card-content{padding:22px}.card-content h3{font-size:24px}.card-content>p:not(.eyebrow){margin:13px 0 20px}.card-art{aspect-ratio:1.65}.sidetracked-scene{height:190px}.sidetracked-info{padding:20px;gap:15px;flex-wrap:wrap}.sidetracked-info>img{width:55px;height:55px}.sidetracked-info>div{flex:1;min-width:160px}.sidetracked-info h3{font-size:27px}.sidetracked-info p:not(.eyebrow){font-size:10px}.sidetracked-info button{margin:5px 0 0}.sidetracked-info .eyebrow{font-size:7px}#sidetracked-spoiler{grid-template-columns:1fr;gap:22px;padding:23px}#sidetracked-spoiler>img{width:180px;margin:auto}#sidetracked-spoiler h4{font-size:25px}#sidetracked-spoiler p:not(.eyebrow){font-size:12px}.community-grid{gap:12px;margin-top:25px}.community-card{padding:18px 14px}.community-card>img{width:53px;height:53px;margin-bottom:18px}.community-card>span{top:17px;right:12px;font-size:6px;padding:2px 5px}.community-card h3{font-size:16px}.community-card>p{font-size:10px}.community h2{font-size:35px}.contact-layout .enquiry-panel{grid-column:1;grid-row:1}.contact-layout .contact-methods{grid-column:1;grid-row:2}.contact-title h2{font-size:100px}.footer-content{grid-template-columns:1fr;justify-items:center;gap:24px;text-align:center;padding-bottom:25px}.footer-content .brand{justify-content:center}.footer-content>div>p{margin-top:15px}.socials{justify-content:center;justify-self:center;gap:15px}.socials a{width:42px;height:42px}.back-top{grid-column:1;justify-self:center;padding:0}.footer-banner{width:145%;max-width:none;left:-22.5%;margin:0}.footer{padding-top:40px}}
@media(max-width:700px){.hero h1{font-size:58px;max-width:220px}.brand-system{width:104px;height:104px;right:-5px;top:42px}.logo-mark{width:86px;height:86px}.hero-description{max-width:220px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none!important}.logo-star,.orbiting{animation:none!important}.sidetracked-scene>img{transform:none!important}}