/* Final shared studio shell; approved artwork and Timer logic are unchanged. */
:root{--studio-ink:#090711;--studio-panel:#15101e;--studio-line:#b581db40;--studio-muted:#c6b8d2;--studio-accent:#db9cff;--studio-action:#713995}
body{background:var(--studio-ink);color:#f8f3fc}
.page-studio .studio-header,.page-timer .studio-header,.page-game .studio-header{max-width:1800px;margin:auto;padding:20px clamp(24px,4vw,72px);height:auto;min-height:96px;gap:25px;background:#0b0813;border-bottom:1px solid var(--studio-line)}
.studio-header .brand{white-space:nowrap;font-size:15px;letter-spacing:.035em;gap:12px;flex-shrink:0}.studio-header .brand-sub{color:#d6a7f6;font-size:8px;letter-spacing:.46em}.studio-header .brand img,footer .brand img{filter:drop-shadow(0 0 12px #914fe32c)}
.page-studio .studio-header .product-nav,.page-timer .studio-header .product-nav,.page-game .studio-header .product-nav{display:flex;gap:25px;margin-left:auto!important;font-size:12px;color:#d8ccdf}
.studio-header nav a{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.studio-header .product-nav a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:#db9cff;text-underline-offset:10px;text-decoration-thickness:2px}
.studio-header .language-switch a{min-height:40px;min-width:36px}.studio-header .language-switch a[aria-current=page]{background:#a566cb20;border-color:#cc8deb80;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e9ff9b;outline-offset:5px}
.button.primary{background:var(--studio-action);color:#fff;border:1px solid #d59bf475;box-shadow:0 3px 20px #632c7d35}.button.primary:hover{background:#8348aa}.button{min-height:46px}.text-link,.card-link{color:#e6b8ff}.release-label{line-height:1.5}
.page-studio footer,.page-game footer,.page-timer footer{max-width:1440px;margin:auto;padding:35px 4%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:24px;border-top:1px solid var(--studio-line);background:linear-gradient(#150e20,#090711);font-size:11px}
footer>.brand{margin-right:auto!important;font-size:14px}footer .brand-sub{color:#d6a7f6}footer>a:not(.brand),footer button{font-size:11px;color:#cdbbdc;min-height:40px;display:inline-flex;align-items:center}footer>span{font-size:10px;color:#b5a6bf}footer button{padding:0 4px;background:transparent;border:0}
dialog{background:#16101f;color:#f8f3fc;border:1px solid #bb7fed66;border-radius:14px;box-shadow:0 30px 100px #0009}dialog h2{font-size:38px;letter-spacing:-.04em}dialog p{color:#d2c2de;line-height:1.8}.dialog-close{min-width:44px;min-height:44px}
.page-timer .hero{max-width:1800px;margin:auto;min-height:680px;padding-inline:clamp(32px,5.5vw,99px);padding-top:75px;padding-bottom:75px}.page-timer .hero-bg{background:linear-gradient(90deg,#090711 4%,#0e0915de 38%,#170c2244 75%),url('/assets/stage.webp') center/cover}.page-timer .hero h1{font-size:clamp(54px,6vw,94px)}.page-timer .hero-visual{min-height:500px}.page-timer .hero-description,.page-timer .intro-copy>p:not(.large-copy),.page-timer .demo-copy>p,.page-timer .fatbat-copy>p{color:#c5b6d1}
.page-timer .ticker{background:#1a1124;color:#decbe9;border-color:#bd80df25}.page-timer .section{max-width:1380px}.page-timer .timer-demo{transform:none;background:linear-gradient(140deg,#281737,#150f20);border-color:#b47cdd55;box-shadow:0 22px 65px #0004}.page-timer .timer-ring>div{background:#1d1428}.page-timer .feature{border-color:#af79cf32;background:linear-gradient(145deg,#21152d,#140e1c)}.page-timer .feature p{color:#c3b3d0}.page-timer .feature-foot{color:#b9a6c6}.page-timer .small-note{color:#b7a4c7!important}.page-timer .beta-section{background:radial-gradient(ellipse at 50% 50%,#45235860,transparent 70%),#150d1e}.page-timer .demo-status{color:#d2bfe0}
.page-game{background:#0b0813}.page-game .game-hero{border-bottom-color:var(--studio-line);padding-block:85px;background:radial-gradient(ellipse at 85% 20%,#4d246d80,transparent 60%),linear-gradient(#100b1c,#0b0813)}.page-game .game-hero h1{font-size:clamp(52px,6vw,88px)}.page-game .chapter-nav a{min-height:44px;display:inline-flex;align-items:center;border-color:#ac72d653;background:#1a102780;color:#e6d3f4}.page-game .game-section{border-bottom-color:#b57ade33}.page-game .game-section h2{letter-spacing:-.04em}.page-game .game-section p{color:#ccbbd8}.page-game .material-note{border-color:#a977ce66;color:#d7bee9;background:#1b102b77}
.a2-hero-copy>a{background:#160a24dd;color:#f0d0ff;text-shadow:none}.a2-hero-copy p{text-shadow:0 2px 8px #000,0 0 20px #000}.page-studio .a2-products{padding-bottom:65px}.page-studio .product-card{border-color:#a666d0;box-shadow:0 10px 40px #0003}.page-studio .product-card:hover{border-color:#e2aaff;box-shadow:0 12px 38px #8644b21c}.page-studio .a2-card-copy{padding:25px 27px}.page-studio .a2-card-copy .card-link{min-height:44px;align-items:center}.page-studio .a2-card-copy .a2-material-note{margin-bottom:0}.page-studio .a2-card-copy p{color:#d8c9e4}.page-studio .a2-card-copy .a2-material-note{color:#c2aed1}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:#090711}.intro-skip{position:absolute;z-index:3;right:5%;bottom:5%;min-height:44px;padding:10px 18px;background:#160a24eb;color:#fff;border:1px solid #d89aff;border-radius:6px}
@media(max-width:1000px){.page-studio .studio-header,.page-timer .studio-header,.page-game .studio-header{gap:16px}.page-studio .studio-header .product-nav,.page-timer .studio-header .product-nav,.page-game .studio-header .product-nav{gap:16px;font-size:11px}}
@media(max-width:760px){
 .page-studio .studio-header,.page-timer .studio-header,.page-game .studio-header{padding:12px 5%;gap:8px;row-gap:10px;min-height:96px}
 .studio-header>.brand{order:0;font-size:12px}.studio-header .brand-sub{font-size:7px}.studio-header .brand img{width:34px;height:34px}.studio-header .language-switch{order:1;margin-left:auto!important;gap:1px}.studio-header .language-switch a{min-width:34px;min-height:38px;font-size:10px}
 .page-studio .studio-header .product-nav,.page-timer .studio-header .product-nav,.page-game .studio-header .product-nav{order:2;width:100%;margin:0!important;display:flex!important;justify-content:space-between;gap:8px;font-size:11px}.studio-header .product-nav a{min-height:32px}
 .page-studio footer,.page-game footer,.page-timer footer{padding:25px 5%;gap:12px 20px}.page-studio footer>.brand,.page-timer footer>.brand,.page-game footer>.brand{flex-basis:100%;margin-bottom:5px}footer>span{flex-basis:100%;text-align:left;font-size:10px}
 .page-timer .hero{padding:42px 6% 48px;min-height:auto}.page-timer .hero h1{font-size:clamp(45px,10vw,72px)}.page-timer .hero-visual{min-height:350px;margin-bottom:45px}.page-timer .hero-bat{inset:0}.page-timer .hero-description{font-size:14px}.page-timer .hero-actions{gap:16px;flex-wrap:wrap}.page-timer .section{padding-inline:6%}.page-timer .demo-copy h2{font-size:clamp(40px,10vw,58px)}.page-timer .timer-demo{padding:22px;border-radius:14px}.page-timer .feature p{font-size:13px}.page-timer .beta-section h2{font-size:clamp(44px,18vw,100px)}
 .page-game .game-hero{padding:45px 6%}.page-game .game-hero h1{font-size:clamp(39px,9.6vw,65px)}.page-game .game-section{gap:12px}.page-game .game-section p{font-size:14px}
 /* Approved RC3 mobile composition: the complete original A2 image. */
 .a2-scene{position:relative;display:block!important;aspect-ratio:1672/941;overflow:hidden;background:#090711}
 .a2-scene img{position:static;width:100%;max-width:100%;height:auto;aspect-ratio:1672/941}
 .a2-scene:after{display:none}
 .intro-video{object-fit:contain}
 .a2-intro-media:after{display:none}.page-studio .a2-hero-copy{padding-top:13px;padding-bottom:28px}.a2-hero-copy p{font-size:21px}.a2-hero-copy>a{font-size:14px;min-height:44px}.page-studio .a2-products>h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.product-card:hover,.button:hover{transform:none!important}}


.page-studio .product-card:focus-within{border-color:#e9ff9b;box-shadow:0 0 0 1px #e9ff9b60}main:focus{outline:none}

/* V1 on desktop and mobile; the original A2 image remains underneath. */
.intro-video{object-fit:fill;opacity:1;transition:opacity .16s ease}
@media(max-width:760px){.intro-video{object-fit:contain}}
.a2-intro-media[data-intro-state="finishing"] .intro-video{opacity:0}
.a2-intro-media[data-intro-state="playing"]+.a2-hero-copy{visibility:hidden}
.page-studio .intro-replay{display:table;margin:12px auto 0;padding:7px 12px;min-height:44px;border:1px solid #c780ff70;border-radius:6px;background:#160a24dc;color:#efc8ff;font-size:13px;line-height:1.4}
.intro-replay:hover{border-color:#e3b2ff;color:#fff}
.intro-replay[hidden],.intro-video[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.intro-replay{display:none!important}}

/* RC2: comfortable mobile hit areas without changing the approved A2 artwork. */
@media(max-width:760px){
 .studio-header .brand{min-height:44px}
 .studio-header .product-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .page-studio .studio-header .language-switch a,.page-timer .studio-header .language-switch a,.page-game .studio-header .language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}

/* RC5: desktop fills the available height, including ultrawide screens; mobile keeps RC3. */
@media(min-width:1100px){
 .page-studio .studio-header{position:absolute;top:0;left:0;right:0;width:100%;max-width:min(100%,177.6833156svh);z-index:5;background:linear-gradient(#090711ed,#090711d9);transition:opacity .24s ease;box-sizing:border-box}
 .page-studio .a2-hero{max-width:min(100%,177.6833156svh)}
 .page-studio:has(.a2-intro-media[data-intro-state="loading"]) .studio-header,.page-studio:has(.a2-intro-media[data-intro-state="playing"]) .studio-header{opacity:0;visibility:hidden;pointer-events:none}
 .a2-intro-media:after{display:none}
 .a2-hero-copy{top:64%}
}
@media(prefers-reduced-motion:reduce){.page-studio .studio-header{transition:none}}

/* Bound desktop gutters to the content box, including resized ultrawide windows. */
@media(min-width:1600px){
 .page-timer .section{padding-inline:76px}
 .page-timer .ticker{max-width:1800px;margin-inline:auto}
 .page-timer .ticker>div{transform:none;text-align:center}
 .page-timer .product-content{padding-inline:76px}
}
.page-timer .hero-copy,.page-timer .hero-visual{min-width:0}