/* Only the studio homepage loads this file. A missing script leaves Gate Rush. */
@font-face{font-family:Sackrobat Bouncy;src:url("sackrobat/fonts/Shantell_Sans-Informal_Bouncy_Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
[data-home-variant="sackrobat"]{display:none!important}
html[data-home-hero="sackrobat"] [data-home-variant="gate-rush"]{display:none!important}
html[data-home-hero="sackrobat"] [data-home-variant="sackrobat"]{display:revert!important}
html[data-home-hero="sackrobat"] .home-sack-visual{display:flex!important}

/* Match the title's visual height, not the full content-column width. */
html[data-theme] body.studio-home .game-card .sackrobat-wordmark{width:auto;max-width:100%;height:36px;object-fit:contain;padding:0}

/* Shared hero layout; official badge artwork keeps its original proportions. */
html[data-theme] body.studio-home .hero{background:var(--hero-bg)}
.studio-home .hero p.lead{max-width:36ch}
.studio-home .hero .hero-actions{align-items:center}
.studio-home .hero .hero-actions .appstore-badge{display:inline-flex;align-items:center;justify-content:center;height:56px;min-height:56px;padding:0;border:0;background:none}
.studio-home .hero .hero-actions .appstore-badge img{height:56px;width:auto}
.studio-home .hero .hero-actions .btn{height:56px;min-height:56px;padding:0 24px;border-radius:12px;justify-content:center;line-height:1.2}

/* One quiet panel groups the three points in both hero variants. */
.studio-home .hero .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:520px;margin-top:32px;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}
.studio-home .hero .trust .stat{min-width:0;padding:14px 12px}
.studio-home .hero .trust .stat+.stat{border-left:1px solid var(--border)}
.studio-home .hero .trust .stat b{display:block;font-size:1rem;line-height:1.3}
.studio-home .hero .trust .stat b span{font:inherit;color:inherit}
.studio-home .hero .trust .stat>span{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;line-height:1.4}

/* The alternative feature uses Sackrobat's existing light and dark palette. */
html[data-theme="playful"][data-home-hero="sackrobat"] body.studio-home .hero{--bg:#EEF8F7;--surface:#FFF8E7;--text:#3D2B38;--muted:#62515E;--accent:#75509C;--border:#B4C8C4;--tint:#E4D7F4;--gate-grad:linear-gradient(110deg,#3D2B38,#75509C)}
html[data-theme="dark"][data-home-hero="sackrobat"] body.studio-home .hero{--bg:#241F29;--surface:#332B37;--text:#FFF8E7;--muted:#D8CBD4;--accent:#FFD34F;--border:#8D7C8C;--tint:#463553;--gate-grad:linear-gradient(110deg,#FFF8E7,#FFD34F)}
html[data-theme][data-home-hero="sackrobat"] body.studio-home .hero{color:var(--text)}
html[data-home-hero="sackrobat"] .hero h1{font-family:"Sackrobat Bouncy",system-ui,sans-serif;line-height:1.15;letter-spacing:0}
html[data-home-hero="sackrobat"] .hero .trust b{font-family:"Sackrobat Bouncy",system-ui,sans-serif}
.home-sack-visual{align-items:center;justify-content:center;min-height:500px}
.home-sack-visual picture{display:block;width:100%;max-width:520px;overflow:hidden;border:2px solid var(--border);border-radius:30px 38px 27px 34px;background:#EEF8F7}
.home-sack-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:900px){.home-sack-visual{min-height:0;max-width:580px;margin-inline:auto}.studio-home .hero .trust{margin-inline:auto}}
@media(max-width:760px){html[data-theme] body.studio-home .game-card .sackrobat-wordmark{margin-inline:auto}}
@media(max-width:479px){
  .studio-home .hero .trust{grid-template-columns:minmax(0,1fr);text-align:left}
  .studio-home .hero .trust .stat{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:12px 16px}
  .studio-home .hero .trust .stat+.stat{border-left:0;border-top:1px solid var(--border)}
  .studio-home .hero .trust .stat>span{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.studio-home .hero .brand-text{animation:none!important}}