/* AUREQO: graphite dark palette, mint drawn from the real gameplay. */
body.r1-view.r2-view{--bg-0:#0d0f0f;--bg-1:#121514;--bg-2:#181b1a;--surface:#181b1a;--surface-raised:#202522;--text:#f2efe7;--text-muted:#b8bab3;--text-dim:#b8bab3;--text-subtle:#b8bab3;--text-nav:#d8dbd2;--header-bg:#0d0f0f;--accent-primary:#5fd3bc;--accent-primary-hover:#8be5d2;--label-accent:#5fd3bc;--focus-ring:#5fd3bc;--border:#343b36;--phone-rim:#3b443e;--warm-line-strong:#58645a;--max:1280px;color-scheme:dark;background:var(--bg-0);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.r2-view #r1-app{overflow:clip}
.r2-view #r1-app .container,.r2-view #r1-app .r2-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.r2-view #r1-app :is(h1,h2,h3,p,strong){overflow-wrap:anywhere}
.r2-view #r1-app .site-header{background:var(--bg-0);border-bottom:1px solid var(--border)}
.r2-view #r1-app .header-inner{min-height:68px;padding-block:8px;gap:24px}
.r2-view #r1-app .brand{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;letter-spacing:.14em;color:#f2efe7}
.r2-view #r1-app .brand-mark{width:28px;height:28px;border-color:#58645a;color:#f2efe7;background:none;font-size:1.3rem}
.r2-view #r1-app .brand-mark span{color:#5fd3bc}
.r2-view #r1-app .header-inner nav{gap:32px}
.r2-view #r1-app .header-inner nav a{font-size:.75rem;font-weight:600;color:#d8dbd2}
.r2-view #r1-app :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #5fd3bc;outline-offset:5px}
.r2-view #r1-app .skip-link{color:#fff;background:#f2efe7}
.r2-view #r1-app .r2-eyebrow{font-size:.625rem;letter-spacing:.15em;line-height:1.6;font-weight:700;color:#b8bab3;margin:0 0 24px}
.r2-view #r1-app .r2-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-block:80px 72px;min-height:790px}
.r2-view #r1-app .r2-hero h1{font-size:clamp(4rem,7vw,6.5rem);font-weight:650;letter-spacing:-.065em;line-height:.99;color:#f2efe7}
.r2-view #r1-app .r2-hero h1 span{color:#5fd3bc}
.r2-view #r1-app .r2-lead{font-size:1.25rem;line-height:1.6;letter-spacing:-.02em;color:#b8bab3;margin:28px 0}
.r2-view #r1-app .r2-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.r2-view #r1-app .store-badge{display:inline-flex;align-items:center;min-height:50px;flex-shrink:0}
.r2-view #r1-app .store-badge img{display:block;width:150px;height:50px}
.r2-view #r1-app .r2-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;color:#5fd3bc;font-size:.875rem;font-weight:600;text-decoration:none}
.r2-view #r1-app .r2-link:hover{text-decoration:underline;text-underline-offset:5px}
.r2-view #r1-app .r2-small{font-size:.6875rem;line-height:1.7;color:#b8bab3;margin:20px 0 0}
.r2-view #r1-app .r2-hero-art{margin:0;min-width:0}
.r2-view #r1-app .r2-screen-composition{height:590px;position:relative;margin-inline:12px 0}
.r2-view #r1-app .r2-screen-composition img{position:absolute;border:1px solid #2e3533;border-radius:22px;height:auto;max-width:none;box-shadow:none}
.r2-view #r1-app .r2-front-screen{width:310px;left:0;top:0;z-index:2}
.r2-view #r1-app .r2-back-screen{width:235px;right:0;top:76px;z-index:1;transform:rotate(7deg)}
.r2-view #r1-app .r2-hero-art figcaption{font-size:.6875rem;color:#b8bab3;margin-top:16px;display:flex;align-items:center;gap:8px}
.r2-view #r1-app .r2-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fd3bc;flex-shrink:0}
.r2-view #r1-app .r2-facts{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;align-items:center;gap:30px;border-top:1px solid #343b36;padding-block:30px 48px}
.r2-view #r1-app .r2-facts>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.r2-view #r1-app .r2-facts strong{font-size:1.75rem;font-weight:600;letter-spacing:-.05em}
.r2-view #r1-app .r2-facts span{font-size:.75rem;line-height:1.5;color:#b8bab3}
.r2-view #r1-app .r2-facts>.r2-link{justify-self:end}
.r2-view #r1-app .r2-showcase{background:#141817;color:#0d0f0f;padding-block:100px 72px}
.r2-view #r1-app .r2-section-head{display:flex;align-items:end;justify-content:space-between;gap:60px}
.r2-view #r1-app :is(.r2-section-head,.r2-film,.r2-language,.r2-studio-content,.r2-close) h2{font-size:clamp(2.5rem,4.7vw,4.25rem);line-height:1.04;letter-spacing:-.055em;font-weight:620;color:inherit}
.r2-view #r1-app .r2-section-head>p{font-size:1.0625rem;line-height:1.6;letter-spacing:-.01em;color:#b8bab3;margin:0;max-width:340px}
.r2-view #r1-app .r2-showcase .r2-eyebrow{color:#b2bcb7}
.r2-view #r1-app .r2-showcase h2 span{color:#9daaa3}
.r2-view #r1-app .r2-showcase .r2-section-head>p{color:#b2bcb7}
.r2-view #r1-app .r2-showcase .r2-link{color:#71dfc4;margin-top:40px}
.r2-view #r1-app .r2-screen-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:60px;padding:6px}
.r2-view #r1-app .r2-screen-rail figure{min-width:0;margin:0}
.r2-view #r1-app .r2-screen-rail img{width:100%;height:auto;display:block;border:1px solid #36413c;border-radius:18px;box-shadow:none}
.r2-view #r1-app .r2-screen-rail figcaption{color:#f0f3ee;font-size:.8125rem;line-height:1.6;margin-top:22px}
.r2-view #r1-app .r2-screen-rail figcaption span{display:block;font-size:.5625rem;letter-spacing:.12em;line-height:1.6;color:#a6b4ac;margin-bottom:10px}
.r2-view #r1-app .r2-rail-help{display:none}
.r2-view #r1-app .r2-how{padding-block:112px}
.r2-view #r1-app .r2-how h2 span,.r2-view #r1-app .r2-film h2 span,.r2-view #r1-app .r2-language h2 span{color:#b8bab3}
.r2-view #r1-app .r2-how ol{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.r2-view #r1-app .r2-how li{padding-top:24px;border-top:1px solid #343b36}
.r2-view #r1-app .r2-how li>span{font-size:.625rem;font-weight:600;color:#5fd3bc}
.r2-view #r1-app .r2-how h3{font-size:2.5rem;font-weight:550;letter-spacing:-.05em;margin-top:22px}
.r2-view #r1-app .r2-how li p{font-size:.9375rem;line-height:1.65;color:#b8bab3;margin:16px 0 0}
.r2-view #r1-app .r2-film{background:#121514;padding-block:90px;scroll-margin-top:24px}
.r2-view #r1-app .r2-film-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
.r2-view #r1-app .r2-film p:not(.r2-eyebrow){font-size:1.0625rem;line-height:1.7;color:#b8bab3;margin:28px 0}
.r2-view #r1-app .r2-film .r2-film-note{font-size:.6875rem;line-height:1.7;color:#b8bab3;margin-top:30px}
.r2-view #r1-app .r2-film video{width:min(100%,300px);height:auto;aspect-ratio:9/16;border-radius:20px;border:1px solid #3d4942;background:#141817;justify-self:center}
.r2-view #r1-app .r2-language{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:120px;align-items:center}
.r2-view #r1-app .r2-language p:not(.r2-eyebrow){font-size:1.0625rem;line-height:1.7;color:#b8bab3;max-width:400px;margin:28px 0}
.r2-view #r1-app .r2-language-type{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;min-height:300px;border-block:1px solid #343b36}
.r2-view #r1-app .r2-language-type>span{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.3;letter-spacing:-.05em;color:#f2efe7}
.r2-view #r1-app .r2-language-type>span[lang=ar]{color:#5fd3bc}
.r2-view #r1-app .r2-language-type small{font-size:.5625rem;letter-spacing:.15em;line-height:1.6;color:#b8bab3}
.r2-view #r1-app .r2-studio{padding-block:0 112px}
.r2-view #r1-app .r2-studio-word{font-size:clamp(4.7rem,15.3vw,13.5rem);line-height:1.1;font-weight:650;letter-spacing:-.065em;color:#343b36;white-space:nowrap;padding-bottom:40px;border-bottom:1px solid #343b36;user-select:none}
.r2-view #r1-app .r2-studio-word span{color:#5fd3bc}
.r2-view #r1-app .r2-studio-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:44px}
.r2-view #r1-app .r2-studio-content h2{font-size:clamp(2rem,3.3vw,3rem)}
.r2-view #r1-app .r2-studio-content p{font-size:1.0625rem;line-height:1.7;color:#b8bab3;max-width:470px;margin:0}
.r2-view #r1-app .r2-contact{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:24px}
.r2-view #r1-app .r2-close{background:#141817;color:#0d0f0f;text-align:center;padding-block:92px}
.r2-view #r1-app .r2-close .r2-eyebrow{color:#b2bcb7}
.r2-view #r1-app .r2-close h2{font-size:clamp(2.7rem,5.5vw,5rem)}
.r2-view #r1-app .r2-close h2 span{color:#71dfc4}
.r2-view #r1-app .r2-close .r2-actions{justify-content:center;margin-top:36px}
.r2-view #r1-app .r2-close .r2-link{color:#71dfc4}
.r2-view #r1-app .r2-close .r2-small{color:#b2bcb7}
.r2-view #r1-app .site-footer{background:#0d0f0f;color:#b8bab3;border-top:0;padding-block:40px}
.r2-view #r1-app .site-footer nav{gap:8px 26px;margin-top:20px}
.r2-view #r1-app .site-footer nav a{color:#b8bab3;font-size:.875rem}
.r2-view #r1-app .site-footer p{font-size:.6875rem;line-height:1.7}
/* Product pages retain their content and controls in the R2 system. */
.r2-view #r1-app .breadcrumbs{color:#b8bab3;padding-top:18px}
.r2-view #r1-app .seo-hero{padding-block:76px;gap:100px;grid-template-columns:1.2fr 1fr}
.r2-view #r1-app .seo-hero h1{font-size:clamp(2.75rem,5.5vw,5rem);line-height:1.03;font-weight:650;letter-spacing:-.055em;color:#f2efe7}
.r2-view #r1-app .seo-hero .promise{font-size:1.4rem;line-height:1.5;letter-spacing:-.02em;color:#b8bab3}
.r2-view #r1-app .hero-capture{width:300px}
.r2-view #r1-app .hero-capture img{width:100%;border:1px solid #303a34;border-radius:20px;box-shadow:none}
.r2-view #r1-app .section{padding-block:92px;border-top:1px solid #343b36;background:transparent}
.r2-view #r1-app .section h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;font-weight:600;letter-spacing:-.045em;color:#f2efe7}
.r2-view #r1-app .section p,.r2-view #r1-app .features{color:#b8bab3}
.r2-view #r1-app .seo-gallery img{border:1px solid #303a34;border-radius:18px;box-shadow:none}
.r2-view #r1-app .gallery-controls button{color:#5fd3bc;background:#121514;border-color:#58645a}
.r2-view #r1-app .beats li,.r2-view #r1-app .quick-nav a,.r2-view #r1-app .text-button{color:#5fd3bc}
.r2-view #r1-app .sticky-cta{background:#0d0f0f;border-color:#343b36}
.r2-view #r1-app .legal-copy{max-width:900px;padding-block:64px}
.r2-view #r1-app .legal-copy p{color:#b8bab3}
@media(max-width:1100px){
 .r2-view #r1-app .r2-hero{gap:40px;min-height:680px;padding-block:68px}
 .r2-view #r1-app .r2-screen-composition{height:480px}
 .r2-view #r1-app .r2-front-screen{width:250px}
 .r2-view #r1-app .r2-back-screen{width:180px;top:80px}
 .r2-view #r1-app .r2-hero h1{font-size:clamp(3.8rem,7.7vw,5.5rem)}
 .r2-view #r1-app .r2-lead{font-size:1.0625rem}
 .r2-view #r1-app .r2-facts{gap:20px}
 .r2-view #r1-app .r2-screen-rail{gap:22px}
 .r2-view #r1-app .r2-film-layout,.r2-view #r1-app .r2-language,.r2-view #r1-app .r2-studio-content{gap:56px}
 .r2-view #r1-app .seo-hero{gap:48px}
}
@media(max-width:800px){
 .r2-view #r1-app .container,.r2-view #r1-app .r2-wrap{width:calc(100% - 48px)}
 .r2-view #r1-app .r2-hero{gap:28px;min-height:650px;padding-block:56px}
 .r2-view #r1-app .r2-front-screen{width:210px}
 .r2-view #r1-app .r2-back-screen{width:155px;top:65px}
 .r2-view #r1-app .r2-screen-composition{height:400px;margin-inline:0}
 .r2-view #r1-app .r2-hero h1{font-size:3.8rem}
 .r2-view #r1-app .r2-facts{grid-template-columns:1fr 1fr 1fr}
 .r2-view #r1-app .r2-facts>.r2-link{grid-column:1/-1;justify-self:start}
 .r2-view #r1-app .r2-section-head{gap:32px}
 .r2-view #r1-app .r2-film-layout,.r2-view #r1-app .r2-language,.r2-view #r1-app .r2-studio-content{gap:40px}
 .r2-view #r1-app .r2-film video{width:250px}
 .r2-view #r1-app .r2-how ol{gap:24px}
}
@media(max-width:600px){
 .r2-view #r1-app .container,.r2-view #r1-app .r2-wrap{width:calc(100% - 40px)}
 .r2-view #r1-app .header-inner{min-height:64px;gap:10px;flex-wrap:wrap}
 .r2-view #r1-app .header-inner nav{gap:20px}
 .r2-view #r1-app .brand{font-size:.875rem;gap:7px;letter-spacing:.12em}
 .r2-view #r1-app .brand-mark{width:24px;height:24px;font-size:1.125rem}
 .r2-view #r1-app .header-inner nav a{font-size:.6875rem}
 .r2-view #r1-app .r2-eyebrow{font-size:.5625rem;letter-spacing:.1em;margin-bottom:22px}
 .r2-view #r1-app .r2-hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;min-height:0;padding-block:44px 28px}
 .r2-view #r1-app .r2-hero h1{font-size:clamp(3.25rem,15.6vw,4.8rem);line-height:1.01;letter-spacing:-.06em}
 .r2-view #r1-app .r2-hero h1 br:nth-of-type(2){display:none}
 .r2-view #r1-app .r2-lead{font-size:1rem;margin:24px 0}
 .r2-view #r1-app .r2-actions{gap:14px 20px}
 .r2-view #r1-app .r2-link{font-size:.8125rem;gap:14px}
 .r2-view #r1-app .r2-small{font-size:.625rem;line-height:1.7;margin-top:18px}
 .r2-view #r1-app .r2-hero-art{width:100%;margin:0}
 .r2-view #r1-app .r2-screen-composition{height:445px;max-width:350px;margin-inline:auto}
 .r2-view #r1-app .r2-front-screen{width:226px;left:12px}
 .r2-view #r1-app .r2-back-screen{width:175px;top:50px;right:12px}
 .r2-view #r1-app .r2-screen-composition img{border-radius:16px}
 .r2-view #r1-app .r2-hero-art figcaption{justify-content:center;font-size:.625rem;margin-top:0}
 .r2-view #r1-app .r2-facts{gap:22px 10px;padding-block:24px 34px}
 .r2-view #r1-app .r2-facts strong{font-size:1.5rem}
 .r2-view #r1-app .r2-facts span{font-size:.625rem;line-height:1.6}
 .r2-view #r1-app .r2-facts>.r2-link{border-top:1px solid #343b36;width:100%;padding-top:16px}
 .r2-view #r1-app .r2-showcase{padding-block:60px 44px}
 .r2-view #r1-app .r2-section-head{display:block}
 .r2-view #r1-app :is(.r2-section-head,.r2-film,.r2-language) h2{font-size:2.4rem;line-height:1.08}
 .r2-view #r1-app .r2-section-head>p{font-size:1rem;line-height:1.65;margin-top:24px}
 .r2-view #r1-app .r2-screen-rail{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;margin-top:34px;padding:6px 4px 12px}
 .r2-view #r1-app .r2-screen-rail figure{flex:0 0 77%;scroll-snap-align:start}
 .r2-view #r1-app .r2-screen-rail img{border-radius:16px}
 .r2-view #r1-app .r2-screen-rail figcaption{font-size:.8125rem;margin-top:20px}
 .r2-view #r1-app .r2-screen-rail figcaption span{font-size:.5625rem}
 .r2-view #r1-app .r2-rail-help{display:block;color:#b2bcb7;font-size:.625rem;line-height:1.7;margin-top:16px}
 .r2-view #r1-app .r2-showcase .r2-link{margin-top:20px}
 .r2-view #r1-app .r2-how{padding-block:64px}
 .r2-view #r1-app .r2-how ol{display:block;margin-top:34px}
 .r2-view #r1-app .r2-how li{display:grid;grid-template-columns:26px 1fr;gap:0 16px;padding-top:22px;margin-top:26px}
 .r2-view #r1-app .r2-how li>span{padding-top:10px}
 .r2-view #r1-app .r2-how h3{font-size:2rem;margin:0}
 .r2-view #r1-app .r2-how li p{font-size:.875rem;grid-column:2;margin-top:12px}
 .r2-view #r1-app .r2-film{padding-block:60px}
 .r2-view #r1-app .r2-film-layout{display:flex;flex-direction:column;align-items:stretch;gap:34px}
 .r2-view #r1-app .r2-film p:not(.r2-eyebrow){font-size:1rem;line-height:1.7;margin-block:24px}
 .r2-view #r1-app .r2-film .r2-film-note{font-size:.625rem;margin-bottom:0}
 .r2-view #r1-app .r2-film video{width:min(100%,265px);align-self:center}
 .r2-view #r1-app .r2-language{grid-template-columns:1fr;gap:34px;padding-block:64px}
 .r2-view #r1-app .r2-language p:not(.r2-eyebrow){font-size:1rem;margin-block:24px}
 .r2-view #r1-app .r2-language-type{min-height:250px}
 .r2-view #r1-app .r2-language-type>span{font-size:2.6rem}
 .r2-view #r1-app .r2-studio{padding-bottom:64px}
 .r2-view #r1-app .r2-studio-word{font-size:19.5vw;padding-bottom:24px}
 .r2-view #r1-app .r2-studio-content{grid-template-columns:1fr;gap:28px;padding-top:30px}
 .r2-view #r1-app .r2-studio-content h2{font-size:2.25rem}
 .r2-view #r1-app .r2-studio-content p{font-size:1rem}
 .r2-view #r1-app .r2-contact{gap:10px 28px;margin-top:20px}
 .r2-view #r1-app .r2-close{padding-block:64px}
 .r2-view #r1-app .r2-close h2{font-size:2.65rem}
 .r2-view #r1-app .r2-close .r2-actions{margin-top:28px}
 .r2-view #r1-app .site-footer{padding-block:32px}
 .r2-view #r1-app .site-footer nav{gap:8px 20px;margin-top:12px}
 .r2-view #r1-app .site-footer nav a{font-size:.875rem}
 .r2-view #r1-app .seo-hero{grid-template-columns:1fr;gap:36px;padding-block:40px 48px}
 .r2-view #r1-app .seo-hero h1{font-size:clamp(2.5rem,11vw,3.4rem)}
 .r2-view #r1-app .seo-hero .promise{font-size:1.2rem}
 .r2-view #r1-app .hero-capture{width:240px}
 .r2-view #r1-app .section{padding-block:52px}
 .r2-view #r1-app .section h2{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){.r2-view *,.r2-view *::before,.r2-view *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.r2-view #r1-app :is(a,button,summary,[tabindex]):focus-visible{outline-color:Highlight}}

/* Site-wide graphite finish, 2026-10-22; content and behavior unchanged. */
body.r1-view{color-scheme:dark;--bg-0:#0d0f0f;--bg-1:#121514;--bg-2:#181b1a;--surface:#181b1a;--surface-raised:#202522;--text:#f2efe7;--text-muted:#b8bab3;--text-dim:#9da39b;--text-subtle:#dedfd7;--text-nav:#d8dbd2;--header-bg:#0d0f0f;--accent-primary:#5fd3bc;--accent-primary-hover:#8be5d2;--label-accent:#cbb68b;--focus-ring:#5fd3bc;--border:#343b36;--phone-rim:#3b443e;background:#0d0f0f;color:#f2efe7}
body.r1-view #r1-app .site-header{background:#0d0f0f;border-bottom:1px solid #343b36}body.r1-view #r1-app .header-inner{min-height:68px}body.r1-view #r1-app .brand,body.r1-view #r1-app .brand-mark{color:#f2efe7}body.r1-view #r1-app .brand-mark{background:transparent;border-color:#58645a}body.r1-view #r1-app .brand-mark span{color:#cbb68b}body.r1-view #r1-app .site-footer{background:#0d0f0f;color:#b8bab3;border-top:1px solid #343b36}body.r1-view #r1-app .site-footer nav a,body.r1-view #r1-app .header-inner nav a{color:#d8dbd2}body.r1-view #r1-app :is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #5fd3bc;outline-offset:4px}body.r1-view #r1-app :is(input,textarea,select){background:#181b1a;color:#f2efe7;border-color:#58645a}body.r1-view #r1-app :is(input,textarea)::placeholder{color:#b8bab3}body.r1-view #r1-app .legal-copy{overflow-wrap:anywhere}body.r1-view #r1-app .legal-copy p,body.r1-view #r1-app .legal-copy li{color:#b8bab3}

/* Paired official store badges: equal visible height; artwork remains intact. */
.r2-view #r1-app .seo-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.r2-view #r1-app .download-badges{--store-h:50px;display:flex;align-items:center;gap:24px;flex-wrap:nowrap}.r2-view #r1-app .download-badges .store-badge{min-height:var(--store-h);padding:0}.r2-view #r1-app .download-badges .store-badge img{height:var(--store-h);width:calc(var(--store-h)*3);max-width:none}.r2-view #r1-app .download-badges .google-play-badge{margin:calc(var(--store-h)* -41/168)}.r2-view #r1-app .download-badges .google-play-badge img{height:calc(var(--store-h)*250/168);width:calc(var(--store-h)*646/168)}
@media(max-width:600px){.r2-view #r1-app .download-badges{--store-h:40px;gap:24px}}