/* A casa do estúdio: mantém a identidade do portal e separa plataformas. */
#homeHead .wrap { gap:22px; flex-wrap:wrap; height:auto; min-height:88px; padding-block:14px; }
#homeHead .home-nav { display:flex; gap:20px; }
#homeHead .home-nav a { font-size:14px; white-space:nowrap; border:0; }
#homeHead .home-nav a:hover { color:#59378b; }
#homeHead .metaItem { display:none; }
#homeHead .lvlpill { white-space:nowrap; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; padding:16px; background:#fff; color:#654397; }
.skip-link:focus { top:10px; }
.hero { min-height:350px; }
.hero-copy { padding-top:28px; padding-bottom:28px; }
.hero h1 { font-size:clamp(34px,4vw,52px); }
.hero .welcome { font-size:12px; letter-spacing:1px; }
.hero-note { font-size:13px; }
.studio-apps { margin-bottom:32px; }
#apps,#catalogue,#roblox,#families,#studio,#profile { scroll-margin-top:18px; }
#home .section-kicker { font-size:12px; letter-spacing:1.4px; color:#776882; }
.platform-label { padding:9px 14px; border-radius:30px; background:#eee5fa; color:#64418e; font-size:14px; font-weight:800; white-space:nowrap; }
.app-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.app-feature { border:1px solid #d9ceea; border-radius:26px; overflow:hidden; background:#ede5fb; display:flex; flex-direction:column; }
.chess-feature { background:#e3f0e8; border-color:#bdd8c6; }
.app-image { height:245px; overflow:hidden; background:#d6e4f0; }
.chess-feature .app-image { background:#d1e4d7; }
.app-image img { width:100%; height:100%; object-fit:contain; display:block; }
.app-copy { padding:24px; flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.platforms { display:flex; flex-wrap:wrap; gap:6px; }
.platforms span { font-size:12px; font-weight:800; padding:5px 9px; border:1px solid #ffffff; background:#ffffffa3; border-radius:7px; color:#544469; }
.platforms .soon { background:transparent; border-color:#9e91b4; }
.app-copy h3 { font-size:32px; letter-spacing:-1px; margin:14px 0 6px; font-weight:1000; }
.app-copy p { font-size:16px; line-height:1.6; margin:0 0 22px; color:#5e536e; }
.app-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:auto; }
.studio-button { display:inline-flex; padding:13px 18px; min-height:46px; align-items:center; text-decoration:none; border-radius:12px; color:white; background:#674394; font-size:15px; font-weight:900; border:2px solid #674394; }
.studio-button:hover { background:#4f2d7a; border-color:#4f2d7a; }
.text-link { color:#52357a; font-size:14px; font-weight:900; text-underline-offset:5px; padding-block:10px; }
.app-detail { display:block; color:#645470; margin-top:18px; font-size:13px; text-underline-offset:3px; }
.section-note { font-size:13px; color:#72617f; line-height:1.6; margin:16px 0; max-width:85ch; }
.roblox-panel { margin:50px 0; padding:42px; border-radius:28px; background:#342254; color:#fff5e8; display:grid; grid-template-columns:1.1fr 1fr; gap:45px; }
.beta-label { display:inline-block; padding:8px 12px; background:#e8f88e; color:#343c18; border-radius:8px; font-size:12px; font-weight:900; letter-spacing:.6px; }
.roblox-panel h2 { font-size:clamp(30px,3.5vw,44px); line-height:1.1; letter-spacing:-1px; margin:22px 0 16px; }
.roblox-panel p { font-size:16px; line-height:1.7; color:#e2d7ef; }
.roblox-panel .studio-button { background:#fff5e8; color:#342254; margin-top:12px; }
.roblox-note { align-self:center; border:1px solid #8b6ba8; border-radius:22px; padding:30px; transform:rotate(2deg); }
.roblox-word { font-size:clamp(22px,3vw,36px); font-weight:1000; letter-spacing:-1px; }
.roblox-word span { color:#d6ee79; }
.roblox-note p { font-size:24px; font-weight:800; }
.roblox-note>span:last-child { font-size:13px; color:#dfd1ed; }
.family-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.family-grid h3 { font-size:19px; margin:0 0 10px; }
.family-grid p, .families-panel details p { font-size:16px; line-height:1.65; color:#6b5c78; }
.families-panel details { margin-top:22px; border-block:1px solid #ded4e6; padding:20px 0; }
.families-panel summary { cursor:pointer; font-size:16px; font-weight:800; min-height:28px; }
.families-panel a { color:#674394; }
.studio-panel { display:grid; grid-template-columns:1fr 1.3fr; gap:50px; padding:40px; background:#f5dfc5; border-radius:26px; margin:44px 0; }
.studio-panel h2 { margin:12px 0; font-size:36px; line-height:1.15; letter-spacing:-1px; }
.studio-panel p { font-size:16px; line-height:1.7; margin:0 0 16px; }
footer.site a { color:#674394; }
footer.site { flex-wrap:wrap; font-size:14px; }
footer.site small { font-size:12px; }
@media(max-width:1050px) {
 #homeHead .home-nav { order:3; flex-basis:100%; justify-content:space-between; gap:15px; overflow-x:auto; }
 #homeHead .spacer { margin-left:auto; }
 html { scroll-padding-top:155px; }
}
@media(max-width:720px) {
 #homeHead .wrap { gap:8px 16px; padding-block:10px; }
 #homeHead .home-nav { gap:20px; }
 .hero { min-height:0; }
 .hero-copy { padding:24px; }
 .hero-art { display:none; }
 .hero .welcome { font-size:11px; }
 .hero h1 { font-size:clamp(32px,8vw,46px); }
 .hero p { font-size:16px; }
 .app-grid,.family-grid,.studio-panel,.roblox-panel { grid-template-columns:1fr; }
 .app-image { height:220px; }
 .app-copy { padding:22px; }
 #apps .sectionHead { align-items:flex-start; gap:12px; }
 #apps .sectionHead h2 { font-size:26px; max-width:none; }
 .platform-label { display:none; }
 .roblox-panel,.studio-panel { padding:26px; gap:24px; }
 .roblox-note { transform:none; padding:22px; }
 .family-grid { gap:16px; }
 .family-grid p { margin-top:0; }
 .studio-panel h2 { font-size:32px; }
 footer.site .footer-flower { display:none; }
}
.roblox-facts { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.roblox-facts span { border:1px solid #967bad; border-radius:7px; padding:6px 9px; font-size:13px; }
.roblox-panel .roblox-platform-note { font-size:13px; line-height:1.6; }
.roblox-preview { align-self:center; overflow:hidden; border-radius:20px; border:1px solid #8b6ba8; background:#453063; }
.roblox-preview img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.roblox-preview-caption { padding:22px; }
.roblox-preview-caption strong { display:block; font-size:20px; }
.roblox-preview-caption span { display:block; font-size:14px; margin-top:9px; color:#dfd1ed; line-height:1.6; }
.card { text-decoration:none; }
body[data-content-page] #home>.wrap>*:not(.content-detail):not(footer) { display:none; }
.content-detail { margin:24px 0 50px; font-size:17px; line-height:1.7; }
.content-detail h1 { font-size:clamp(34px,5vw,58px); letter-spacing:-1.8px; line-height:1.12; margin:22px 0; }
.content-detail h2 { font-size:27px; line-height:1.3; }
.content-detail li { padding:8px 0 8px 8px; max-width:75ch; }
.detail-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:36px; align-items:center; margin:26px 0 40px; }
.detail-hero>img { width:100%; height:auto; border-radius:24px; background:#ede5f5; }
.related { display:flex; flex-wrap:wrap; gap:12px 25px; border-top:1px solid #ded4e6; margin-top:32px; padding-top:20px; }
.related h2 { width:100%; margin:0; }
.editorial { max-width:760px; margin-inline:auto; }
.editorial>img { width:100%; height:280px; object-fit:contain; background:#f2eaf9; border-radius:24px; }
.article-intro { font-size:21px; color:#6b557c; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:44px; }
.story-card { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:20px; border:1px solid #ded4e6; background:#fff; border-radius:20px; color:inherit; text-decoration:none; }
.story-card img { width:130px; height:150px; object-fit:contain; border-radius:14px; background:#eee6f7; }
.story-card h3 { margin:0 0 8px; font-size:21px; line-height:1.3; }
.story-card p { font-size:15px; line-height:1.6; }
.story-card span { font-size:14px; font-weight:800; color:#674394; }
.roblox-preview { color:inherit; text-decoration:none; }
.load-status { display:grid; gap:20px; place-content:center; text-align:center; height:100%; padding:24px; font:700 18px 'Nunito',sans-serif; color:#59416f; background:#fffcf5; }
body.playing .skip-link { display:none; }
@media(max-width:1150px) { #homeHead .home-nav { order:3; flex-basis:100%; justify-content:space-between; overflow-x:auto; } html { scroll-padding-top:155px; } }
@media(max-width:720px) { .detail-hero,.story-grid { grid-template-columns:1fr; } .detail-hero { gap:18px; } .story-card { grid-template-columns:90px 1fr; gap:14px; padding:16px; } .story-card img { width:90px; height:120px; } .editorial>img { height:220px; } }