/* Site-wide visual QA fixes (claude-1437). Loaded last in <head> on every public page by
   scripts/apply_game_menu.py. Keep rules small and scoped; each one is listed in qa/claude-1437/REPORT.md. */

/* Section rhythm on pages that do not load launch.css (game, plan, status, about, news...).
   Without this, .launch-section had 0 padding and position:static, so the pixel band edges of
   .section--alt anchored to the wrong box and cut through body text. Values mirror launch.css. */
.launch-section { position: relative; padding: 76px 0; }
@media (max-width: 650px) { .launch-section { padding: 48px 0; } }
.catalog-hero + .launch-section { padding-top: 24px; }
.launch-section .catalog-reading > h2:first-child { margin-top: 0; }

/* Contact page: the "Ready to start?" note sat flush under the submit button. */
form + .info-block { margin: 36px 0 0; padding: 28px 0 0; border-top: 1px solid #a99bff26; border-bottom: 0; }

/* Homepage game cards: the "Explore all 16 games" link was glued to the grid. */
.catalog-grid + p { margin-top: 24px; }

/* "Orders not open yet" is a status label, not a dead button. The generic disabled rule
   (.btn[aria-disabled] opacity .55) on top of the purple plan button left ~2.4:1 text contrast. */
.btn.btn--closed[aria-disabled="true"],
.world-section .world-plan .btn.btn--closed {
  opacity: 1; cursor: default; box-shadow: none; transform: none;
  background: rgba(169, 155, 255, .08); color: #e4dcff;
  border: 1px dashed rgba(169, 155, 255, .55);
}
.btn.btn--closed[aria-disabled="true"]:hover,
.world-section .world-plan .btn.btn--closed:hover { background: rgba(169, 155, 255, .08); color: #e4dcff; }

/* Page-head CTA sat flush against the lead paragraph (games, status, news, roadmap, FAQ, billing, panel). */
.pagehead .lead + .btn { margin-top: 28px; }

/* Phones: game catalog cards were tall, centred stacks with a big empty icon tile and
   mixed centred/left text. Use a compact left-aligned row: icon beside the name. */
@media (max-width: 600px) {
  .catalog-card {
    display: grid; grid-template-columns: 60px minmax(0, 1fr); column-gap: 16px;
    align-items: center; justify-items: start; padding: 18px; text-align: left;
  }
  .catalog-card img { width: 60px; height: 40px; margin: 0; }
  .catalog-card h2, .catalog-card h3 { margin: 0; font-size: 1.2rem; }
  .catalog-card p { grid-column: 1 / -1; margin: 12px 0 0; }
  .catalog-card > span { grid-column: 1 / -1; margin-top: 12px; }
  .catalog-card:not(:has(p)) img { grid-row: 1 / span 2; }
  .catalog-card:not(:has(p)) > span { grid-column: 2; margin-top: 2px; font-size: .9rem; }
}

/* Plan cards: "Plan details" link was flush under the order-status label. */
.launch-plan .btn--closed + a { margin-top: 14px; justify-self: start; }

/* Guides: at desktop widths the 760px article left a ~420px empty gutter while the
   "On this page" list sat inline. Move it into a sticky sidebar in that gutter. */
@media (min-width: 1100px) {
  .guide { max-width: none; display: grid; grid-template-columns: minmax(0, 760px) 260px; column-gap: 56px; align-items: start; }
  .guide > * { grid-column: 1; }
  .guide > .guide-toc { grid-column: 2; grid-row: 1 / span 400; position: sticky; top: 112px; margin: 0; }
}

/* Contact rows: one WhatsApp chip style everywhere. In-page rows used a chunky pixel-shadow
   button while the footer used a flat chip; match the footer (flat, 10px radius, 16px icon). */
a.contact-phone__whatsapp,
.why-row a.contact-phone__whatsapp {
  min-height: 40px; padding: 0 14px; gap: 8px;
  border: 1px solid #a99bff40; border-radius: 10px; background: #211a37; color: #e4dcff;
  box-shadow: none; font-size: .875rem; font-weight: 500; line-height: 1.2;
}
a.contact-phone__whatsapp:hover, a.contact-phone__whatsapp:focus-visible,
.why-row a.contact-phone__whatsapp:hover { background: #302449; border-color: #a99bff; color: #fff; }
a.contact-phone__whatsapp svg { width: 16px; height: 16px; flex: 0 0 16px; }
@media (max-width: 767px) { a.contact-phone__whatsapp, .why-row a.contact-phone__whatsapp { min-height: 44px; } }
main .contact-phone__location { font-size: .75rem; color: var(--muted); }

/* Sitemap: "Go straight to a guide" was flush under the link grid, and the game/plan list
   below ran full-width in one long column, out of line with the 900px content column. */
.info-directory + .info-block { margin-top: 44px; }
.info-page > .launch-section > .wrap { max-width: 900px; padding-inline: 0; }
.info-page > .launch-section h2 { font-size: 25px; line-height: 1.3; margin: 0 0 18px; }
.info-page > .launch-section ul { columns: 2 260px; column-gap: 40px; margin: 0; padding-left: 20px; }
.info-page > .launch-section li { break-inside: avoid; margin: 0 0 8px; }
@media (max-width: 960px) { .info-page > .launch-section > .wrap { padding-inline: var(--gut, 20px); } }

/* 404 (and other short launch-page heads): the lines were stacked with no spacing. */
.launch-page-head h1 + p { margin-top: 16px; }
.launch-page-head > .btn { margin: 12px 0 32px; }
.launch-page-head > p { margin-bottom: 10px; }
main > .launch-page-head:only-child { padding-bottom: 120px; }

/* Phones: mobile.css makes every `main a` a 44px inline-flex box for tap size. Inside running
   text that broke line spacing and left gaps after links ("Choose Java   for Vanilla").
   Inline links in sentences are exempt from target-size rules (WCAG 2.5.8), so restore them. */
@media (max-width: 767px) {
  main :is(p, td, dd, figcaption, blockquote, .lead, .aside) > a:not(.btn):not([class*="contact-phone"]) {
    display: inline; min-height: 0; min-width: 0;
  }
}

/* Contact page phones: Support/Billing cards were 2-up at 375px and cut off the addresses. */
@media (max-width: 480px) {
  .contact-channels { grid-template-columns: 1fr; }
  .contact-channel { min-height: 0; }
}

/* Plan detail pages: give the price block hierarchy and room before the order-status label,
   and stop the 480px pickaxe tile dominating the reading column. */
.pagehead .launch-price { margin: 20px 0 4px; font: 700 1.5rem/1.2 var(--font-h); color: var(--text); }
.pagehead .launch-price + p { margin: 0; color: var(--muted); }
.pagehead p + .btn { margin-top: 24px; }
.catalog-reading > img[src$="minecraft-hosting.png"] { display: block; width: 200px; max-width: 50%; height: auto; margin: 0 0 8px; border-radius: 12px; }

/* Games catalog: 16 cards in 3 columns left a lone card on the last row. 4 x 4 on wide screens. */
@media (min-width: 1100px) {
  .catalog-grid:has(> .catalog-card:nth-child(16)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .catalog-grid:has(> .catalog-card:nth-child(16)) .catalog-card { padding: 22px; }
}
/* Homepage: section intro sat flush on the game card grid. */
p + .catalog-grid { margin-top: 28px; }

/* Core redesign: final shared visual contract. Keep game-menu internals in nav-menu.css. */
:root{--bg:#0F0D24;--bg-2:#17153A;--card:#17153A;--card-2:#17153A;--text:#F6F5FF;--muted:#c5c2d7;--dim:#b3afc9;--accent:#6C5CE7;--lilac:#A99BFF;--line:#ffffff1c;--line-2:#ffffff30;--r:8px;--r-l:8px;--pill:6px;--fs-xs:.875rem;--fs-s:.875rem;--fs-b:1rem;--fs-m:1.125rem;--fs-h3:1.25rem;--fs-h2:2rem;--fs-h1:3.25rem;--edge-up:none;--edge-down:none;--pix-a:none;--pix-b:none;--glow:transparent;--font-h:Outfit,system-ui,sans-serif;--font-b:Inter,system-ui,sans-serif}
body{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:1rem;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-h);font-weight:600;letter-spacing:-.025em;color:inherit}h1{font-size:clamp(2.25rem,4vw,3.25rem)!important;line-height:1.12;max-width:22ch}h2{font-size:2rem!important;line-height:1.2}h3{font-size:1.25rem!important;line-height:1.35}p{color:inherit}main p{max-width:76ch}a{color:var(--lilac);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lilac);outline-offset:4px}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header,.site-header.is-scrolled{position:relative;top:0;width:100%;padding:0;background:var(--bg);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;z-index:40}.site-header>.wrap{max-width:1280px}.navbar,.site-header.is-scrolled .navbar{min-height:84px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.navbar .brand img{width:170px;height:auto}.nav__list{gap:22px}.nav__list>li>a,.nav-dropdown__toggle{font-size:.875rem}.nav-dropdown__menu:not(.game-menu){border-radius:8px;background:var(--bg-2);border:1px solid var(--line-2);box-shadow:0 16px 32px #0005}.btn,.btn--primary,.nav-cta{border-radius:6px!important;clip-path:none!important;box-shadow:none!important;background:var(--accent);color:#fff;border:1px solid transparent;font-size:.875rem;font-weight:600;padding:12px 20px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#5a4ad6;text-decoration:none;transform:none}.btn--closed{background:#ffffff07!important;color:#c5c2d7!important;border:1px solid var(--line-2)!important;cursor:default;opacity:1}.nav-dropdown__toggle{background:transparent}
section::before,section::after,.site-footer::before,.site-footer::after,.launch-hero::before,.launch-hero::after,.pagehead::before,.pagehead::after,.contact-hero::before,.contact-hero::after,.world-section::before,.world-section::after,.navbar::before,.navbar::after{content:none!important;display:none!important}.overline,.launch-eyebrow,.why-eyebrow,.world-heading-art,.world-plan-art,.why-icon{display:none!important}.px{clip-path:none!important}.launch-section,.contact-content{position:relative;padding:56px 0;background:none;border-top:1px solid var(--line)}.launch-section:nth-child(even){background:var(--bg-2)}.launch-hero{padding:72px 0 64px;background:var(--bg);border:0}.launch-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.launch-hero h1{margin:12px 0 24px}.launch-hero p{font-size:1rem;color:var(--text)}.launch-hero .hero-kicker{font-size:.875rem;color:var(--lilac);margin:0}.launch-hero figure{margin:0;transform:none;filter:none;clip-path:none}.launch-hero figure::before,.launch-hero figure::after{content:none}.core-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.core-contact{display:flex;flex-wrap:wrap;gap:12px 28px;margin:22px 0}.core-split{display:grid;grid-template-columns:1fr 1fr;gap:64px}.core-split h3{margin-top:0}.core-list{padding-left:20px}.core-list li{margin:12px 0}.core-page .pagehead,.launch-page-head,.contact-hero,.info-page .pagehead{background:var(--bg)!important;color:var(--text)!important;padding:56px 0 44px;margin:0;border:0}.launch-page-head.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.pagehead p,.pagehead .lead{color:var(--muted);font-size:1.125rem;max-width:70ch}.pagehead h1{margin:0 0 20px}.info-content{max-width:1000px;padding:12px 32px 64px;margin:auto}.info-block{padding:28px 0;border-bottom:1px solid var(--line);border-radius:0;background:none}.info-block h2{margin:0 0 16px}.info-page .info-block p{color:var(--text)}.info-links{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0}.legal-document .info-content{max-width:880px}.legal-document .pagehead .wrap{max-width:816px}.legal-document .lead{font-size:.875rem;color:var(--muted)}
.panel-preview{border:1px solid var(--line-2);border-radius:8px;background:#100e25;box-shadow:0 16px 32px #0003;overflow:hidden;margin:16px 0;max-width:920px}.preview-bar{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:.875rem}.preview-layout{display:grid;grid-template-columns:112px 1fr;min-height:280px}.preview-rail{border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;gap:16px;color:var(--muted);font-size:.875rem}.preview-rail>span:first-child{color:var(--lilac)}.preview-main{padding:24px;min-width:0}.preview-main h3{margin:0 0 10px}.preview-state{font-size:.875rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.preview-stats{display:flex;gap:32px;padding:18px 0;font-size:.875rem;color:var(--muted)}.preview-stats strong{display:block;color:var(--text);font-weight:500}.preview-console{padding:16px;background:#090815;border:1px solid var(--line);border-radius:4px;font-size:.75rem;line-height:1.8;min-height:80px;color:#c5c2d7}.preview-shortcuts{padding-top:16px;font-size:.875rem;color:var(--lilac)}.panel-preview figcaption{padding:10px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.spec-strip>div{border-left:2px solid var(--accent);padding:0 18px}.spec-strip dt{font-size:.875rem;color:var(--muted)}.spec-strip dd{font-family:var(--font-h);font-size:1.25rem;margin:6px 0;font-weight:500}.spec-strip+p{font-size:.875rem;color:var(--muted)}.world-heading,.launch-section-head{background:none;min-height:0;padding:0;margin:0 0 28px;border:0;display:block;box-shadow:none;clip-path:none}.world-heading:before,.world-heading:after{content:none!important}.world-heading-copy{padding:0!important;max-width:none!important}.world-heading h2{margin:0 0 12px}.world-heading .core-actions{margin:12px 0}.launch-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.world-section .world-plan,.launch-plan{background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:24px;box-shadow:none;clip-path:none;display:flex;flex-direction:column;gap:0}.world-plan:before,.world-plan:after{content:none!important}.world-plan-heading{height:auto;min-height:0;padding:0;margin:0 0 10px}.world-section .world-plan h3{font-size:2rem!important;margin:0}.world-plan>p:not(.launch-price):not(.launch-offer){min-height:52px;font-size:.875rem;color:var(--muted);margin:0 0 16px}.world-section .world-plan .world-price{font-family:var(--font-h);font-size:2rem;line-height:1.2;min-height:0;padding:0;margin:0 0 8px;color:var(--text)}.world-section .world-plan .launch-offer{font-size:.875rem;margin:0 0 20px;color:var(--muted)}.world-plan .btn{margin-top:auto}.world-plan>a:not(.btn){margin-top:14px;font-size:.875rem}.plan-comparison,.spec-table{border-collapse:collapse;width:100%;font-size:.875rem;table-layout:fixed;margin:0 0 20px}.plan-comparison caption{font-family:var(--font-h);font-size:2rem;text-align:left;color:var(--text);padding:0 0 24px;font-weight:500}.plan-comparison th,.plan-comparison td,.spec-table th,.spec-table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.plan-comparison th{font-weight:500;background:#ffffff04}.plan-comparison th:first-child{width:19%}.plan-comparison thead th{color:var(--lilac)}.plan-comparison td{color:var(--text)}.spec-table th{width:40%}.capability-row{display:grid;grid-template-columns:1fr 2fr;gap:40px}.capability-row h2{margin:0}.capability-row p{margin:0}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:none;overflow:hidden;padding:0 0 20px;transform:none}.catalog-card img{width:100%;height:145px;object-fit:cover;image-rendering:auto;border:0;border-radius:0;margin:0 0 18px;filter:none}.catalog-card h3,.catalog-card>span{margin-inline:20px}.catalog-card>span{font-size:.875rem}.featured-guide{border-radius:8px;box-shadow:none;background:var(--bg-2);border:1px solid var(--line)}.featured-guide img{display:none}.featured-guide__body{padding:24px}.featured-guide p{color:var(--muted)}.catalog-reading{max-width:1180px}details{border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:18px 0}summary{cursor:pointer;font-weight:500;color:var(--text);font-size:1rem;min-height:28px}details p{color:var(--muted);margin:16px 0 4px}.compose-helper{max-width:720px}.compose-helper form{display:grid;gap:20px}.compose-helper input,.compose-helper textarea,.compose-helper select{width:100%;max-width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line-2);border-radius:6px}.compose-helper label{display:block;margin-bottom:6px;font-size:.875rem}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-hint,.contact-hint small{font-size:.875rem;color:var(--muted)}.compose-helper button{justify-self:start}.contact-phone__location{display:none}.site-footer{background:#0c0a1d;padding:56px 0 24px;border-top:1px solid var(--line);margin:0}.footer-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-columns h2{font-size:1rem!important;margin:0 0 18px}.footer-columns ul{list-style:none;padding:0;margin:0}.footer-columns li{margin:10px 0}.footer-columns a,.footer-intro p{font-size:.875rem;color:var(--muted)}.footer-intro .core-contact{display:flex;flex-direction:column;gap:8px}.footer-intro p{max-width:38ch}.site-footer__base{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:.875rem;color:var(--muted)}.mobile-dock{display:none!important}
@media(max-width:1100px) and (min-width:900px){.nav__list{gap:12px}.navbar .brand img{width:140px}.nav__list>li>a,.nav-dropdown__toggle{font-size:.75rem}.navbar{gap:16px}}
@media(max-width:899px){.wrap{width:calc(100% - 40px)}.site-header>.wrap{width:calc(100% - 32px)}.navbar{min-height:72px}.site-header .nav{background:var(--bg);border-radius:0;box-shadow:none}.nav__list{gap:0}.launch-hero-grid{grid-template-columns:1fr;gap:28px}.launch-hero{padding:40px 0}.launch-section{padding:40px 0}.core-split{gap:32px}.footer-layout{grid-template-columns:1fr;gap:32px}.footer-columns{gap:24px}.spec-strip{grid-template-columns:1fr 1fr}.launch-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead,.core-page .pagehead,.info-page .pagehead{padding:40px 0}.launch-page-head.wrap{width:calc(100% - 40px)}.capability-row{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){h1{font-size:2.25rem!important}h2{font-size:1.75rem!important}.wrap{width:calc(100% - 40px)}.core-split,.contact-fields{grid-template-columns:1fr}.core-actions{gap:16px}.core-contact{flex-direction:column;gap:12px}.launch-plans{grid-template-columns:1fr}.world-plan>p:not(.launch-price):not(.launch-offer){min-height:0}.launch-plan{padding:24px}.catalog-grid{grid-template-columns:1fr 1fr;gap:12px}.catalog-card img{height:100px}.catalog-card h3,.catalog-card>span{margin-inline:12px}.catalog-card h3{font-size:1rem!important}.footer-columns{grid-template-columns:1fr 1fr}.preview-layout{grid-template-columns:80px 1fr}.preview-rail{padding:18px 10px;font-size:.75rem;gap:18px}.preview-main{padding:18px 12px}.preview-stats{gap:18px}.preview-console{font-size:.65rem;padding:12px;overflow-wrap:anywhere}.preview-bar{padding:12px;font-size:.75rem}.spec-strip{gap:24px 12px}.spec-strip>div{padding:0 12px}.spec-strip dd{font-size:1rem}.info-content{padding:0 20px 40px}.plan-comparison{table-layout:auto;display:block}.plan-comparison thead{display:none}.plan-comparison tbody{display:block}.plan-comparison tr{display:grid;grid-template-columns:1fr 1fr;margin:0 0 24px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.plan-comparison th:first-child{width:auto;grid-column:1/-1;background:var(--bg-2);font-size:1rem}.plan-comparison td{display:flex;flex-direction:column;gap:4px;padding:14px;min-width:0}.plan-comparison td:before{content:attr(data-plan);color:var(--lilac);font-weight:600}.plan-comparison caption{display:block;font-size:1.75rem}.spec-table th,.spec-table td{padding:12px 8px}.footer-layout{gap:28px}body{padding-bottom:0!important}}
/* Mobile comparisons reflow by plan, with every specification visible. */
.comparison-mobile{display:none}.guide-card__cover{display:none}.guide-card{border-radius:6px;background:var(--bg-2);box-shadow:none}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card__title{font-family:var(--font-h);font-size:1.25rem}.guide-card__desc{color:var(--muted)}.sitemap-links{columns:3;list-style:none;padding:0}.sitemap-links li{break-inside:avoid;margin:12px 0}.notice-strip:before,.notice-strip:after{content:none!important}.notice-strip{background:var(--bg-2);border-bottom:1px solid var(--line);padding:8px 20px;color:var(--muted)}.wrap{padding-left:0;padding-right:0}
@media(max-width:600px){.plan-comparison{display:none}.comparison-mobile{display:grid;gap:20px}.comparison-mobile article{border:1px solid var(--line-2);border-radius:8px;padding:20px;background:var(--bg)}.comparison-mobile h3{font-size:1.75rem!important;margin:0 0 20px}.comparison-mobile dl{margin:0}.comparison-mobile dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.comparison-mobile dt{color:var(--muted);font-size:.875rem}.comparison-mobile dd{margin:0;font-size:.875rem}.guide-cards{grid-template-columns:1fr}.sitemap-links{columns:1}}
/* Explicitly retire the older high-specificity floating header and banner layouts. */
.site-header{margin:0}.site-header .navbar,.site-header.is-scrolled .navbar{padding:0;min-height:84px;border:0;border-radius:0;background:var(--bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header>.wrap{width:min(1280px,calc(100% - 64px))}.site-header .brand img{width:170px;height:auto}.site-header .nav__list{gap:8px}.site-header .nav__list>li>a,.site-header .nav-dropdown__toggle{border-radius:4px;font-size:.875rem}.site-header .language-switch,.site-header .language-switch button{border-radius:4px}.site-header .nav-cta{border-radius:6px}.world-section .world-heading{display:block;background:none;border:0;border-radius:0;min-height:0;overflow:visible;padding:0}.world-section .world-heading h2{max-width:none;margin:0 0 12px}.world-section .world-heading-copy{padding:0}.world-section .launch-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.launch-main .launch-offer{min-height:0}.world-section{background:var(--bg-2)}.site-footer.footer-expanded .footer-columns nav ul{display:block}.site-footer.footer-expanded .footer-columns nav a{font-size:.875rem;color:var(--muted)}.site-footer.footer-expanded .footer-intro p{font-size:.875rem;color:var(--muted)}.btn[aria-disabled="true"]{opacity:1}
@media(max-width:1100px) and (min-width:900px){.site-header .brand img{width:136px}.site-header .nav__list>li>a,.site-header .nav-dropdown__toggle{font-size:.75rem;padding:8px}.site-header>.wrap{width:calc(100% - 32px)}}
@media(max-width:899px){.site-header>.wrap{width:calc(100% - 32px)}.site-header .navbar{min-height:72px;flex-wrap:wrap;gap:0}.site-header .brand img{width:160px}.site-header .nav{position:static;order:3;flex-basis:100%;width:100%;max-height:none;overflow:visible;border:0;border-top:1px solid var(--line);padding:12px 0;border-radius:0;background:var(--bg);box-shadow:none}.site-header .nav__list{width:100%;gap:0}.world-section .launch-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .nav__right{flex-wrap:wrap;gap:12px}.site-header .nav-cta{font-size:.875rem}.site-header .nav-toggle{margin-left:auto}.site-header .nav-dropdown__menu:not(.game-menu){position:static;width:100%;box-shadow:none}.site-header .nav__panel{flex-wrap:wrap}.site-header .nav__list>li>a,.site-header .nav-dropdown__toggle{font-size:1rem}}
@media(max-width:600px){.world-section .launch-plans{grid-template-columns:1fr}.launch-hero .panel-preview{width:100%}.site-header .brand img{width:150px}.site-header .navbar{min-height:68px}}

/* Panel preview label: same look as the h3 it replaced. */
.preview-main .preview-title{margin:0 0 10px;font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:22.4px;letter-spacing:-.7px;color:#f6f5ff}

/* Long commands inside numbered guide steps scroll in their own box instead of widening the page on phones. */
.guide-steps>li{min-width:0}.guide-steps>li>*{min-width:0;max-width:100%}.guide-steps pre{max-width:100%;overflow-x:auto}