/* Shared studio frame and quieter product / information pages. */
.studio-chrome .site-header { border-color: var(--line); background: rgba(9,11,10,.9); }
.studio-chrome .brand, .studio-chrome .site-nav, .studio-chrome .menu-button { color: var(--ink); }
.studio-chrome .brand-mark { padding: 0; border-radius: 0; background-color: transparent; }
.studio-chrome .studio-footer { border-color: var(--line); background: var(--paper); color: var(--ink); }
.studio-chrome .studio-footer .brand { color: var(--ink); }
.studio-chrome .studio-footer .footer-links a { color: #b9bdb3; }
.studio-chrome .studio-footer .footer-links a:hover { color: var(--accent); }
.studio-chrome .studio-footer .footer-note, .studio-chrome .studio-footer .footer-bottom { color: var(--muted); }
.studio-chrome .studio-footer .footer-bottom { border-color: var(--line); }
.studio-chrome .game-intro { max-width: 850px; }
.studio-chrome .game-intro h2 { font-size: clamp(30px,3.4vw,46px); }
.studio-chrome .game-intro > p:not(.eyebrow) { max-width: 710px; }
.studio-chrome .game-intro h2, .studio-chrome .feature-heading h2 { color: var(--ink); font-weight: 550; }
.studio-chrome .game-hero--bubble { background: radial-gradient(ellipse at 80% 30%,#133b3f,#0d191a 55%,#090b0a); color: #f1f7f4; }
.studio-chrome .game-hero--bubble h1 { color: #e5f7ed; font-weight: 600; }
.studio-chrome .game-hero--bubble .lead { color: #afc6bd; }
.studio-chrome .game-hero--bubble .release-tag { color: #b5ead4; }
.studio-chrome .game-hero--node { background: radial-gradient(ellipse at 80% 30%,#1d3223,#0f1911 55%,#090b0a); }
.studio-chrome .game-hero-copy h1 { font-weight: 600; letter-spacing: -.055em; line-height: 1.08; }
.studio-chrome .game-hero--node .button-secondary { color: var(--ink); }
.studio-chrome .game-hero--node .button-secondary:hover { color: var(--accent); }
.studio-chrome .release-tag { padding: 8px 12px; font: 500 9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }
.studio-chrome .device-preview img { border-width: 4px; border-color: #3d4d43; border-radius: 25px 25px 0 0; box-shadow: 0 24px 65px #0005; }
.studio-chrome .feature-grid { gap: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.studio-chrome .feature-card { padding: 31px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #11150f; }
.studio-chrome .feature-card:last-child { border-right: 0; }
.studio-chrome .feature-card h3 { color: #e3ebdc; font-weight: 550; }
.studio-note { padding: 0 0 clamp(72px,9vw,112px); }
.studio-note-inner { display: grid; grid-template-columns: 90px minmax(0,1fr); align-items: start; gap: clamp(20px,4vw,52px); padding: clamp(27px,4.5vw,52px); border: 1px solid #3b4530; border-radius: 8px; background: #141b0f; }
.studio-note-mark { color: var(--accent); font: 300 86px/1 Arial,sans-serif; }
.studio-note-label { margin: 0; color: var(--accent); font: 500 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .1em; }
.studio-note h2 { max-width: 760px; margin: 16px 0; color: #e0e9d8; font-size: clamp(25px,3vw,38px); font-weight: 500; letter-spacing: -.055em; line-height: 1.45; }
.studio-note-copy > p:not(.studio-note-label) { max-width: 740px; margin: 0; color: #aebda0; font-size: 13px; line-height: 2; }
.studio-note a { display: inline-block; margin-top: 24px; color: var(--accent); font-size: 12px; text-decoration: none; }
.studio-note a:hover { text-decoration: underline; }
.studio-chrome .store-callout { margin-right: auto; margin-left: auto; border: 1px solid var(--line); border-radius: 8px; background: #12180e; }
.studio-chrome .store-callout h2 { color: #dce7d3; font-weight: 500; }
.studio-chrome .phantom-hero h1 { font-weight: 600; letter-spacing: -.05em; }
.studio-chrome .phantom-feature, .studio-chrome .development-panel { border-radius: 8px; }
.studio-chrome .phantom-feature span, .studio-chrome .phantom-section .eyebrow { color: var(--accent); }
.studio-chrome .page-hero h1, .studio-chrome .content-section h2, .studio-chrome .section-heading h2, .studio-chrome .policy h2, .studio-404 .not-found h1 { color: var(--ink); font-weight: 550; }
.studio-chrome .page-hero h1 { letter-spacing: -.055em; line-height: 1.3; }
.studio-chrome .page-hero > p:not(.eyebrow):not(.language-switch) { max-width: 760px; }
.studio-chrome .page-hero > p:last-child { font-size: 15px; line-height: 1.95; }
.studio-chrome .notice { border-color: var(--accent); border-radius: 0; }
.studio-chrome .policy { max-width: 860px; }
.studio-chrome .policy p { color: #bac3b2; line-height: 2; }
.studio-chrome .policy-meta { border: 1px solid var(--line); border-radius: 8px; }
.studio-chrome .support-product-card { border-radius: 8px; background: #11160e; box-shadow: none; }
.studio-chrome .support-product-card h3 { color: #e4ebde; font-weight: 550; }
.studio-chrome .support-development-note { border-color: var(--line); border-radius: 8px; background: #11160e; }
.studio-chrome .support-development-note strong { color: var(--ink); }
.studio-404 { background: var(--paper); }
@media (max-width: 1050px) {
  .studio-chrome .site-header .site-nav { background: #141713; color: var(--ink); }
}
@media (max-width: 680px) {
  .studio-note-inner { grid-template-columns: 1fr; gap: 10px; padding: 27px 23px; }
  .studio-note-mark { font-size: 54px; }
  .studio-note h2 { font-size: 27px; }
  .studio-chrome .feature-card { border-right: 0; border-bottom: 1px solid var(--line); }
  .studio-chrome .feature-card:last-child { border-bottom: 0; }
  .studio-chrome .game-hero-copy h1 { font-size: 54px; }
  .studio-chrome .support-product-card { flex-wrap: wrap; }
}