:root{color-scheme:dark;--bg:#0b1118;--bg-2:#0f1822;--glass:rgb(255 255 255 / 4.5%);--glass-strong:rgb(255 255 255 / 8%);--surface:var(--glass);--elevated:var(--glass-strong);--text:#f3f6f9;--muted:#a9b6c3;--line:rgb(255 255 255 / 10%);--teal:#2fc4cf;--teal-deep:#14878f;--amber:#ffd666;--violet:#a78bfa;--sky:#7dd3fc;--focus:#ffd666;--focus-glow:rgb(255 214 102 / 45%);--accent:var(--sky);--button:var(--sky);--button-text:#071c26;--shadow:0 18px 50px rgb(0 0 0 / 35%);--hero-glow:rgb(47 196 207 / 16%);--join-glow:rgb(255 214 102 / 10%);--notice:var(--glass);--radius:18px;font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f8fafb;--bg-2:#edf3f5;--glass:rgb(255 255 255 / 75%);--glass-strong:rgb(15 24 34 / 5%);--text:#172734;--muted:#506271;--line:rgb(15 24 34 / 15%);--teal:#0b727a;--teal-deep:#085d65;--amber:#886000;--violet:#6842ba;--sky:#17628b;--focus:#946700;--focus-glow:rgb(171 119 0 / 28%);--button-text:#fff;--shadow:0 18px 50px rgb(15 24 34 / 8%);--hero-glow:rgb(47 196 207 / 10%);--join-glow:rgb(255 214 102 / 14%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px;min-height:100%;background:radial-gradient(60rem 40rem at 10% -10%,var(--hero-glow),transparent 60%) no-repeat,radial-gradient(50rem 35rem at 110% 100%,var(--join-glow),transparent 60%) no-repeat,linear-gradient(180deg,var(--bg-2),var(--bg)) no-repeat,var(--bg)}body{margin:0;color:var(--text);font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:5px;box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--focus),0 0 28px var(--focus-glow)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.4vw,78px);font-weight:650;margin:24px 0}h1 span{color:var(--accent)}h2{font-size:clamp(30px,3.4vw,46px);font-weight:620;margin-bottom:24px}h3{font-size:23px;font-weight:600;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:20px}strong{color:var(--text);font-weight:600}main,.footer{max-width:1200px;margin-inline:auto;padding-inline:32px}.site-header{max-width:1200px;min-height:86px;margin:24px auto 0;padding:15px 22px;display:flex;align-items:center;gap:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;position:relative;z-index:10}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.brand small{display:block;font-weight:400;font-size:9px;color:var(--muted);letter-spacing:.025em;margin-top:2px}.brand-logo{display:block;width:40px;height:40px;flex-shrink:0}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand .brand-logo{width:32px;height:32px}.site-header nav{display:flex;gap:25px;margin-left:auto;align-items:center}.site-header nav a{font-size:13px;text-decoration:none;color:var(--muted);white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--text)}.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.theme-toggle{background:var(--elevated);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:7px;font-size:12px;min-height:40px}.theme-toggle>span:first-child{font-size:20px}.menu-toggle{display:none}.skip{position:absolute;top:-100px;left:20px;z-index:30;padding:12px;background:var(--button);color:var(--button-text)}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;min-height:710px;padding:76px 0 65px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--accent);display:inline-flex;gap:9px;align-items:center}.hero .eyebrow,.free-panel .eyebrow{border:1px solid var(--line);background:var(--surface);padding:7px 12px;border-radius:30px;letter-spacing:.065em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.lead{font-size:18px;line-height:1.65;max-width:620px}.hero .lead{font-size:16px;max-width:470px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:13px 18px;background:var(--button);color:var(--button-text);border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:13px;font-weight:650;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button span{margin-left:auto}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.micro{font-size:11px;line-height:1.7;color:var(--muted)}.connection-art{background:linear-gradient(155deg,var(--elevated),var(--surface));border:1px solid var(--line);border-radius:24px;padding:25px 24px 20px;box-shadow:var(--shadow);transform:rotate(-1deg)}.art-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:27px}.live-label{color:var(--accent);letter-spacing:.02em}.host-device{border:1px solid #405563;background:#0b1118;border-radius:12px;padding:8px;transform:rotate(2deg);box-shadow:0 18px 30px #0003}.device-bar{display:flex;align-items:center;gap:4px;padding:3px 3px 10px;color:#a9b6c3;font-size:8px;letter-spacing:.1em}.device-bar i{width:4px;height:4px;border-radius:50%;background:#2fc4cf}.device-bar span{margin-left:auto}.game-scene{height:230px;background:linear-gradient(150deg,#0f1822,#173940 55%,#23616a);overflow:hidden;position:relative;border-radius:5px}.scene-grid{position:absolute;inset:45% -40% -70%;background-image:linear-gradient(#2fc4cf30 1px,transparent 1px),linear-gradient(90deg,#2fc4cf30 1px,transparent 1px);background-size:35px 35px;transform:perspective(130px) rotateX(36deg)}.scene-caption{position:absolute;top:23px;left:22px;font-size:25px;line-height:1.1;font-weight:600;letter-spacing:-1px;color:#f3f6f9}.orbit{position:absolute;border:1px solid #2fc4cf35;border-radius:50%;height:170px;width:170px;right:-30px;top:-60px}.orbit-two{width:230px;height:230px;right:-60px;top:-90px}.player{position:absolute;bottom:38px;background:#2fc4cf;color:#032125;width:46px;height:46px;border-radius:15px 15px 10px 10px;display:grid;place-items:center;box-shadow:0 10px 0 #03212566;font-size:14px;font-weight:700;transform:rotate(-8deg)}.player-one{left:29%}.player-two{left:62%;background:#ffd666;transform:rotate(10deg);bottom:54px}.connection-line{display:flex;align-items:center;gap:12px;justify-content:center;height:60px;font-size:10px;color:var(--accent)}.connection-line>span:first-child,.connection-line>span:last-child{width:1px;height:32px;background:linear-gradient(transparent,var(--accent),transparent)}.guest-device{border:1px solid #405563;border-radius:32px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:15px;background:#0f1822;color:#ffd666;width:100%;max-width:350px;aspect-ratio:2.3;margin:auto;box-shadow:0 12px 25px #0002}.control-pad{font-size:30px;text-align:center}.control-buttons{font-size:12px;line-height:1.1;text-align:center;white-space:nowrap}.guest-screen{background:radial-gradient(ellipse at bottom,#4b4327,#232b30);border:1px solid #6c633d;padding:12px 6px;border-radius:7px;font-size:8px;letter-spacing:.06em;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.guest-screen strong{display:block;font-size:10px;color:#f3f6f9;margin-top:7px;letter-spacing:0}.art-caption{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:var(--muted);margin-top:22px}.placeholder-label{font-size:10px;letter-spacing:.03em;color:var(--muted);border:1px dashed var(--line);border-radius:5px;padding:5px 9px;display:inline-block}.fact-strip{display:flex;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}.fact-strip span::before{content:'↗';color:var(--accent);margin-right:12px}.section{padding:90px 0;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:40px;max-width:700px}.section-heading h2{margin-top:17px}.section-heading p{max-width:560px}.horizontal{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.text-link{font-size:13px;font-weight:550;color:var(--accent);text-decoration:none;display:inline-block;padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.steps h3{margin-top:26px}.steps p,.highlights p{font-size:14px;margin-bottom:0}.step-number{color:var(--accent);font-size:11px;letter-spacing:.1em}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.highlights article{border-top:1px solid var(--line);padding-top:26px}.feature-icon{color:var(--accent);font-size:29px;display:block;margin-bottom:28px}.highlights h3{font-size:20px}.free-panel{text-align:center;padding:85px 25px;margin:70px 0;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at top,var(--hero-glow),transparent 70%),var(--surface)}.free-panel h2{margin:25px 0}.free-panel .actions{justify-content:center}.free-panel .text-link{margin-top:15px}.footer{display:flex;justify-content:space-between;gap:45px;padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line);font-size:13px}.footer>div:last-child{display:flex;flex-direction:column;gap:7px}.footer a{text-decoration:none}.footer-brand{font-size:19px;font-weight:650}.footer-brand span{color:var(--accent)}.footer p{margin:8px 0 14px}.small{font-size:12px;line-height:1.8;color:var(--muted)}.page-intro{padding:85px 0 48px}.page-intro h1{font-size:clamp(44px,5vw,68px);max-width:900px}.page-intro .lead{max-width:670px}.feature-list{border-top:1px solid var(--line)}.feature-detail{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--line)}.feature-detail .step-number{padding-top:8px}.feature-detail h2{font-size:32px}.feature-detail ul{padding-left:20px;max-width:850px;margin-bottom:0;color:var(--muted)}li+li{margin-top:14px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.screenshot-placeholder{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--surface);border:1px dashed var(--line);border-radius:16px}.screenshot-placeholder>span:first-child{font-size:32px;color:var(--accent)}.slim-cta{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:60px 0}.slim-cta h2{margin:0;font-size:32px}.notice{padding:18px 22px;border-left:3px solid var(--accent);background:var(--notice);color:var(--muted);font-size:13px;margin:0 0 30px;border-radius:0 10px 10px 0}.notice strong{display:block}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.download-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);scroll-margin-top:25px}.platform-symbol{display:block;font-size:42px;line-height:1;margin-bottom:26px;color:var(--accent)}.download-card h2{font-size:32px;margin:15px 0}.download-card>p{font-size:13px;min-height:44px}.filename{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.download-card dl{margin:25px 0;font-size:12px}.download-card dl>div{display:flex;gap:20px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right}.pending{color:var(--muted)}.download-card .button{width:100%}.download-card .micro{margin:12px 0 0;min-height:0}.unavailable{cursor:not-allowed;opacity:.65}.unavailable:hover{transform:none}.prose{color:var(--muted)}.prose p{max-width:920px}.prose a{color:var(--sky)}.prose code,kbd{font-size:.85em;background:var(--elevated);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.prose h2,.prose h3{color:var(--text)}.table-scroll{overflow:auto;margin:32px 0}table{border-collapse:collapse;min-width:670px;width:100%;font-size:13px;text-align:left}td,th{padding:18px;border:1px solid var(--line);vertical-align:top}th{color:var(--text);background:var(--surface)}td:first-child{font-weight:600;color:var(--text);width:13%}td{width:43.5%}.requirements>p{font-size:13px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.install-grid h2{font-size:29px}.install-grid h3{font-size:20px;margin-top:30px}.install-grid p,.install-grid li{font-size:14px}.install-grid ol{padding-left:21px}.install-grid li{padding-left:5px}.connection-note{margin-top:60px;padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.connection-note h2{font-size:29px}.connection-note p{font-size:14px}.faq-layout{display:grid;grid-template-columns:250px 1fr;gap:50px;margin-bottom:90px;border-top:1px solid var(--line);padding-top:20px}.faq-layout aside{padding-top:20px;font-size:13px}.faq-layout aside a{display:block;color:var(--accent);margin-bottom:14px}.faq-layout aside .small{margin-top:30px}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;cursor:pointer;font-size:17px;line-height:1.4;font-weight:550}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--accent);font-weight:400}details[open] summary span{transform:rotate(45deg)}.answer{font-size:14px;padding-right:25px}.legal-content{max-width:850px;margin-bottom:80px}.legal-content section{padding:35px 0;border-top:1px solid var(--line)}.legal-content h2{font-size:31px}.placeholder-note{font-size:13px}
@media(min-width:1400px){.hero{min-height:750px}}@media(max-width:1100px){.site-header{margin-inline:24px;gap:18px}.site-header nav{gap:17px}.brand{font-size:16px}.hero{gap:30px}.hero .actions{align-items:stretch;flex-direction:column;max-width:300px}.hero .button{justify-content:space-between}.connection-art{padding:20px 16px}.game-scene{height:210px}.theme-label{display:none}.highlights{grid-template-columns:1fr 1fr;gap:35px}.art-top{font-size:8px}}@media(max-width:760px){main,.footer{padding-inline:22px}.site-header{margin:14px 14px 0;padding:13px;min-height:72px;border-radius:14px;gap:10px;flex-wrap:wrap}.brand{margin-right:auto;font-size:15px}.brand small{font-size:8px}.brand-logo{width:34px;height:34px}.menu-toggle{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:7px 10px}.site-header nav{display:none;width:100%;order:4;margin:5px 0 0;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:10px 13px;min-height:44px}.theme-toggle{padding:5px 10px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px;min-height:0}.hero h1{font-size:clamp(45px,9.8vw,68px);margin:22px 0}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px}.hero .actions{max-width:none;flex-direction:row}.hero .button{flex:1;min-width:220px}.hero .micro{font-size:10px}.connection-art{transform:none;max-width:520px;width:100%;margin:auto;padding:20px}.game-scene{height:220px}.art-top{font-size:8px}.art-caption{font-size:10px}.fact-strip{flex-direction:column;gap:10px;padding:21px 0;font-size:12px}.section{padding:55px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:34px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-bottom:25px;border-bottom:1px solid var(--line)}.steps article:last-child{border:none;padding:0}.steps h3{margin:15px 0}.horizontal{display:block}.highlights{gap:30px 20px}.highlights h3{font-size:20px}.highlights p{font-size:13px}.feature-icon{margin-bottom:20px}.free-panel{padding:45px 20px;margin:45px 0}.free-panel h2{font-size:36px}.free-panel .actions{flex-direction:column}.free-panel .button{width:100%}.footer{flex-direction:column;gap:30px;padding-top:30px;padding-bottom:35px}.page-intro{padding:50px 0 30px}.page-intro h1{font-size:45px}.page-intro .lead{font-size:16px}.feature-detail{grid-template-columns:1fr;gap:15px;padding:30px 0}.feature-detail h2{font-size:28px}.feature-detail ul{font-size:14px}.media-grid{grid-template-columns:1fr}.slim-cta{flex-direction:column;align-items:start;padding:40px 0}.slim-cta h2{font-size:29px}.download-grid{grid-template-columns:1fr}.download-card{padding:25px}.download-card>p{min-height:0}.notice{font-size:12px}.install-grid{grid-template-columns:1fr;gap:45px}.connection-note{padding:25px;margin-top:40px}.faq-layout{grid-template-columns:1fr;gap:15px;margin-bottom:55px}.faq-layout aside{display:flex;flex-wrap:wrap;column-gap:25px;padding-top:5px}.faq-layout aside p:first-child{width:100%;margin-bottom:10px}.faq-layout aside .small{display:none}summary{font-size:16px;padding:21px 0}.answer{padding-right:10px}.legal-content{margin-bottom:40px}.legal-content .actions{align-items:start;flex-direction:column;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.table-hint{display:none}html:not(.js) .theme-toggle{display:none}@media(max-width:760px){.table-hint{display:block;font-size:12px;color:var(--muted)}html:not(.js) .site-header nav{display:flex}html:not(.js) .menu-toggle{display:none}}

@media(max-width:760px){.guest-device{aspect-ratio:2.15;border-radius:27px;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;padding:13px}.guest-screen{font-size:7px}.guest-screen strong{font-size:9px;line-height:1.5}}

.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:20px 0 85px}.support-story h2{font-size:38px}.support-story p{max-width:460px}.support-card{padding:38px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at top right,var(--hero-glow),transparent 80%),var(--surface)}.support-card h2{font-size:30px}.support-card .feature-icon{font-size:38px;margin-bottom:25px}.support-card .button{width:100%;margin:15px 0}.support-card .micro{margin:0}.support-help{border-top:1px solid var(--line);margin-bottom:30px}.support-help h2{font-size:28px}.support-help p{font-size:14px;margin:14px 0 0}.support-help .actions{margin:0}.site-header nav{gap:20px}
@media(min-width:761px) and (max-width:1100px){.site-header{gap:12px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}}
@media(max-width:760px){.support-layout{grid-template-columns:1fr;gap:30px;padding:10px 0 45px}.support-story h2{font-size:32px}.support-card{padding:28px}.support-card h2{font-size:27px}.site-header nav{gap:0}}

/* Desktop-app tokens and the shared inline icon set. */
.icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.16em;flex:none}
[data-tone="host"]{--accent:var(--teal);--button:var(--teal)}
[data-tone="join"]{--accent:var(--amber);--button:var(--amber)}
.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--glass-strong);border:1px solid var(--line);color:var(--accent)}
.feature-icon .icon{width:25px;height:25px}
.platform-symbol .icon{width:40px;height:40px}
.button .icon,.text-link .icon{width:17px;height:17px;margin-left:5px}
.button span .icon{margin:0}
.button[data-tone="host"]{background:var(--teal);color:var(--button-text)}
.theme-toggle{color:var(--violet)}
.theme-toggle .icon{width:20px;height:20px}
.menu-toggle .icon{width:16px;height:16px}
summary span{display:flex}
summary span .icon{width:20px;height:20px}
.screenshot-placeholder>span:first-child .icon{width:32px;height:32px}
.control-pad .icon,.control-buttons .icon{width:26px;height:26px;vertical-align:middle}
.site-header,.connection-art,.download-card,.support-card,.release-card{backdrop-filter:blur(8px)}
.site-header{box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%)}
h1,h2,h3{letter-spacing:-.025em}
h1 span{color:var(--teal)}
.page-intro h1 span{color:var(--sky)}
.hero h1{font-weight:650}
.connection-art{background:linear-gradient(180deg,var(--glass-strong),transparent 55%),var(--glass)}
.host-device{border-color:var(--teal-deep)}
.guest-device{border-color:#807044}
.player-two{color:#332707}
.live-label{color:var(--teal)}
.connection-line{color:var(--muted)}
.connection-line .icon{width:12px;height:12px}
.connection-line>span:first-child,.connection-line>span:last-child{background:linear-gradient(transparent,var(--teal),var(--amber),transparent)}
.fact-strip span::before{content:none}
.fact-strip span{display:flex;align-items:center;gap:10px}
.fact-strip span::after{content:"";width:5px;height:5px;background:var(--sky);border-radius:50%;order:-1}
.join-title{color:var(--amber)!important}
.latest-release{display:inline-flex;align-items:center;gap:10px;color:var(--sky);font-size:12px;font-weight:550;text-decoration:none;max-width:100%;flex-wrap:wrap}
.latest-release>.icon:first-child{width:17px;height:17px}
.latest-release>.icon:last-child{width:14px;height:14px}
.release-separator{color:var(--muted);margin-inline:7px}
.news-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px;padding:10px 0 80px;align-items:start}
.release-index{position:sticky;top:30px;padding:23px 0}
.release-index h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.release-index nav{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:30px}
.release-index nav a{display:flex;flex-direction:column;gap:3px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);color:var(--sky);font-size:15px}
.release-index time{font-size:12px;color:var(--muted)}
.feed-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--sky);text-decoration:none}
.feed-link .icon{width:18px;height:18px}
.release-list{display:flex;flex-direction:column;gap:30px;min-width:0}
.release-card{padding:34px 38px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--glass-strong),transparent 180px),var(--glass);scroll-margin-top:30px;overflow-wrap:anywhere}
.release-card header{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:28px}
.release-label{display:flex;align-items:center;gap:9px;color:var(--sky);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}
.release-label .icon{width:16px;height:16px}
.release-card h2{font-size:34px;margin:0 0 10px}
.release-card h2 a{display:inline-flex;align-items:center;gap:18px;text-decoration:none}
.release-card h2 .icon{width:19px;height:19px;color:var(--sky)}
.release-card time{font-size:13px;color:var(--muted)}
.release-notes h3{font-size:18px;letter-spacing:0;margin:30px 0 18px;color:var(--text)}
.release-notes h3:first-child{margin-top:0}
.release-notes li,.release-notes p{font-size:14px;line-height:1.8}
.release-notes ul,.release-notes ol{padding-left:20px;margin:0}
.release-notes li+li{margin-top:10px}
.release-notes li::marker{color:var(--teal)}
.release-notes pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){
 .site-header{flex-wrap:wrap}
 .brand{margin-right:auto}
 .menu-toggle{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;border:1px solid var(--line);border-radius:9px;background:var(--glass);color:var(--text);padding:7px 10px}
 .site-header nav{display:none;width:100%;order:4;margin:5px 0 0;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap;gap:0}
 .site-header nav.is-open,html:not(.js) .site-header nav{display:flex}
 .site-header nav a{padding:10px 13px;min-height:44px}
 html:not(.js) .menu-toggle{display:none}
}
@media(max-width:760px){
 .latest-release{font-size:12px}
 .news-layout{grid-template-columns:1fr;gap:20px;padding:0 0 45px}
 .release-index{position:static;padding:0 0 10px}
 .release-index h2{display:none}
 .release-index nav{flex-direction:row;flex-wrap:wrap;gap:12px;border:0;margin:0 0 20px}
 .release-index nav a{padding:8px 13px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--glass)}
 .release-index time{font-size:11px}
 .release-card{padding:25px 22px}
 .release-card h2{font-size:29px}
 .release-card h2 a{gap:12px}
 .release-notes li,.release-notes p{font-size:13px}
 .support-card .feature-icon{font-size:24px}
}
@media(max-width:400px){.page-intro h1{font-size:clamp(34px,10.5vw,42px)}}
.device-bar span{color:var(--teal)}

.package-download .download-button-label{margin-left:0;flex:1;text-align:left;min-width:0}.download-button-label small{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-top:3px}.download-card .unpacked-size{margin:9px 0 0}


/* Motion: only for visitors who have not asked their system for less. Movement uses the
   translate and scale properties, so it adds to the rotations the art already has. */
@media (prefers-reduced-motion:no-preference){
.hero-copy>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}
.connection-art{animation:rise 1s .2s cubic-bezier(.2,.7,.2,1) both}
.player-one{animation:bob 2.4s ease-in-out infinite}.player-two{animation:bob 2.4s -1.2s ease-in-out infinite}
.scene-grid{animation:grid-run 2.5s linear infinite}
.orbit{animation:orbit-pulse 6s ease-in-out infinite}.orbit-two{animation-delay:-3s}
.status-dot,.device-bar i:first-child{animation:blink 2s ease-in-out infinite}
.connection-line>span:first-child,.connection-line>span:last-child{position:relative;overflow:visible}
.connection-line>span:first-child::after,.connection-line>span:last-child::after{content:'';position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.connection-line>span:first-child::after{animation:packet-down 1.6s linear infinite}
.connection-line>span:last-child::after{animation:packet-up 1.6s -.8s linear infinite}
.guest-screen{animation:screen-glow 4s ease-in-out infinite}
.control-buttons{animation:press 1.8s steps(1) infinite}.control-pad{animation:press 2.6s -.9s steps(1) infinite}
.reveal{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;translate:0 0}
.highlights article,.download-card,.feature-icon{transition:translate .25s ease}.highlights article:hover,.download-card:hover{translate:0 -4px}
}
@keyframes rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes grid-run{to{background-position:0 35px,0 0}}
@keyframes orbit-pulse{0%,100%{scale:1;opacity:.7}50%{scale:1.08;opacity:1}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes packet-down{from{top:-4px;opacity:0}15%,85%{opacity:1}to{top:100%;opacity:0}}
@keyframes packet-up{from{top:100%;opacity:0}15%,85%{opacity:1}to{top:-4px;opacity:0}}
@keyframes screen-glow{0%,100%{box-shadow:0 0 0 #ffd66600}50%{box-shadow:0 0 22px #ffd66633}}
@keyframes press{0%,100%{opacity:1}40%{opacity:.45}55%{opacity:1}}

/* Slowly drifting glow behind the game-night invitation. */
.free-panel{position:relative;overflow:hidden;isolation:isolate}
.free-panel::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-35%;background:radial-gradient(ellipse at 30% 45%,var(--hero-glow),transparent 50%),radial-gradient(ellipse at 70% 55%,var(--join-glow),transparent 50%);opacity:.45}

@media(prefers-reduced-motion:no-preference){
.free-panel::before{animation:invitation-drift 8s ease-in-out infinite alternate}
}
@keyframes invitation-drift{
from{transform:translate(-3%,-2%) scale(1);opacity:.45}
to{transform:translate(4%,3%) scale(1.08);opacity:.8}
}

.download-card .checksum-row dt{flex-shrink:0}
.download-card .checksum-row dd{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.checksum-row code{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-all;font-size:11px;line-height:1.6;text-align:right;max-width:100%;user-select:all}

.hero-copy>.latest-release{display:flex;width:fit-content;margin-bottom:16px}
/* Full-width screenshot gallery, using the app's host, join and neutral colours. */
.screenshot-section .section-heading p{max-width:580px;margin:0}
.screenshot-section .media-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.product-screenshot{min-width:0;margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.product-screenshot figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-top:2px solid var(--accent);background:linear-gradient(120deg,var(--glass-strong),transparent)}
.screenshot-copy{min-width:0}
.screenshot-copy h3{font-size:clamp(23px,2.5vw,32px);margin:12px 0 10px;color:var(--text)}
.screenshot-copy p{max-width:650px;font-size:14px;margin:0}
.screenshot-number{font-size:42px;line-height:1;font-weight:600;letter-spacing:-.05em;color:var(--accent);opacity:.55}
.screenshot-image-link{position:relative;display:block;border-top:1px solid var(--line)}
.product-screenshot img{display:block;width:100%;height:auto}
.screenshot-expand{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:11px;box-shadow:var(--shadow)}
.screenshot-expand .icon{width:14px;height:14px;color:var(--accent)}
.screenshot-image-link:focus-visible{outline-offset:-5px}
@media(max-width:700px){
.screenshot-section .media-grid{gap:24px}
.product-screenshot figcaption{padding:22px 20px;gap:14px}
.screenshot-number{font-size:30px;align-self:flex-start}
.screenshot-copy p{font-size:13px}
.screenshot-expand{right:8px;bottom:8px;padding:5px 8px;font-size:10px}
}