/* Shared finish and motion tokens; no dependency on JS for readable content. */
:root{--ui-accent:#ffa64d;--ui-ink:#251304;--ui-line:rgba(255,255,255,.14);--ui-control:#202124;--ui-glass:rgba(28,29,32,.88);--ui-muted:#a1a1a6;--ui-radius:24px;--ui-ease:cubic-bezier(.22,1,.36,1)}
[data-theme="light"]{--ui-accent:#0071e3;--ui-ink:#fff;--ui-line:rgba(0,0,0,.13);--ui-control:#e8e8ed;--ui-glass:rgba(250,250,252,.9);--ui-muted:#626267}
body{overflow-wrap:break-word}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{transition:background-color .2s ease,border-color .2s ease}
.nav-shell{min-height:60px!important;gap:12px}
.nav-actions{gap:4px!important}
.nav-links a{display:inline-flex;align-items:center;min-height:44px}
.nav-cta,.download-link,.btn-appstore,.cta a{background:var(--ui-accent)!important;color:var(--ui-ink)!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:filter .16s ease,transform .16s ease!important}
.nav-cta:hover,.download-link:hover,.btn-appstore:hover,.cta a:hover{background:var(--ui-accent)!important;filter:brightness(1.08)}
button:active,.btn-appstore:active{transform:scale(.97)}
.theme-toggle,.icon-button.theme-toggle,.menu-toggle{position:relative;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px;border:0!important;border-radius:50%;background:transparent!important;color:var(--text);display:grid;place-items:center;cursor:pointer}
.menu-toggle{display:none}
.theme-toggle svg{position:absolute!important;width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important;opacity:1!important;transform:none!important;transition:opacity .16s ease!important}
.theme-toggle .theme-icon-sun{display:block!important}
.theme-toggle .theme-icon-moon{display:none!important}
[data-theme="light"] .theme-toggle .theme-icon-sun{display:none!important}
[data-theme="light"] .theme-toggle .theme-icon-moon{display:block!important}
.lang-switch{display:inline-flex!important;position:relative;align-items:center;min-height:44px!important;padding:0!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;background:transparent!important;color:var(--text);isolation:isolate;cursor:pointer!important;flex-shrink:0}
.lang-switch::before{content:'';position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:999px;background:var(--ui-control);z-index:-1;transition:transform .18s var(--ui-ease)}
.lang-switch[data-selected="es"]::before{transform:translateX(100%)}
.lang-switch .lang-button{display:grid!important;place-items:center;min-width:44px!important;width:44px;height:42px!important;min-height:42px!important;border:0!important;padding:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:var(--ui-muted)!important;font-size:11px!important;font-weight:650;pointer-events:none!important;cursor:inherit;transition:color .16s ease}
.lang-switch .lang-button[data-active="true"]{color:var(--text)!important}
.theme-toggle:hover,.menu-toggle:hover{background:var(--ui-control)!important}
.motion-ready .reveal,.motion-ready .reveal.visible{opacity:1!important;transform:none!important;transition:none!important}
.nav-links{transition:opacity .26s ease,visibility .26s ease,max-height .28s var(--ui-ease),padding .28s var(--ui-ease)!important}
.back-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
footer .footer-links{flex-wrap:wrap;gap:4px 20px}
footer a{display:inline-flex;align-items:center;min-height:44px}
footer .footer-copy{color:var(--ui-muted)}
/* Gallery: DOM order keeps rotation first; CSS places the capsule below the image. */
.hero-visual{display:flex;flex-direction:column;gap:0;position:relative;animation:none!important;opacity:1!important;transform:none!important;padding:0!important}
.hero-visual::before,.hero-visual::after{display:none!important}
.device-shell{position:relative;order:1;width:100%;border:1px solid var(--ui-line)!important;border-radius:26px!important;padding:6px!important;background:var(--ui-control)!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important;transform:none!important;transition:border-color .2s ease!important}
.hero-visual:hover .device-shell{transform:none!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important}
[data-theme="light"] .device-shell{box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
.device-screen{aspect-ratio:4/3;border-radius:20px!important;overflow:hidden}
.screenshot-track{scroll-behavior:auto!important;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.screenshot-slide{min-width:0;scroll-snap-stop:normal}
.screenshot-slide img{object-fit:contain!important}
.screenshot-controls{order:3;align-self:center;display:flex;align-items:center;justify-content:center;gap:2px;height:56px;max-width:100%;padding:5px 8px;margin:18px 0 0!important;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-control);color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.07)}
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){.screenshot-controls{background:var(--ui-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
.screenshot-control{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px;min-height:44px;border:0!important;border-radius:50%;background:transparent!important;color:var(--text);cursor:pointer;transition:background-color .16s ease,transform .16s ease}
.screenshot-control:hover{background:var(--ui-line)!important}
.screenshot-control svg{width:18px;height:18px;fill:currentColor;stroke:none}
.screenshot-play svg{position:absolute;width:19px;height:19px;opacity:1;transform:scale(1);transition:opacity .16s ease,transform .16s ease}
.screenshot-play .icon-play{display:block!important;opacity:0;transform:scale(.9) translateX(1px)}
.screenshot-play .icon-pause{display:block!important}
.screenshot-play[data-paused="true"] .icon-pause{opacity:0;transform:scale(.9)}
.screenshot-play[data-paused="true"] .icon-play{opacity:1;transform:scale(1) translateX(1px)}
.screenshot-dots{display:flex;align-items:center;gap:0}
.screenshot-dots button{display:grid;place-items:center;width:44px!important;height:44px!important;border:0;background:transparent;cursor:pointer;border-radius:12px;padding:0}
.screenshot-dots button::before{content:none!important}
.slide-segment{position:relative;display:block;width:30px!important;height:5px!important;border-radius:999px;background:var(--ui-line);overflow:hidden;transform:none!important}
.slide-segment>span{position:absolute;inset:0;background:var(--ui-accent);transform:scaleX(0);transform-origin:left}
.screenshot-dots button[aria-current="true"] .slide-segment{background:var(--ui-line)}
.screenshot-dots button[aria-current="true"] .slide-segment>span{transform:scaleX(var(--progress,0))}
.screenshot-dots button[aria-current="true"] .slide-segment::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ui-accent);border-radius:999px}
.screenshot-caption{order:2;text-align:center;font-size:13px;color:var(--ui-muted);line-height:1.4;margin:14px 0 -8px}
.screenshot-expand{position:absolute!important;right:14px;bottom:14px;background:#fff!important;color:#1d1d1f!important;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.screenshot-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1440px);max-width:96vw;max-height:94dvh;padding:12px;border:1px solid var(--ui-line);border-radius:24px;background:#18191c;color:#f5f5f7;box-shadow:0 20px 80px rgba(0,0,0,.4);overflow:auto}
[data-theme="light"] .screenshot-dialog{background:#f5f5f7;color:#1d1d1f}
.screenshot-dialog::backdrop{background:rgba(0,0,0,.82)}
.expanded-toolbar{position:sticky;top:0;z-index:1;background:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 4px 8px}
.expanded-toolbar p{margin:0;font-size:14px;min-width:0}
.screenshot-dialog [data-screenshot-close]{flex-shrink:0;background:var(--ui-control)!important;color:var(--text)!important;box-shadow:0 1px 4px rgba(0,0,0,.14)}
.screenshot-dialog [data-screenshot-close] svg{width:20px;height:20px}
.screenshot-dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 90px);object-fit:contain;object-position:center;border-radius:12px}
/* Hero composition: split on desktop, stacked on narrow screens. */
.hero.hero--split{position:relative;isolation:isolate;padding-top:110px;gap:36px;min-height:auto;padding-bottom:70px}
.hero--split::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#030507;z-index:-1;pointer-events:none}
[data-theme="light"] .hero--split::before{background:#f5f5f7}
.hero--split .hero-title span{background:none;color:var(--ui-accent);-webkit-text-fill-color:currentColor;filter:none}
.hero--split .hero-label{color:var(--ui-accent)}
.hero--split .screenshot-platform{margin-left:5px;color:var(--ui-muted);font-weight:400}
.hero--split .screenshot-caption{color:var(--text)}
.hero--split .screenshot-expand{background:rgba(24,25,28,.78)!important;color:#fff!important}
.hero--split [data-screenshot-prev]{margin-left:8px}
.hero--split [data-screenshot-prev]::before{content:'';position:absolute;left:-4px;top:13px;bottom:13px;width:1px;background:var(--ui-line)}
@media(min-width:1000px){
 .hero.hero--split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4.4vw,64px);width:100%;max-width:1440px;padding:108px clamp(32px,4.4vw,64px) 60px;text-align:left}
 .hero--split .hero-copy{width:100%;min-width:0;max-width:540px}
 .hero--split .hero-brand{justify-content:flex-start;gap:10px;margin-bottom:30px}
 .hero--split .app-icon{width:36px;height:36px;border-radius:10px;box-shadow:none}
 .hero--split .hero-eyebrow{font-size:10px}.hero--split .hero-app-name{font-size:14px}
 .hero--split .hero-label{margin-bottom:18px;font-size:10px;letter-spacing:.12em}
 .hero--split .hero-title{max-width:520px;margin:0 0 30px;font-size:clamp(64px,6.5vw,92px);line-height:.98;letter-spacing:-.067em;text-wrap:initial}
 .hero--split .hero-title span{display:block;padding:0 .04em .03em 0}
 .hero--split .hero-sub{max-width:460px;margin:0 0 26px;font-size:clamp(16px,1.35vw,18px);line-height:1.55;text-wrap:pretty}
 .hero--split .cta-group{justify-content:flex-start;gap:18px;flex-wrap:wrap}
 .hero--split .learn-more{font-size:13px}.hero--split .btn-appstore{min-height:46px;padding:11px 22px}
 .hero--split .hero-proof{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;margin-top:24px;font-size:10px}
 .hero--split .hero-visual{width:100%;min-width:0;margin:0;align-self:center}
}

.hero-title{font-size:clamp(64px,7.8vw,110px);line-height:.98}
.hero-brand,.hero-label,.hero-title,.hero-sub,.cta-group,.hero-proof{opacity:1!important;transform:none;animation:none}
.hero-brand{margin-bottom:20px}.hero-label{margin-bottom:16px}.hero-title{margin-bottom:22px}.hero-sub{margin-bottom:24px}
@media(prefers-reduced-motion:no-preference){.hero-brand,.hero-label,.hero-title,.hero-sub,.cta-group,.hero-proof{animation:hero-arrive .45s var(--ui-ease) both}.hero-label{animation-delay:.05s}.hero-title{animation-delay:.1s}.hero-sub{animation-delay:.15s}.cta-group{animation-delay:.2s}.hero-proof{animation-delay:.25s}@keyframes hero-arrive{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}}
.latest-release{margin-top:32px}
.release-highlights{gap:36px}.release-highlights h3{font-size:20px}.release-highlights p{line-height:1.65}
.update-visual img,.update-card.visible .update-visual img{transform:none!important;filter:none!important;transition:none!important}
.update-section{padding-top:80px;padding-bottom:90px}
.tagline{padding-top:90px;padding-bottom:90px}
/* Eight readable cards; no repeated group or perpetual animation. */
.features-section{padding-top:100px;padding-bottom:100px}
.features-marquee{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:max(24px,calc((100vw - 1160px)/2));mask-image:none!important;-webkit-mask-image:none!important;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px max(24px,calc((100vw - 1160px)/2)) 20px}
.features-track{width:max-content;animation:none!important;transform:none!important;will-change:auto!important}
.features-group{padding-right:0}
.feature-card{scroll-snap-align:start;box-shadow:none!important;flex-basis:clamp(280px,29vw,380px)!important;width:clamp(280px,29vw,380px)!important;min-height:330px}
.feature-controls{display:flex;justify-content:flex-end;gap:6px;width:min(1160px,calc(100% - 48px));margin:12px auto 0}
.feature-controls button{background:var(--ui-control)!important}
.feature-controls button:disabled{opacity:.35;cursor:default}
.reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.review-card:first-child{grid-column:1/-1;padding:40px clamp(24px,6vw,80px);text-align:center}
.review-card:first-child .review-text{font-size:clamp(20px,2.4vw,28px);max-width:820px;margin-inline:auto}
.reviews-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;color:var(--ui-accent);font-size:14px;text-decoration:none}
/* Versions: the list is always visible and details retain native fallback. */
body:has(#version-list) .hero{padding:70px 0 42px}
body:has(#version-list) h1{font-size:clamp(48px,7vw,84px);line-height:1.02}
.version-list{opacity:1!important;transform:none!important}
.version-entry{scroll-margin-top:84px}

/* A light touch for the creator page. */
.social-card:hover,.social-card:focus-visible{transform:translateY(-2px);border-color:var(--ui-accent)}
.social-arrow{transition:transform .16s ease}.social-card:hover .social-arrow,.social-card:focus-visible .social-arrow{transform:translate(2px,-2px)}
/* Legal text does not reveal, translate or animate with the scroll. */
body:has(.policy-content) h1{font-size:clamp(46px,7vw,88px);line-height:1.02;filter:none}
.policy-card{padding:36px;scroll-margin-top:90px}
.policy-card p,.policy-card li{max-width:70ch;line-height:1.75}
.policy-nav-title{list-style:none;min-height:44px;display:flex;align-items:center;margin:0;cursor:default}
.policy-nav-title::-webkit-details-marker{display:none}
.policy-nav-links{display:grid;gap:3px}
.policy-nav a{min-height:44px}
.policy-nav a[aria-current="location"]{color:var(--ui-accent);background:var(--surface,rgba(128,128,128,.08));border-radius:10px}
@media(max-width:980px){body:has(.hero-visual) .menu-toggle{display:grid}body:has(.hero-visual) .nav-links{top:60px;left:0;right:0}body:has(.hero-visual) .nav-links:not(.open){visibility:hidden}}
@media(max-width:820px){.menu-toggle{display:grid}.nav-links{top:60px!important;left:0!important;right:0!important}.nav-links:not(.open){visibility:hidden}.nav-links.open{max-height:360px!important}.nav-links a{min-height:48px}.reviews-grid{grid-template-columns:1fr}.review-card:first-child{grid-column:auto}.policy-nav{position:static}.policy-nav-title{cursor:pointer;justify-content:space-between}.policy-nav-title::after{content:'+';font-size:22px;font-weight:400}.policy-contents[open] .policy-nav-title::after{content:'−'}.policy-nav-links{padding-top:8px}}
@media(max-width:700px){.nav-shell{gap:6px}.brand-name{display:none}.site-header{padding-inline:12px}.hero.hero--split{padding:92px 16px 54px;gap:30px}.hero-title{font-size:clamp(48px,14.5vw,82px);line-height:.98}.hero-visual{width:100%}.hero-proof{flex-wrap:wrap;gap:8px 12px}.hero-sub{font-size:17px}.device-shell{padding:4px!important;border-radius:18px!important}.device-screen{border-radius:14px!important}.screenshot-expand{right:9px;bottom:9px}.screenshot-controls{padding-inline:6px;gap:0}.screenshot-caption{font-size:12px}.release-highlights{gap:26px}.features-heading{margin-bottom:28px}.features-section{padding-block:72px}.feature-card{flex-basis:calc(100vw - 64px)!important;width:calc(100vw - 64px)!important;max-width:380px}.feature-controls{margin-top:6px}.update-section{padding-block:64px}.tagline{padding-block:72px}body:has(#version-list) .hero{padding:46px 0 32px}body:has(#version-list) .timeline{padding-top:16px}.version-summary{gap:12px}.latest{margin-left:0;margin-top:6px}.version-title .latest{display:table}.policy-card{padding:28px 22px}.screenshot-dialog{padding:8px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-brand,.hero-label,.hero-title,.hero-sub,.cta-group,.hero-proof{opacity:1!important;transform:none!important}.screenshot-dots button[aria-current="true"] .slide-segment>span{transform:scaleX(1)}.social-card:hover,.social-card:focus-visible,.social-arrow{transform:none!important}}
@media print{.site-header,.policy-nav,.screenshot-controls,.screenshot-expand,.feature-controls{display:none!important}.policy-layout{display:block!important}.policy-card{break-inside:avoid;border:0;box-shadow:none;background:transparent}.policy-content{color:#000}body{background:#fff!important;color:#000!important}.policy-card p,.policy-card li{color:#000!important}}
/* Same mobile header breakpoint on the three primary-navigation pages. */
@media(max-width:980px){.nav-cta,.download-link{display:none!important}.menu-toggle{display:grid!important}.nav-shell{grid-template-columns:1fr auto!important}.nav-links{position:absolute;top:60px!important;left:0!important;right:0!important;display:grid;gap:0;max-height:0;overflow:hidden;opacity:0;pointer-events:none;background:var(--ui-glass);padding:0 24px}.nav-links:not(.open){visibility:hidden}.nav-links.open{max-height:360px!important;padding-block:10px 14px;opacity:1;visibility:visible;pointer-events:auto}.nav-links a{min-height:48px;padding:10px 0}.policy-nav{position:static}}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;width:min(1120px,calc(100% - 32px));margin-inline:auto}.footer-copy{margin:0;font-size:11px}.footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}.footer-links a{font-size:12px;text-decoration:none}.compatibility-note{max-width:1120px;margin:0 auto 24px;padding:0 16px}

@media(prefers-reduced-motion:reduce){.screenshot-play{display:none!important}}

/* A single, balanced menu glyph with a shared open/close transition. */
.menu-toggle .menu-glyph{display:block;width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.menu-glyph path{transform-box:view-box;transition:transform .22s var(--ui-ease),opacity .16s ease}
.menu-glyph .menu-line-top{transform-origin:12px 6px}
.menu-glyph .menu-line-middle{transform-origin:12px 12px}
.menu-glyph .menu-line-bottom{transform-origin:12px 18px}
.menu-toggle[aria-expanded="true"] .menu-line-top{transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-line-middle{opacity:0;transform:scaleX(.5)}
.menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:translateY(-6px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.menu-glyph path{transition:none}}

/* A visible game showcase and concise feature copy replace the horizontal rail. */
.quick-value--service{font-size:clamp(22px,2.4vw,30px);white-space:nowrap}
.features-body{width:min(1160px,calc(100% - 48px));margin:0 auto}
.feature-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px)}
.feature-gameplay{min-width:0;margin:0}
.feature-image-frame{padding:6px;background:var(--ui-control);border:1px solid var(--ui-line);border-radius:26px;box-shadow:0 12px 32px rgba(0,0,0,.08);overflow:hidden}
.feature-image-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:20px}
.feature-gameplay figcaption{margin-top:16px;text-align:center;color:var(--ui-muted);font-size:12px;line-height:1.5}
.feature-details{display:grid;gap:25px;min-width:0}
.feature-detail{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:16px}
.feature-symbol{display:block;color:var(--ui-accent);width:26px;height:26px;flex-shrink:0}
.feature-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-detail h3,.feature-benefit h3{margin:0 0 8px;color:var(--text);font-size:21px;font-weight:650;line-height:1.2;letter-spacing:-.035em}
.feature-detail p,.feature-benefit p{margin:0;color:var(--ui-muted);font-size:15px;line-height:1.55;font-weight:400}
.feature-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:60px;padding-top:36px;border-top:1px solid var(--ui-line)}
.feature-benefit .feature-symbol{margin-bottom:18px}
.feature-benefit h3{font-size:19px}
.feature-benefit p{font-size:14px}
@media(max-width:980px){
  .site-header .nav-shell{position:relative}
  .site-header .nav-links{top:70px!important;left:auto!important;right:0!important;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 90px)!important;padding:12px!important;gap:2px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--ui-line);border-radius:30px;background:rgba(28,29,32,.97);box-shadow:0 16px 48px rgba(0,0,0,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,visibility .2s ease,transform .24s var(--ui-ease)!important}
  [data-theme="light"] .site-header .nav-links{background:rgba(250,250,252,.97);box-shadow:0 16px 48px rgba(0,0,0,.12)}
  .site-header .nav-links.open{transform:translateY(0) scale(1);max-height:calc(100dvh - 90px)!important}
  .site-header .nav-links a{padding:13px 18px;min-height:48px;border:0;border-radius:20px;font-size:15px;line-height:1.4;color:var(--text);transition:background-color .16s ease}
  .site-header .nav-links a:hover,.site-header .nav-links a:focus-visible{background:var(--ui-control)}
  .feature-showcase{gap:32px}
  .feature-details{gap:22px}
  .feature-detail h3{font-size:19px}
  .feature-detail p{font-size:14px}
  .feature-benefits{gap:24px}
}
@media(max-width:700px){
  .features-body{width:calc(100% - 40px)}
  .feature-showcase{grid-template-columns:1fr;gap:32px}
  .feature-image-frame{padding:4px;border-radius:22px}
  .feature-image-frame img{border-radius:17px}
  .feature-gameplay figcaption{margin-top:12px;font-size:11px}
  .feature-details{gap:0}
  .feature-detail{gap:14px;padding:20px 0;border-top:1px solid var(--ui-line)}
  .feature-detail:first-child{border-top:0;padding-top:0}
  .feature-detail:last-child{padding-bottom:0}
  .feature-detail h3{font-size:20px;margin-bottom:6px}
  .feature-detail p{font-size:15px}
  .feature-benefits{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:32px;margin-top:32px;padding-top:32px}
  .feature-benefit h3{font-size:17px}
  .feature-benefit p{font-size:13px}
  .feature-benefit .feature-symbol{margin-bottom:12px}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-item{padding-inline:12px;min-width:0}
  .quick-value--service{font-size:clamp(19px,5.6vw,22px)}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-links{transition:none!important}}

/* Keep glyphs and punctuation inside generous line boxes, without text masks. */
h1,h2,h3,.tagline,.version-title{overflow:visible;word-break:normal;overflow-wrap:normal;hyphens:none}
html[data-theme] h1 span{background:none;color:var(--ui-accent);-webkit-text-fill-color:currentColor;filter:none}
.about-page h1,.versions-page h1,.privacy-page h1{line-height:1.12!important;letter-spacing:-.05em;padding-block:.04em .1em;overflow:visible}
.about-page h1 span,.versions-page h1 span{display:inline-block;padding-inline-end:.08em;margin-inline-end:-.08em}
html[data-theme] .privacy-page h1{background:none;color:var(--ui-accent);-webkit-text-fill-color:currentColor;filter:none}
.home-page .hero-title,.home-page .hero--split .hero-title{line-height:1.04}
.home-page .hero-title span{padding-block-end:.1em}
.home-page .section-title,.home-page .release-heading h2,.home-page .cta h2,.home-page .tagline{line-height:1.08;padding-block-end:.06em}
html[data-theme] .home-page .update-title{background:none;-webkit-text-fill-color:currentColor;color:#f5f5f7;filter:none;line-height:1.02;padding-block:.04em .1em}
/* Keep section links clear of the header while allowing free page scrolling. */
html:has(.home-page){scroll-padding-top:76px}
.home-page :is(.hero--split,.latest-release,.update-section,.features-section,.reviews-section,.cta-section){scroll-margin-top:0}
/* Chronological release groups, one aligned reading column for the notes. */
.versions-page main{width:min(1080px,calc(100% - 48px))}
.versions-page .hero{padding:64px 0 44px!important;text-align:left;border-bottom:1px solid var(--ui-line)}
.versions-page h1{max-width:none;margin:0 0 14px;font-size:clamp(42px,5.4vw,72px)!important;text-wrap:balance}
.versions-page .hero-copy{max-width:650px;margin:0;font-size:18px;text-wrap:pretty}
.versions-page .hero-facts{justify-content:flex-start;gap:8px;margin-top:24px}
.versions-page .hero-fact{padding:7px 12px;font-size:11px}
.versions-page .timeline{padding:34px 0 72px}
.versions-page .timeline-head{align-items:center;gap:20px;margin-bottom:30px}
.versions-page .timeline-head h2{font-size:23px;line-height:1.2;letter-spacing:-.035em}
.versions-page .timeline-hint{font-size:12px}
.versions-page .version-list{border-top:0}
.release-month{display:grid;grid-template-columns:144px minmax(0,1fr);gap:28px;margin:0;padding:24px 0 0;border-top:1px solid var(--ui-line)}
.release-month:first-child{padding-top:0;border-top:0}
.release-month+.release-month{margin-top:28px}
.release-month-label{margin:0;padding:25px 0;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ui-muted);text-transform:none}
.release-month-entries{min-width:0}
.versions-page .version-entry{margin:0;padding:0 24px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent;scroll-margin-top:84px}
.versions-page .version-entry:last-child{border-bottom:0}
.versions-page .version-entry[data-latest]{border:1px solid var(--ui-line);border-radius:24px;background:var(--surface)}
.versions-page .version-summary{grid-template-columns:minmax(0,1fr) auto 28px;gap:24px;min-height:102px;padding:22px 0}
.version-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:9px 10px;min-width:0}
.versions-page .version-number{grid-column:1;grid-row:1;border:0;background:transparent;border-radius:0;padding:0;margin:0;color:var(--ui-muted);font-size:12px;font-weight:550;line-height:1.4;letter-spacing:0}
.versions-page .version-heading .latest{grid-column:2;grid-row:1;display:inline-flex;margin:0;padding:3px 7px;vertical-align:baseline;font-size:9px;line-height:1.2}
.versions-page .version-title{grid-column:1/-1;grid-row:2;font-size:22px;line-height:1.25;letter-spacing:-.025em;min-width:0}
.versions-page .version-date{grid-column:2;grid-row:1;font-size:12px;line-height:1.4}
.versions-page .chevron{grid-column:3;grid-row:1;align-self:center}
.versions-page .version-body{padding:0 52px 28px 0}
.versions-page .version-body ul{grid-template-columns:1fr;gap:12px;max-width:76ch}
.versions-page .version-body li{font-size:14px;line-height:1.65;padding-left:17px}
.versions-page .version-body li::before{width:4px;height:4px;box-shadow:none;top:.72em;background:var(--ui-accent)}
.versions-page .cta{margin-bottom:72px;padding:48px 24px}
.versions-page .cta h2{font-size:clamp(30px,4vw,48px);line-height:1.12}
@media(max-width:820px){
 .release-month{grid-template-columns:1fr;gap:0;padding-top:18px}
 .release-month-label{padding:0 0 14px;font-size:12px}
 .release-month+.release-month{margin-top:24px}
 .versions-page .timeline-head{display:block}
 .versions-page .timeline-hint{margin-top:8px}
 .versions-page .version-summary{gap:16px}
}
@media(max-width:540px){
 .versions-page main{width:calc(100% - 40px)}
 .versions-page .hero{padding:38px 0 28px!important}
 .versions-page h1{font-size:clamp(36px,10vw,48px)!important}
 .versions-page .hero-copy{font-size:16px}
 .versions-page .hero-facts{margin-top:20px}
 .versions-page .timeline{padding-top:26px}
 .versions-page .timeline-head{margin-bottom:24px}
 .versions-page .timeline-head h2{font-size:21px}
 .versions-page .version-entry{padding-inline:16px}
 .versions-page .version-summary{grid-template-columns:minmax(0,1fr) 28px;gap:8px 12px;min-height:0;padding-block:20px}
 .versions-page .version-title{font-size:20px}
 .versions-page .version-date{grid-column:1;grid-row:2;white-space:normal;font-size:11px}
 .versions-page .chevron{grid-column:2;grid-row:1 / span 2}
 .versions-page .version-body{padding:0 0 24px}
 .versions-page .version-body li{font-size:13px}
}

.release-month-label::first-letter{text-transform:uppercase}
.home-page .hero--split .hero-title span{margin-inline-end:0;padding-inline-end:0}
.home-page .cta-title{line-height:1.1;padding-block-end:.06em}
@media(max-width:540px){.home-page .cta-title{font-size:clamp(36px,10vw,52px)}}

/* User-supplied feature artwork, shown uncropped and switched with the site theme. */
.feature-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.feature-art-card{min-width:0}
.feature-art-media{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--ui-line);border-radius:22px;background:#fff}
.feature-art-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.feature-art-media .feature-art-dark{display:none}
[data-theme="dark"] .feature-art-media .feature-art-light{display:none}
[data-theme="dark"] .feature-art-media .feature-art-dark{display:block}
.feature-art-copy{padding:22px 2px 0}
.feature-art-copy h3{margin:0 0 10px;color:var(--text);font-size:clamp(21px,2.1vw,28px);font-weight:650;line-height:1.15;letter-spacing:-.035em}
.feature-art-copy p{margin:0;color:var(--ui-muted);font-size:15px;line-height:1.6;max-width:42ch}
.feature-benefits--six{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;margin-top:42px;padding-top:32px}
@media(max-width:980px){.feature-art-grid{gap:18px}.feature-art-media{border-radius:18px}.feature-art-copy{padding-top:18px}.feature-art-copy p{font-size:14px}}
@media(max-width:700px){.feature-art-grid{grid-template-columns:1fr;gap:32px}.feature-art-media{border-radius:22px}.feature-art-copy{padding:16px 0 0}.feature-art-copy h3{font-size:24px;margin-bottom:8px}.feature-art-copy p{font-size:15px;max-width:none}.feature-benefits--six{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin-top:36px}}