:root{color-scheme:dark;--bg:#090d18;--paper:#090d18;--panel:#111a2a;--ink:#edf3ff;--text:#edf3ff;--muted:#a8b6ce;--line:#2c3953;--red:#84e6ef;--cyan:#84e6ef;--gold:#c6abff;--dark:#0e1525;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,Helvetica,sans-serif}
body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.nav,.site-header{width:100%;max-width:none;margin:0;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#0c1220}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:22px;font-weight:800;letter-spacing:.12em;text-decoration:none}
.brand img{width:40px;height:40px;border-radius:0}
.brand span{font:9px/1.5 var(--mono);letter-spacing:.08em;max-width:90px;border-left:1px solid var(--line);padding-left:14px}
.nav nav,.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:13px;font-weight:600}
.nav nav a,.site-header nav a{color:var(--text);text-decoration:none;font-size:13px}
.nav nav a:hover,.site-header nav a:hover{color:var(--cyan)}
.nav-download{border:1px solid var(--line);padding:10px 18px;background:var(--panel)}
.hero{background:radial-gradient(ellipse at 90% 10%,#29205265,transparent 60%),var(--bg)}
.hero h1{font-size:clamp(66px,9.5vw,145px);line-height:.94;letter-spacing:-.065em}
.hero-aside .translation-slogan{font-size:18px;color:var(--text);line-height:1.5;border-left:2px solid var(--gold);padding-left:18px;margin:24px 0}
.translation-slogan strong{color:var(--cyan);font-weight:500}
.button,.pale{background:var(--cyan);color:#09131f;border:1px solid var(--cyan)}
.button:hover,.pale:hover{background:#b2f4fa;color:#09131f}
.hero-screen{background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 65px #0005}
.screen-label{color:var(--muted)}
.ticker{background:var(--panel);color:var(--cyan);border-block:1px solid var(--line)}
.shot span{background:#111a2aeb;color:var(--text);border:1px solid var(--line)}
.theme,.filters button{color:var(--muted);background:var(--panel)}
.theme.active,.filters .active{background:#273755;color:var(--cyan);border-color:var(--cyan)}
.theme-shot{border-color:var(--line)}
.studio,.download{background:#0e1525}
.app-card,.download-options article{background:var(--panel);border:1px solid var(--line)}
.more-apps dl div,.play-grid article,details{border-color:var(--line)}
.play{background:var(--bg);color:var(--text);border-bottom:1px solid var(--line)}
.play .section-heading>p,.play .small-note,.play-grid p{color:var(--muted)}
.number{color:var(--gold)}
.workflow-steps>div{border-color:var(--line)}
.skip,dialog{background:var(--panel);color:var(--text);border-color:var(--line)}
dialog::backdrop{background:#040710ed}
footer{background:#0c1220}

.guide-page{font-size:16px;line-height:1.65}
.guide-page main{width:min(1320px,90%);max-width:1320px;padding:60px 0 70px}
.guide-page h1,.guide-page h2,.guide-page h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;font-weight:600}
.guide-page h1{font-size:clamp(38px,5vw,72px);line-height:1.08}
.guide-page .eyebrow,.guide-page .tag,.guide-page .card-foot{font-family:var(--mono)}
.guide-page .feature-grid article,.guide-page .game-card,.guide-page .controller-card,.guide-page .table-wrap,.guide-page input,.guide-page .note,.guide-page .readout,.guide-page code.checksum{background:var(--panel);border-color:var(--line);border-radius:2px}
.guide-page .note{border-left-color:var(--gold)}
.guide-page .game-card:hover{border-color:var(--cyan)}
.guide-page .table-wrap tbody tr:nth-child(odd){background:#131e31}
.guide-page .table-wrap tbody tr:hover,.guide-page .table-wrap tbody tr.active{background:#243450}
.guide-page footer{width:100%;max-width:none;margin:0;padding:36px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:1050px){.brand span{display:none}.nav nav,.site-header nav{gap:16px}.hero-copy{gap:5vw}}
@media(max-width:650px){.nav,.site-header{padding:16px 5vw;align-items:center}.brand{font-size:17px;gap:7px}.brand img{width:31px;height:31px}.nav nav,.site-header nav{gap:10px}.nav nav>a:not(.nav-download){display:none}.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:11px}.nav-download{font-size:11px;padding:8px 12px}.hero h1{font-size:clamp(65px,16vw,104px)}.guide-page main{padding-top:35px}.hero-aside .translation-slogan{font-size:17px}}

.site-header,.nav{background:linear-gradient(120deg,#10182a,#0c1220);border-bottom-color:#354362}
.nav-download,.button{border-radius:9px;box-shadow:0 3px 18px #84e6ef12}
.nav-download{color:var(--cyan)!important}.site-header nav a:hover{color:var(--cyan)}
.home-page{background:radial-gradient(ellipse at 100% 0,#28204445,transparent 30%),var(--bg)}
.home-page .hero{padding-top:35px;background:radial-gradient(ellipse at 85% 35%,#42306445,transparent 65%)}
.home-page .hero-copy{grid-template-columns:1.2fr 1fr;align-items:center;margin:44px 0;gap:7vw}
.home-page .hero h1{font-size:clamp(62px,7.7vw,110px);line-height:1.02;max-width:700px}
.home-page .hero h1 em{background:linear-gradient(115deg,#b9f8ff,#84e6ef 40%,#c6abff);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-page .hero-aside .lead{font-size:26px}.home-page .hero-aside>p:not(.lead){margin:18px 0}
.home-page .hero-screen{border-radius:16px;padding:14px;box-shadow:0 22px 70px #0006,0 0 55px #84e6ef08}
.home-page .hero-screen .shot{border-radius:8px}.home-page .caption{font-family:inherit;font-size:12px}
.home-page .status{padding:8px 12px;border:1px solid #38435d;border-radius:30px;background:#151d30}.home-page .status i{background:#84e6ef;box-shadow:0 0 10px #84e6ef77}
.release-spotlight{margin:0 auto 38px;width:min(1320px,90%);padding:24px 28px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:center;border:1px solid #454164;border-radius:14px;background:linear-gradient(110deg,#231c38,#121e30)}
.release-spotlight h2{font-size:25px;margin:9px 0 0;letter-spacing:-.03em}.release-spotlight p{font-size:14px;color:var(--muted);margin:0}.release-spotlight a{font-size:13px;color:var(--cyan)}
.home-page .ticker{background:transparent;padding:18px;color:var(--muted);font-size:10px}
.home-page .section{padding-block:76px}.home-page .section-heading{gap:0 7vw}.home-page .section-heading h2{font-size:clamp(38px,4.2vw,60px)}
.home-page .play-grid{gap:18px}.home-page .play-grid article{padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#172237,#101827)}
.home-page .number{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.home-page .play-grid h3{font-size:26px}.home-page .play-grid p{line-height:1.7}
.home-page .play-grid article:hover{border-color:#596985}.home-page .game-showcase>.shot{border-radius:12px;border:1px solid var(--line);box-shadow:0 15px 50px #0004}
.home-page .game-showcase h2{font-size:clamp(36px,4vw,54px)}
.home-page .xenon-vertical-showcase{background:radial-gradient(ellipse at 15% 60%,#24355060,transparent 60%),#0d1422;border-bottom:1px solid var(--line)}
.home-page .xenon-vertical-showcase .game-showcase{grid-template-columns:1fr 1.2fr;margin-top:36px;gap:7vw}
.home-page .xenon-vertical-showcase .shot{max-width:290px}.home-page .xenon-vertical-showcase .shot img{max-height:645px}
.android-testing{padding:24px;margin-top:30px;background:#1b2238;border:1px solid #514368;border-radius:12px}.android-testing h3{margin:12px 0}.android-testing a{color:var(--cyan)}
.home-page .download{grid-template-columns:1fr;gap:25px;background:radial-gradient(ellipse at 90% 10%,#24384755,transparent 65%),#101827}
.home-page .download>div:first-child{max-width:800px}.home-page .download h2{font-size:clamp(40px,4.6vw,64px);margin:20px 0}.home-page .download .fix-note{max-width:700px}
.home-page .download-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.home-page .download-options article{padding:25px;border-radius:14px;display:flex;flex-direction:column}.home-page .download-options p{flex:1}.home-page .download-options .button{gap:12px}.home-page .download-options h3{font-size:25px}
.home-page .download details{margin:0;padding-top:20px}.home-page .download summary{font-size:16px}
.home-page .theme-shot,.home-page .app-card{border-radius:14px}.home-page .theme,.home-page .filters button{border-radius:8px}
.home-page .optional-studio>summary{padding-inline:max(5vw,calc((100vw - 1320px)/2));background:#121c2c}.home-page .capture-note{background:#0c1220}
@media(max-width:1050px){.site-header{flex-wrap:wrap}.site-header nav{gap:18px}.release-spotlight{grid-template-columns:1fr 1.5fr}.release-spotlight>a{grid-column:1/-1}.home-page .download-options{grid-template-columns:1fr}.home-page .hero h1{font-size:clamp(58px,7.7vw,90px)}}
@media(max-width:650px){.home-page .hero-copy,.home-page .xenon-vertical-showcase .game-showcase{grid-template-columns:1fr;gap:28px}.home-page .hero h1{font-size:clamp(55px,13vw,80px)}.home-page .section{padding-block:48px}.home-page .hero-top .status{display:inline-block;margin-top:15px}.home-page .hero-aside .lead{font-size:23px}.release-spotlight{grid-template-columns:1fr;gap:16px;padding:22px;margin-bottom:28px}.home-page .play-grid article{padding:23px}.home-page .section-heading{display:block}.home-page .xenon-vertical-showcase .shot{max-width:250px}.home-page .game-showcase h2{font-size:38px}.home-page .download-options{gap:15px}.site-header nav{justify-content:flex-start;gap:15px}.home-page .ticker{font-size:8px;gap:12px}.home-page .section-heading h2{font-size:40px}}

.home-page .hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 30%,#54248a38,transparent 47%),radial-gradient(ellipse at 85% 45%,#12738a30,transparent 50%),#090d18;padding-bottom:38px}
.home-page .hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#b8dbff70 .7px,transparent .9px),radial-gradient(#ad95e750 .7px,transparent 1px);background-size:97px 113px,151px 167px;background-position:20px 15px,58px 63px;mask-image:linear-gradient(#0008,transparent 80%);pointer-events:none}
.home-page .hero:after{content:"";position:absolute;z-index:-1;left:-30%;right:-30%;height:580px;bottom:-250px;background:linear-gradient(#9c6cff18 1px,transparent 1px),linear-gradient(90deg,#79daed18 1px,transparent 1px);background-size:70px 70px;transform:perspective(430px) rotateX(56deg);mask-image:linear-gradient(transparent,#000 50%);pointer-events:none}
.home-page .hero-copy{display:block;text-align:center;margin:40px auto 32px;max-width:1100px}
.hero-kicker{font:11px var(--mono);letter-spacing:.3em;color:#c4abff;display:block;margin-bottom:20px}
.home-page .hero h1{max-width:none;font-size:clamp(55px,7vw,100px);line-height:1.02;letter-spacing:-.06em;text-shadow:0 0 60px #b59aff16}
.home-page .hero h1 em{background:linear-gradient(100deg,#c9fcff 5%,#7fe7f3 37%,#c5adff 73%,#efbafa);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-page .hero-aside{max-width:760px;margin:23px auto 0;padding:0}.home-page .hero-aside .lead{font-size:clamp(19px,2vw,25px);margin-bottom:12px}.home-page .hero-aside>p:not(.lead){margin:12px 0;color:#a8b6ce;font-size:15px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:23px}.hero-actions .button{padding:16px 26px;min-width:195px;background:linear-gradient(120deg,#b6f9ff,#7ee2ef);box-shadow:0 0 28px #6ce6f52a,inset 0 1px #fff9;border-color:#c8faff;transition:transform .2s,box-shadow .2s}.hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 5px 40px #6ce6f547}
.hero-secondary{display:inline-flex;align-items:center;gap:30px;padding:16px 23px;border:1px solid #59647b;border-radius:9px;text-decoration:none;font-size:14px;background:#151d2aaa}.hero-secondary:hover{border-color:var(--cyan);background:#1d2b40}
.home-page .hero-aside .hero-reassurance{font-size:11px;color:#94a6c4;margin-top:19px}.hero-reassurance span{margin:0 9px;color:#c6abff}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 3px 13px;color:#9ab4d6}.showcase-hint{font-size:11px;color:#a8b6ce}
.home-page .hero-screen{position:relative;background:linear-gradient(135deg,#23394b,#1e1b35 60%,#304052);border-color:#55718a;box-shadow:0 0 0 5px #8acfff05,0 30px 80px #0009,0 0 65px #69c9ef13;padding:12px;border-radius:17px}
.home-page .hero-screen .screen-label{padding:2px 5px 12px;color:#c0d5eb}.home-page .hero-screen .shot{background:#05080d}
.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:21px;gap:12px}.hero-benefits>a{display:flex;align-items:center;gap:14px;border:1px solid #35425b;padding:19px 18px;text-decoration:none;background:linear-gradient(120deg,#17243ae8,#181c2fe8);border-radius:12px;transition:border-color .2s,transform .2s}.hero-benefits>a:hover{border-color:#9adbe6;transform:translateY(-3px)}.hero-benefits .benefit-icon{font-size:28px;color:#8ce8f4;width:35px;text-align:center;flex-shrink:0}.hero-benefits strong{display:block;font-size:15px;letter-spacing:-.02em}.hero-benefits small{display:block;font-size:11px;color:#a8b6ce;margin-top:5px}.hero-benefits>a>span:last-child{margin-left:auto;color:#a9bbd8}.home-page .hero>.caption{font-size:10px;text-align:center;margin-top:19px;color:#91a2bc}
.home-page .play-grid article{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#7954aa17,transparent 65%),linear-gradient(145deg,#172237,#101827)}.home-page .play-grid article:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#b6d5ed70,transparent)}
.home-page .release-spotlight{box-shadow:0 12px 45px #0003}.home-page .download-options article:hover{border-color:#6c88a4;box-shadow:0 12px 35px #0003}
@media(max-width:950px){.hero-benefits{grid-template-columns:1fr}.hero-benefits>a{padding:15px 20px}.hero-benefits strong{font-size:16px}.hero-benefits small{font-size:12px}}
@media(max-width:650px){.home-page .hero-copy{margin:32px auto 26px}.home-page .hero h1{font-size:clamp(42px,10.5vw,68px)}.hero-kicker{font-size:9px;letter-spacing:.23em}.home-page .hero-aside .lead{font-size:20px}.home-page .hero-aside>p:not(.lead){font-size:14px}.hero-actions{gap:10px}.hero-actions .button{min-width:0;padding:14px 19px;gap:24px}.hero-secondary{padding:14px 16px;gap:16px;font-size:13px}.home-page .hero-aside .hero-reassurance{font-size:10px;line-height:1.8}.hero-reassurance span{margin:0 4px}.showcase-heading{display:block;margin-top:24px}.showcase-heading .eyebrow{font-size:8px}.showcase-hint{display:none}.home-page .hero-screen{padding:8px;border-radius:12px}.home-page .hero-screen .screen-label{font-size:7px}.hero-benefits{gap:9px}.home-page .hero-top>.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-actions .button:hover,.hero-benefits>a:hover{transform:none}}

.creator-callout{max-width:1180px;margin:50px auto;padding:32px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,#202340,#111a2a)}.creator-callout h2{font-size:clamp(30px,4vw,48px);margin:16px 0}.creator-callout>p:not(.eyebrow){max-width:800px;color:var(--muted)}@media(max-width:1240px){.creator-callout{margin-inline:24px}}