/* RETRO POP · família launcher — nível 3 de 4 (PLANO-APLICACAO.md 1.4, etapa 6)
   Cinco páginas do OldGames Launcher para Windows, quatro esqueletos sem nada em comum:
   · launcher.html — body.download-page (launcher-download.css, 0% de token: tudo aqui é regra explícita)
     .space-grid nav.download-nav main > .download-hero(.hero-copy + .nexus-device) .download-features
     .release-highlights .compatibility(.compat-cards) .all-systems(details > ul.system-grid) .first-run
     .requirements footer.download-footer. .release-highlights e .all-systems NÃO têm CSS na página (só o tema
     anterior os desenhava): a grade deles é escrita aqui.
   · launcher-auth.html — main.auth-shell = section.auth-world (pôster escuro: reator SVG, título) +
     section.auth-form-panel (cartão de papel com abas, Google, form#form, .policy). launcher-auth.css usa
     tokens que a ponte cobre, MENOS a semântica: --yellow vira texto amarelo em papel e --octa (o emblema
     octogonal) vira textura de sujeira — os dois são corrigidos aqui.
   · launcher-live.html — PÁGINA CALMA (vídeo): .live-heading section.studio(video#preview) .section-heading
     #streams(button.stream gerado por launcher-live.js) #empty dialog#viewer(video#watchVideo).
     Só COR na .studio, no #viewer e acima do vídeo; as métricas de texto da página são devolvidas (o núcleo troca
     a fonte do body e a ponte troca --font-hud/--font-text), porque a altura do cabeçalho posiciona o #preview.
   · launcher-login.html (launcher-live.css, main.studio sem vídeo) e launcher-play.html (<style> inline, body > main).
   O diálogo .og-launcher-dialog (launcher-play.css) é widget de site inteiro: dono retro/_shared.css §7.

   DUAS METADES, nesta ordem (como retro/console.css): 1. VARREDURA DE INVERSÃO nos seletores reais — com JS
   desligado o classMap não roda; 2. COMPOSIÇÃO — tarja amarela, laranja = launcher/download (plano 2.5),
   cartões e cupom de papel, pôster escuro, colofão. O launcher.json só reforça, com a mesma geometria.
   NUNCA aqui: cosmético pago, widgets de _shared.css (chat, Live, rádio, cookies, login, favoritos, perfil, loja,
   assinatura, diálogo do launcher), slot de anúncio, pad de toque, position/z-index de ninguém.
   Movimento: os laços infinitos das páginas (controle flutuando, radar, reator, varreduras, pulsos) param; ficam
   só os do estado "ao vivo" em launcher-live, presos ao --rp-play (página calma = parados). */

/* ═══════════ 0 · TOKENS DA FAMÍLIA ═══════════ */
html.retro-pop[data-hud-family="launcher"]{
  --ln-ink:#17131f; --ln-ink-2:#3b3348; --ln-ink-3:#5d5470;
  --ln-cream:#f5ebd7; --ln-cream-2:#dccfb2; --ln-cream-3:#b5a68c; --ln-white:#fffaf0; --ln-paper-2:#e9dcc1; --ln-paper-3:#dccfb2;
  --ln-dots:radial-gradient(circle,rgba(23,19,31,.16) 1.3px,transparent 1.5px);
  --ln-dots-cream:radial-gradient(circle,rgba(245,235,215,.08) 1.4px,transparent 1.6px);
  --ln-oct:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
}
/* ilhas escuras (pôster): os tokens que launcher-auth.css/launcher-live.css leem voltam a ser claros ali dentro.
   Declarado no próprio elemento: custom property desce RESOLVIDA, a ponte do body valeria tinta escura aqui. */
html.retro-pop .auth-shell .auth-world,
html.retro-pop body:has(#preview) .studio,
html.retro-pop body:has(#preview) #viewer{
  --ink:#f5ebd7; --ink-2:#dccfb2; --dim:#dccfb2; --muted:#b5a68c; --faint:#b5a68c; --help:#b5a68c;
  --edge:rgba(245,235,215,.16); --edge-2:rgba(245,235,215,.32); --edge-hot:#ffd23f;
  --orange:#ff7a1a; --orange-2:#ff7a1a; --yellow:#ffd23f; --yellow-2:#ffd23f; --red:#ff2e4d; --ember:#ff2e4d;
  --hex:radial-gradient(circle,rgba(245,235,215,.2) 1.4px,transparent 1.6px);
  color-scheme:dark;
}


/* ═══════════ 1 · VARREDURA DE INVERSÃO ═══════════
   Cada bloco cita a origem. Fundo escuro → papel ou ilha de tinta; texto claro → tinta. */

/* ── 1a · launcher.html (assets/css/launcher-download.css, uma linha só: o número é a ordem da regra) ── */
/* .download-page #080e17 / #e7eef5 (o núcleo pinta o body) · .space-grid gradientes ciano escuros */
html.retro-pop .download-page{color:var(--ln-ink)}
html.retro-pop .download-page .space-grid{background:radial-gradient(ellipse at 82% 24%,rgba(255,210,63,.42),transparent 46%),var(--ln-dots) 0 0/12px 12px}
/* tarja: marca, links e o select (#14222d / #d9e9f3) */
html.retro-pop .download-page .download-nav,
html.retro-pop .download-page .download-nav>div>a{color:var(--ln-ink)}
html.retro-pop .download-page .download-brand small{color:var(--ln-ink-2)}
html.retro-pop .download-page .download-nav select{color:var(--ln-ink);background:var(--ln-white) var(--rp-art-chevron) no-repeat right 8px center/14px 14px;border:3px solid var(--ln-ink);border-radius:var(--rp-r-1);-webkit-appearance:none;appearance:none;padding:8px 30px 8px 10px;font:800 12px/1.2 var(--rp-ff-body)}
/* capa: kicker #a3e7e7 / #68818c · h1 em #acf0f0 · lead #9bafbf · meta #78909e · nota #f0c38a */
html.retro-pop .download-page .download-kicker{color:var(--ln-ink-2)}
html.retro-pop .download-page .download-kicker>span:last-child{color:var(--ln-ink-3)}
html.retro-pop .download-page h1,
html.retro-pop .download-page h1 em{color:var(--ln-ink)}
html.retro-pop .download-page .download-lead{color:var(--ln-ink-2)}
html.retro-pop .download-page .download-secondary{color:var(--ln-ink)!important}      /* a página usa !important */
html.retro-pop .download-page :is(.download-meta,.account-note,.small-note){color:var(--ln-ink-3)}
html.retro-pop .download-page .account-note>span:first-child{color:var(--rp-red-deep)}
/* o botão de baixar tem color:#10262c!important na página */
html.retro-pop .download-page .download-primary{color:var(--ln-ink)!important}
/* .nexus-device e filhos: ilha de tinta (seção 2) — os cinzas-azulados viram creme sobre #17131f */
html.retro-pop .download-page .nexus-device{color:var(--ln-cream);background:var(--ln-ink)}
html.retro-pop .download-page .device-header{color:var(--ln-cream-2);border-bottom-color:rgba(245,235,215,.18)}
html.retro-pop .download-page .device-coordinate,
html.retro-pop .download-page .device-footer small{color:var(--ln-cream-3)}
html.retro-pop .download-page .device-footer{border-top-color:rgba(245,235,215,.18)}
html.retro-pop .download-page .device-footer>span{color:var(--rp-yellow)}
html.retro-pop .download-page .console-tabs button{color:var(--ln-ink);background:var(--ln-white);border-color:var(--ln-white)}
html.retro-pop .download-page .console-tabs button[aria-pressed=true]{color:var(--ln-ink);background:var(--rp-yellow);border-color:var(--rp-yellow)}
/* faixa de recursos, compatibilidade, primeiros passos, requisitos: #8fa3b4 / #abe9e8 / #a9d9d9 / #adcfcc / #0f1b28 */
html.retro-pop .download-page :is(.download-features,.compatibility,.first-run,.requirements) p{color:var(--ln-ink-2)}
html.retro-pop .download-page .feature-icon,
html.retro-pop .download-page .feature-icon.live-icon{color:var(--ln-ink)}
html.retro-pop .download-page .language-pills span{color:var(--ln-ink);border-color:var(--ln-ink)}
html.retro-pop .download-page .compat-cards article{color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop .download-page .compat-cards span{color:var(--ln-ink)}
html.retro-pop .download-page .first-run li>b{color:var(--ln-ink)}
html.retro-pop .download-page .requirements{color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop .download-page .requirements details{color:var(--ln-ink-2)}
html.retro-pop .download-page .release-label{color:var(--ln-ink-3)}
html.retro-pop .download-page .release-label b{color:var(--ln-ink)}
/* rodapé #67818e / #adbdc6: colofão de tinta (seção 2), texto creme */
html.retro-pop .download-page .download-footer{color:var(--ln-cream-3)}
html.retro-pop .download-page .download-footer a,
html.retro-pop .download-page .download-footer .download-brand{color:var(--ln-cream)}

/* ── 1b · launcher-auth.html (assets/css/launcher-auth.css) ── */
/* body:before hexágono mascarado (a ponte o troca por retícula) e body:after scanline+vinheta FIXOS a z-index 50 —
   em papel creme viram uma película escura sobre a página inteira */
html.retro-pop body:has(> .auth-shell)::before{background:var(--ln-dots) 0 0/12px 12px;opacity:.5}
html.retro-pop body:has(> .auth-shell)::after{background:none}
html.retro-pop .auth-shell a{color:var(--ln-ink)}
/* .auth-world: gradiente literal escuro → pôster de tinta (ilha); o texto lê os tokens claros da seção 0 */
html.retro-pop .auth-shell .auth-world{color:var(--ln-cream);background:var(--ln-dots-cream) 0 0/12px 12px,var(--ln-ink);border-right-color:var(--ln-ink);box-shadow:none}
html.retro-pop .auth-shell .auth-world a{color:var(--ln-ink)}
html.retro-pop .auth-shell .wordmark span,
html.retro-pop .auth-shell .wordmark:hover span{color:var(--ln-ink)}
html.retro-pop .auth-shell .world-copy h1{color:var(--rp-yellow);background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;filter:none}
/* --octa (emblema) virou textura na ponte: o "OG" #1c0b00 ficaria tinta sobre tinta */
html.retro-pop .auth-shell .core{color:var(--ln-ink);text-shadow:none;background:var(--rp-yellow);clip-path:var(--ln-oct);filter:none}
html.retro-pop .auth-shell .wordmark{color:var(--ln-ink);background:var(--rp-yellow);padding-right:12px;box-shadow:4px 5px 0 var(--rp-orange)}
/* cartão do formulário: gradiente literal #1b140c → papel */
html.retro-pop .auth-shell .auth-form-panel{color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop .auth-shell .panel-top{color:var(--ln-ink-2)}
html.retro-pop .auth-shell .panel-top::after{color:var(--ln-ink-2);background:var(--ln-paper-2);border-color:var(--ln-ink)}
html.retro-pop .auth-shell .auth-form-panel h2{color:var(--ln-ink);text-shadow:none}
html.retro-pop .auth-shell #subtitle{color:var(--ln-ink-2)}
html.retro-pop .auth-shell .auth-tabs{background:var(--ln-paper-2);box-shadow:none}
html.retro-pop .auth-shell .auth-tabs button{color:var(--ln-ink-2)}
html.retro-pop .auth-shell .auth-tabs button:hover,
html.retro-pop .auth-shell .auth-tabs [aria-selected=true],
html.retro-pop .auth-shell .auth-tabs [aria-selected=true]:hover,
html.retro-pop .auth-shell .auth-tabs button[aria-selected=true]:disabled{color:var(--ln-ink);text-shadow:none}
html.retro-pop .auth-shell .google-button{color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop .auth-shell .google-button:hover{color:var(--ln-ink);background:var(--rp-yellow)}           /* :261 #fff */
html.retro-pop .auth-shell .google-button:disabled{opacity:1;color:var(--ln-ink-2);background:var(--ln-paper-3)}
html.retro-pop .auth-shell .divider{color:var(--ln-ink-2)}
html.retro-pop .auth-shell label>span{color:var(--ln-ink-2)}
html.retro-pop .auth-shell label:focus-within>span{color:var(--rp-red-deep)}                           /* era amarelo */
html.retro-pop .auth-shell input{color:var(--ln-ink);caret-color:var(--ln-ink);background:var(--ln-white);box-shadow:none}  /* :283 #0c0a07 */
html.retro-pop .auth-shell input:focus{background:#fff;box-shadow:4px 5px 0 var(--rp-yellow)}
html.retro-pop .auth-shell input:user-invalid{background:#fff4f2;box-shadow:none}
html.retro-pop .auth-shell input:disabled{opacity:1;color:var(--ln-ink-2);background:var(--ln-paper-3)}
html.retro-pop .auth-shell input::placeholder{color:var(--ln-ink-3);opacity:1}
html.retro-pop .auth-shell input:-webkit-autofill,
html.retro-pop .auth-shell input:-webkit-autofill:hover,
html.retro-pop .auth-shell input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ln-ink);box-shadow:inset 0 0 0 40px var(--ln-white)}
html.retro-pop .auth-shell .password-row button{color:var(--ln-ink-2)}
html.retro-pop .auth-shell .password-row button:hover,
html.retro-pop .auth-shell .password-row:has(input[type=text]) button{color:var(--ln-ink);background:var(--rp-yellow);border-color:var(--ln-ink);text-shadow:none}
html.retro-pop .auth-shell .primary{color:var(--ln-ink)}
html.retro-pop .auth-shell .primary:disabled,
html.retro-pop .auth-shell .primary:disabled:hover{color:var(--ln-ink-2);background:var(--ln-paper-3);border-color:var(--ln-ink)}  /* :348 #8a6a1e */
html.retro-pop .auth-shell .text-button{color:var(--ln-ink)}
html.retro-pop .auth-shell .text-button:hover{color:var(--rp-red-deep)}
html.retro-pop .auth-shell .text-button:disabled{color:var(--ln-ink-3)}
html.retro-pop .auth-shell #retry{color:var(--ln-ink);background:var(--rp-yellow);border-color:var(--ln-ink)}
html.retro-pop .auth-shell #retry:hover{color:var(--ln-ink);background:var(--rp-orange)}                 /* :373 #fff */
html.retro-pop .auth-shell #status{color:var(--ln-ink)}                                              /* --yellow-2 */
html.retro-pop .auth-shell #status:not(:empty){background:rgba(255,210,63,.32);border-left-color:var(--ln-ink)}
/* :476 .policy em --help (o "·" lido a 1,18:1 no tema anterior): tinta em 13px/800 — o ponto separador é um
   nó de texto solto de ~2px, e só em peso alto ele tem um pixel cheio de tinta (17:1 no papel) */
html.retro-pop .auth-shell .policy{color:var(--ln-ink);font-size:13px;font-weight:800;border-top-color:var(--rp-ink-soft)}
html.retro-pop .auth-shell .policy a{color:var(--ln-ink);border-bottom-color:var(--rp-orange)}
html.retro-pop .auth-shell .policy a:hover{color:var(--rp-red-deep);border-color:var(--rp-red-deep)}

/* ── 1c · launcher-live.html (assets/css/launcher-live.css) — PÁGINA CALMA: só cor perto do vídeo ── */
/* métricas: o núcleo põe Figtree 15-17px/1.55 no body e a ponte troca --font-hud/--font-text; aqui elas voltam
   às da página, porque a altura do .live-heading e da coluna de texto da .studio posiciona o video#preview */
html.retro-pop[data-hud-family="launcher"] body:has(#preview){
  --font-hud:'Bahnschrift','Segoe UI',sans-serif; --font-text:'Segoe UI','Bahnschrift',sans-serif; --font-mono:Consolas,'Cascadia Mono',monospace;
  font:14px/1.5 var(--font-hud)}
html.retro-pop body:has(> .studio)::before{background:var(--ln-dots) 0 0/12px 12px;opacity:.55}
html.retro-pop body:has(> .studio)::after{background:none}                     /* scanline + vinheta fixas, z 40 */
html.retro-pop body:has(#preview) p{color:var(--ln-ink-2)}
html.retro-pop body:has(#preview) .live-heading .eyebrow{color:var(--ln-ink-2)}
html.retro-pop body:has(#preview) .live-heading h1{color:var(--ln-ink);text-shadow:none}
html.retro-pop body:has(#preview) #account{color:var(--ln-ink);background:var(--rp-yellow);border-color:var(--ln-ink);box-shadow:none}
html.retro-pop body:has(#preview) #account:hover{color:var(--ln-ink);background:var(--rp-orange);border-color:var(--ln-ink)}   /* :107 #fff */
html.retro-pop body:has(#preview) #account::before{background:var(--ln-ink);box-shadow:none}
/* .studio :116 e dialog :308 — gradientes literais #1a130b → ilha de tinta (seção 0); só cor, a geometria é da página */
html.retro-pop body:has(#preview) .studio{color:var(--ln-cream);background:var(--ln-dots-cream) 0 0/12px 12px,var(--ln-ink);border-color:var(--ln-ink);box-shadow:none}
html.retro-pop body:has(#preview) .studio p{color:var(--ln-cream-2)}
html.retro-pop body:has(#preview) .studio #status{color:var(--ln-cream);background:linear-gradient(90deg,rgba(255,122,26,.22),transparent 90%)}
html.retro-pop body:has(#preview) .studio .note{color:var(--ln-cream-3)}
html.retro-pop body:has(#preview) .studio:has(#stop:not([hidden])) #status{color:var(--ln-cream)}       /* :208 #ffd8cc */
html.retro-pop body:has(#preview) .studio button{color:var(--ln-cream);background:var(--ln-ink);border-color:var(--ln-cream-3);box-shadow:none}
html.retro-pop body:has(#preview) .studio button:hover{color:var(--ln-ink);background:var(--rp-yellow);border-color:var(--rp-yellow)}  /* :68 #fff */
html.retro-pop body:has(#preview) #start{color:var(--ln-ink);background:var(--rp-orange);border-color:var(--ln-ink)}
html.retro-pop body:has(#preview) #start:hover{color:var(--ln-ink);background:var(--rp-yellow)}
html.retro-pop body:has(#preview) #start:disabled,
html.retro-pop body:has(#preview) #start:disabled:hover{color:var(--ln-cream-3);background:repeating-linear-gradient(115deg,rgba(245,235,215,.06) 0 6px,transparent 6px 12px),#221c2c;border-color:rgba(245,235,215,.3)}  /* :157 */
html.retro-pop body:has(#preview) #stop{color:var(--ln-white);background:var(--rp-red-deep);border-color:var(--rp-red-deep);box-shadow:none}  /* :164 */
html.retro-pop body:has(#preview) #stop:hover{color:var(--ln-white);background:#a50c26}                 /* :168 #fff sobre #6a1c09 */
/* feed: abaixo do vídeo, papel */
html.retro-pop body:has(#preview) #feedStatus{color:var(--ln-ink);background:var(--ln-white);border-color:var(--ln-ink)}  /* :219 */
html.retro-pop body:has(#preview) .stream{color:var(--ln-ink);background:var(--ln-white)}         /* :231 */
html.retro-pop body:has(#preview) .stream:has(.cover[hidden]){background:var(--ln-dots) 0 0/10px 10px,var(--ln-paper-2)}   /* :264 */
html.retro-pop body:has(#preview) .stream .cover{background:var(--ln-dots) 0 0/10px 10px,var(--ln-paper-2)}     /* :249 */
html.retro-pop body:has(#preview) .stream .info{background:none}
html.retro-pop body:has(#preview) .stream strong,
html.retro-pop body:has(#preview) .stream:hover strong{color:var(--ln-ink)}                        /* :288 #fff */
html.retro-pop body:has(#preview) .stream small{color:var(--ln-ink-2)}
html.retro-pop body:has(#preview) .stream::before{color:var(--ln-ink);background:var(--rp-lime)}   /* :239 LIVE #fff */
html.retro-pop body:has(#preview) .stream::after{background:var(--ln-ink)}
html.retro-pop body:has(#preview) .avatar{background:var(--ln-paper-2);border-color:var(--ln-ink)} /* :280 */
html.retro-pop body:has(#preview) #empty{color:var(--ln-ink-2);background:var(--ln-paper-2);border-color:rgba(23,19,31,.35)}
/* diálogo de assistir: ilha de tinta; o video#watchVideo não tem regra nenhuma aqui */
html.retro-pop body:has(#preview) #viewer{color:var(--ln-cream);background:var(--ln-ink);border-color:var(--rp-yellow);box-shadow:none}
html.retro-pop body:has(#preview) #viewer::backdrop{background:rgba(23,19,31,.86)}
html.retro-pop body:has(#preview) #viewerTitle::before{color:var(--ln-ink);background:var(--rp-lime)}   /* :333 #fff */
html.retro-pop body:has(#preview) #viewer p{color:var(--ln-cream-2)}
html.retro-pop body:has(#preview) #closeViewer{color:var(--ln-cream);background:var(--ln-ink);border-color:var(--ln-cream-3)}

/* ── 1d · launcher-login.html (launcher-live.css sem vídeo: main.studio) ── */
html.retro-pop body:not(:has(#preview)) main.studio{color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop body:not(:has(#preview)) main.studio p{color:var(--ln-ink-2)}
html.retro-pop body:not(:has(#preview)) main.studio .eyebrow{color:var(--ln-ink-2)}
html.retro-pop body:not(:has(#preview)) main.studio h1{color:var(--ln-ink);text-shadow:none}
html.retro-pop body:not(:has(#preview)) main.studio #login{color:var(--ln-ink);background:var(--rp-orange);border-color:var(--ln-ink);box-shadow:var(--rp-sh-2)}
html.retro-pop body:not(:has(#preview)) main.studio #login:hover{color:var(--ln-ink);background:var(--rp-yellow)}   /* :68 #fff */

/* ── 1e · launcher-play.html (<style> inline: body #07111c/#eaf6ff · a #9de9f7) ── */
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]){color:var(--ln-ink);background:var(--ln-white)}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) a{color:var(--ln-ink)}


/* ═══════════ 2 · COMPOSIÇÃO ═══════════ */

/* ── 2a · LAUNCHER: tarja amarela de lado a lado. A barra tem max-width 1260px e não é sticky; a faixa sangra
   pela border-image com outset (pintura de transbordo: não rola, não mexe em layout). ── */
html.retro-pop .download-page .download-nav{
  border-image:linear-gradient(var(--rp-yellow) 0 calc(100% - 12px),var(--rp-red) calc(100% - 12px) calc(100% - 6px),var(--ln-ink) calc(100% - 6px)) fill 0/0/0 100vmax}
html.retro-pop .download-page .download-brand{font:800 13px/1 var(--rp-ff-body);letter-spacing:.06em}
html.retro-pop .download-page .download-brand b{color:var(--ln-ink);background:var(--rp-orange);clip-path:none;border:3px solid var(--ln-ink);box-shadow:var(--rp-sh-1);font:400 15px/1 var(--rp-ff-display);transform:rotate(-4deg)}
html.retro-pop .download-page .download-nav>div>a{align-items:center;min-height:44px;padding:0 4px;border-bottom:4px solid transparent;font:800 var(--rp-fs-small)/1 var(--rp-ff-body);text-transform:uppercase;letter-spacing:.02em;transition:border-color var(--rp-t-fast) linear}
html.retro-pop .download-page .download-nav>div>a:hover{border-bottom-color:var(--rp-cyan)}

/* capa de revista: kicker, manchete gorda, grifo laranja (laranja = launcher) */
html.retro-pop .download-page .download-kicker{font:800 var(--rp-fs-kicker)/1.2 var(--rp-ff-body);letter-spacing:var(--rp-tr-kicker);text-transform:uppercase}
html.retro-pop .download-page .download-kicker>span:last-child{font-family:var(--rp-ff-mono);letter-spacing:.08em}
html.retro-pop .download-page .signal{width:10px;height:10px;background:var(--rp-orange);box-shadow:0 0 0 2px var(--ln-ink)}
html.retro-pop .download-page h1{font:400 clamp(44px,4.9vw,72px)/.92 var(--rp-ff-display);letter-spacing:var(--rp-tr-display);text-transform:uppercase}
html.retro-pop .download-page h1 em{padding:0 .1em;background:linear-gradient(transparent 14%,var(--rp-orange) 14% 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
html.retro-pop .download-page .download-lead{font-size:var(--rp-fs-body);line-height:1.65}
html.retro-pop .download-page .download-primary{
  gap:14px;min-height:54px;padding:12px 26px;border:3px solid var(--ln-ink);border-radius:var(--rp-r-1);background:var(--rp-orange);box-shadow:var(--rp-sh-2);
  font:800 14px/1.1 var(--rp-ff-body);text-transform:uppercase;letter-spacing:var(--rp-tr-sticker);
  transition:transform var(--rp-t) var(--rp-e-out),box-shadow var(--rp-t) var(--rp-e-out),background-color var(--rp-t-fast) linear}
html.retro-pop .download-page .download-primary:hover{background:var(--rp-yellow);transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .download-page .download-primary:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ln-ink)}
html.retro-pop .download-page .download-secondary{font:800 12px/1.2 var(--rp-ff-body);text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-decoration-color:var(--rp-cyan);text-decoration-thickness:3px;text-underline-offset:4px}
html.retro-pop .download-page .download-meta{font-family:var(--rp-ff-mono);letter-spacing:.04em}

/* o aparelho: pôster de tinta inclinado, sombra laranja dura; a imagem do controle não é tocada (só para de flutuar) */
html.retro-pop .download-page .nexus-device{border:5px solid var(--ln-ink);border-radius:0;box-shadow:9px 10px 0 var(--rp-orange),9px 10px 0 3px var(--ln-ink);transform:rotate(-1deg)}
html.retro-pop .download-page .nexus-device::before{background:var(--rp-yellow);height:5px;top:-5px}
html.retro-pop .download-page .nexus-device::after{background:var(--rp-red);height:5px;top:-5px}
html.retro-pop .download-page .device-header{font:700 10px/1 var(--rp-ff-mono);letter-spacing:.12em}
html.retro-pop .download-page .device-header .signal{background:var(--rp-yellow);box-shadow:none}
html.retro-pop .download-page .device-stage{background:radial-gradient(ellipse at center,rgba(255,122,26,.24),transparent 64%),var(--ln-dots-cream) 0 0/10px 10px}
html.retro-pop .download-page .device-stage img{animation:none}
html.retro-pop .download-page .radar-ring{border-color:rgba(245,235,215,.16);box-shadow:0 0 0 28px rgba(245,235,215,.025),0 0 0 65px rgba(245,235,215,.015)}
html.retro-pop .download-page .radar-ring::after{background:var(--rp-yellow);box-shadow:none}
html.retro-pop .download-page .radar-ring.second{animation:none;border:2px dashed rgba(255,210,63,.3)}
html.retro-pop .download-page .device-coordinate{font-family:var(--rp-ff-mono)}
html.retro-pop .download-page .console-tabs button{min-height:40px;border-width:2px;border-style:solid;border-radius:0;font:800 11px/1 var(--rp-ff-body);text-transform:uppercase;letter-spacing:.04em;transition:transform var(--rp-t-fast) var(--rp-e-out)}
html.retro-pop .download-page .console-tabs button:hover{transform:translate(-1px,-2px)}
html.retro-pop .download-page .console-tabs button[aria-pressed=true]{box-shadow:3px 4px 0 var(--rp-orange)}
html.retro-pop .download-page .device-footer small{font:700 9px/1.2 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .download-page .device-footer strong{font:400 15px/1.1 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .download-page .device-footer>span{font:800 11px/1.2 var(--rp-ff-body)}

/* recursos: três recortes de papel com selo amarelo (o do Live em lima: lima = ao vivo) */
html.retro-pop .download-page .download-features{border-top:3px solid var(--ln-ink);border-bottom:3px solid var(--ln-ink);padding:40px 0}
html.retro-pop .download-page .download-features article{padding:22px;border:3px solid var(--ln-ink);background:var(--ln-white);box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop .download-page .download-features article:nth-child(1){--rp-tilt:-.8deg}
html.retro-pop .download-page .download-features article:nth-child(2){--rp-tilt:.6deg}
html.retro-pop .download-page .download-features article:nth-child(3){--rp-tilt:-.4deg}
html.retro-pop .download-page .feature-icon{display:inline-grid;place-items:center;width:40px;height:40px;border:3px solid var(--ln-ink);background:var(--rp-yellow);box-shadow:var(--rp-sh-1);font-size:20px;line-height:1}
html.retro-pop .download-page .feature-icon.live-icon{background:var(--rp-lime)}
html.retro-pop .download-page h2{font:400 clamp(17px,1.4vw,20px)/1.1 var(--rp-ff-display);letter-spacing:0;text-transform:uppercase}
html.retro-pop .download-page h3{font:400 16px/1.15 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .download-page :is(.download-features,.compatibility,.first-run,.requirements) p{font-size:13px;line-height:1.7}

/* novidades da versão (sem CSS na página): faixa de título, três cupons numerados, nota de GPU */
html.retro-pop .download-page .release-highlights{padding:56px 0 12px;border-bottom:3px solid var(--ln-ink)}
html.retro-pop .download-page .release-highlights>h2,
html.retro-pop .download-page :is(.compatibility,.first-run) h2{font:400 clamp(26px,3vw,40px)/1 var(--rp-ff-display);letter-spacing:var(--rp-tr-display);text-transform:uppercase;margin:14px 0}
html.retro-pop .download-page .release-highlights>h2{display:inline-block;padding:8px 20px;border-top:4px solid var(--ln-ink);border-bottom:4px solid var(--ln-ink);background:var(--rp-yellow);transform:rotate(-1.2deg)}
html.retro-pop .download-page .release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
html.retro-pop .download-page .release-grid article{padding:22px;border:3px solid var(--ln-ink);background:var(--ln-white);box-shadow:var(--rp-sh-2)}
html.retro-pop .download-page .release-number{display:inline-block;padding:4px 9px;border:2px solid var(--ln-ink);background:var(--rp-orange);color:var(--ln-ink);font:700 12px/1 var(--rp-ff-mono);letter-spacing:.1em}
html.retro-pop .download-page .release-grid h3{margin:14px 0 8px;font-size:18px}
html.retro-pop .download-page :is(.release-grid p,.release-gpu-note,.all-systems p){margin-top:0;font:13px/1.7 var(--rp-ff-body);color:var(--ln-ink-2)}
html.retro-pop .download-page .release-gpu-note{margin:0 0 32px;padding:14px 18px;border-left:6px solid var(--ln-ink);background:var(--ln-paper-2)}
html.retro-pop .download-page .all-systems{margin:0 0 56px;border:3px solid var(--ln-ink);background:var(--ln-white);box-shadow:var(--rp-sh-2)}
html.retro-pop .download-page .all-systems summary{padding:18px 22px;cursor:pointer;background:var(--rp-cyan);color:var(--ln-ink);font:400 16px/1.25 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .download-page .all-systems details[open] summary{border-bottom:3px solid var(--ln-ink)}
html.retro-pop .download-page .all-systems details>p{margin:0;padding:14px 22px}
html.retro-pop .download-page .system-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0 22px 22px}
html.retro-pop .download-page .system-grid li{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 0;border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop .download-page .system-number{font:700 11px/1 var(--rp-ff-mono);color:var(--rp-red-deep)}
html.retro-pop .download-page .system-grid li>div{flex:1;min-width:0}
html.retro-pop .download-page .system-grid b{font:800 14px/1.35 var(--rp-ff-body);color:var(--ln-ink)}
html.retro-pop .download-page .system-grid small{display:block;font:12px/1.45 var(--rp-ff-body);color:var(--ln-ink-2)}
html.retro-pop .download-page :is(.system-bundled,.system-import){max-width:112px;padding:3px 7px;border:2px solid var(--ln-ink);background:var(--rp-cyan);color:var(--ln-ink);font:800 10px/1.25 var(--rp-ff-body);text-align:right}

/* compatibilidade: pílulas de idioma, cartões de sistema com chip ciano do emulador */
html.retro-pop .download-page .language-pills span{padding:5px 11px;border-width:2px;border-style:solid;border-radius:0;background:var(--ln-white);font:800 11px/1.2 var(--rp-ff-body);text-transform:uppercase;letter-spacing:.04em}
html.retro-pop .download-page .compat-cards{gap:18px}
html.retro-pop .download-page .compat-cards article{padding:20px;border:3px solid var(--ln-ink);border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop .download-page .compat-cards article:nth-child(odd){--rp-tilt:-.6deg}
html.retro-pop .download-page .compat-cards article:nth-child(even){--rp-tilt:.5deg}
html.retro-pop .download-page .compat-cards b{font:400 15px/1.1 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .download-page .compat-cards span{align-self:flex-start;margin-top:8px;padding:3px 8px;border:2px solid var(--ln-ink);background:var(--rp-cyan);font:700 11px/1.2 var(--rp-ff-mono)}
html.retro-pop .download-page .compat-cards p{font-size:12px}

/* primeiros passos: numeral em adesivo amarelo */
html.retro-pop .download-page .first-run{border-top:3px solid var(--ln-ink)}
html.retro-pop .download-page .first-run li>b{display:inline-grid;place-items:center;flex:0 0 54px;height:54px;border:3px solid var(--ln-ink);background:var(--rp-yellow);box-shadow:var(--rp-sh-1);font:400 24px/1 var(--rp-ff-display);transform:rotate(-3deg)}
html.retro-pop .download-page .first-run li:nth-child(2)>b{transform:rotate(2deg)}

/* requisitos: o cupom destacável (borda grossa + picote tracejado por dentro) */
html.retro-pop .download-page .requirements{border:5px solid var(--ln-ink);border-radius:0;box-shadow:var(--rp-sh-3);outline:3px dashed rgba(23,19,31,.32);outline-offset:-16px;transform:rotate(-.4deg)}
html.retro-pop .download-page .requirements h2{font-size:22px}
html.retro-pop .download-page .release-label{font:700 10px/1.2 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .download-page .release-label b{padding:3px 7px;border:2px solid var(--ln-ink);background:var(--rp-yellow);font-size:13px}
html.retro-pop .download-page .requirements details{font:600 12px/1.5 var(--rp-ff-body)}
html.retro-pop .download-page .requirements summary{text-decoration:underline;text-decoration-color:var(--rp-orange);text-decoration-thickness:2px;text-underline-offset:3px}
html.retro-pop .download-page .requirements code{padding:8px;border:2px dashed var(--rp-ink-soft);background:var(--ln-paper-2);color:var(--ln-ink);font:700 11px/1.5 var(--rp-ff-mono)}

/* colofão: tinta de lado a lado (sombra de espalhamento recortada) + faixa de bala no topo pela border-image */
html.retro-pop .download-page .download-footer{
  padding-top:30px;border-top:10px solid transparent;background:var(--ln-ink);
  border-image:var(--rp-pat-candy) 10 0 0/10px 0 0/0 100vmax;
  box-shadow:0 0 0 100vmax var(--ln-ink);clip-path:inset(0 -100vmax);font:600 12px/1.5 var(--rp-ff-body)}
html.retro-pop .download-page .download-footer .download-brand{font:400 12px/1 var(--rp-ff-display);letter-spacing:.04em}
html.retro-pop .download-page .download-footer a:hover{color:var(--rp-yellow)}

/* ── 2b · ENTRAR: pôster (mundo) + cartão de papel (formulário). Os laços do reator param. ── */
html.retro-pop .auth-shell .auth-world::before{opacity:.5}
html.retro-pop .auth-shell .auth-world::after{content:none}
html.retro-pop .auth-shell :is(.orbital,.rx-arc,.rx-dots,.orbit,.orbit-dot,.signal),
html.retro-pop .auth-shell .orbital::before,
html.retro-pop .auth-shell .orbital::after,
html.retro-pop .auth-shell .core::after{animation:none}
html.retro-pop .auth-shell .orbital::after{opacity:0}
html.retro-pop .auth-shell .orbit.one{opacity:.7}
html.retro-pop .auth-shell .orbit-dot::before{box-shadow:none}
html.retro-pop .auth-shell .core::before{background:none;border:2px dashed rgba(255,210,63,.55);border-radius:50%}
html.retro-pop .auth-shell .core::after{background:none}
html.retro-pop .auth-shell .core{font-family:var(--rp-ff-display);font-weight:400}
html.retro-pop .auth-shell .world-copy small{font-family:var(--rp-ff-body);font-weight:800}
html.retro-pop .auth-shell .world-copy small::before{box-shadow:none}
html.retro-pop .auth-shell .world-copy h1{font:400 clamp(26px,min(2.8vw,5.4vh),48px)/.98 var(--rp-ff-display);letter-spacing:var(--rp-tr-display)}
html.retro-pop .auth-shell .world-copy p{font:15px/1.6 var(--rp-ff-body)}
html.retro-pop .auth-shell .world-foot{font-family:var(--rp-ff-mono)}
html.retro-pop .auth-shell .auth-form-panel{border:5px solid var(--ln-ink);clip-path:none;box-shadow:var(--rp-sh-3);padding:30px 32px 22px}
html.retro-pop .auth-shell .auth-form-panel::before{left:0;width:100%;height:8px;background:var(--rp-pat-candy)}
html.retro-pop .auth-shell .auth-form-panel:has(#submit:disabled)::before{left:0;width:100%;animation:none;background:var(--rp-pat-candy)}
html.retro-pop .auth-shell .auth-form-panel::after{content:none}
html.retro-pop .auth-shell .panel-top{font:700 10px/1 var(--rp-ff-mono)}
html.retro-pop .auth-shell .panel-top::after{border-width:2px;clip-path:none}
html.retro-pop .auth-shell .signal{background:var(--rp-orange);box-shadow:0 0 0 2px var(--ln-ink)}
html.retro-pop .auth-shell .auth-form-panel h2{font:400 34px/.95 var(--rp-ff-display);font-variant-caps:normal;text-transform:uppercase;letter-spacing:var(--rp-tr-display)}
html.retro-pop .auth-shell .auth-tabs{border:3px solid var(--ln-ink);clip-path:none}
html.retro-pop .auth-shell .auth-tabs::before{background:var(--rp-yellow);box-shadow:inset 0 0 0 2px var(--ln-ink);clip-path:none}
html.retro-pop .auth-shell .auth-tabs button{font:800 12px/1.2 var(--rp-ff-body);letter-spacing:.08em}
html.retro-pop .auth-shell .google-button{border:3px solid var(--ln-ink);clip-path:none;box-shadow:var(--rp-sh-2);font:800 13px/1.2 var(--rp-ff-body);text-transform:uppercase;letter-spacing:.04em}
html.retro-pop .auth-shell .google-button:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .auth-shell .google-button b{background:var(--rp-orange);color:var(--ln-ink)}
html.retro-pop .auth-shell .google-button:hover b{background:var(--ln-white)}
html.retro-pop .auth-shell .divider{font-family:var(--rp-ff-mono)}
html.retro-pop .auth-shell .divider::before,
html.retro-pop .auth-shell .divider::after{height:3px;background:var(--ln-ink)}
html.retro-pop .auth-shell .divider span::before,
html.retro-pop .auth-shell .divider span::after{background:var(--rp-red)}
html.retro-pop .auth-shell label>span{font:800 11px/1.2 var(--rp-ff-body)}
html.retro-pop .auth-shell input{border:3px solid var(--ln-ink);border-radius:var(--rp-r-1);font:600 14.5px/1 var(--rp-ff-body)}
html.retro-pop .auth-shell input:hover{border-color:var(--ln-ink)}
html.retro-pop .auth-shell input:focus{border-color:var(--ln-ink)}
html.retro-pop .auth-shell input:user-invalid{border-color:var(--rp-red-deep)}
html.retro-pop .auth-shell .password-row button{clip-path:none}
html.retro-pop .auth-shell .primary{border:3px solid var(--ln-ink);border-radius:var(--rp-r-1);clip-path:none;background:var(--rp-orange);box-shadow:var(--rp-sh-2);font:800 14px/1.2 var(--rp-ff-body);letter-spacing:.1em;transition:transform var(--rp-t) var(--rp-e-out),box-shadow var(--rp-t) var(--rp-e-out)}
html.retro-pop .auth-shell .primary:hover{color:var(--ln-ink);border-color:var(--ln-ink);background:var(--rp-yellow);box-shadow:var(--rp-sh-3);transform:translate(-2px,-3px)}
html.retro-pop .auth-shell .primary:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ln-ink)}
html.retro-pop .auth-shell .primary:focus-visible{outline:3px dashed var(--ln-ink);outline-offset:4px}
html.retro-pop .auth-shell .primary:disabled{box-shadow:var(--rp-sh-1);transform:none}
html.retro-pop .auth-shell .primary:disabled::after{animation:none;background:repeating-linear-gradient(115deg,rgba(23,19,31,.1) 0 8px,transparent 8px 16px)}
html.retro-pop .auth-shell .text-button{font:800 12px/1.3 var(--rp-ff-body)}
html.retro-pop .auth-shell .text-button::after{height:3px;background:var(--rp-orange)}
html.retro-pop .auth-shell #retry{border:2px solid var(--ln-ink);clip-path:none}
html.retro-pop .auth-shell #status:not(:empty){border-left-width:4px;clip-path:none}
html.retro-pop .auth-shell #status:not(:empty)::before{background:var(--ln-ink);box-shadow:none;animation:none}
html.retro-pop .auth-shell .policy{border-top-width:2px;border-top-style:dashed}
html.retro-pop .auth-shell .policy a{border-bottom-width:2px}

/* ── 2c · LIVE (calma): só cor e decoração fora do vídeo. Os laços que ficam são do "ao vivo" e leem --rp-play. ── */
html.retro-pop body:has(#preview) .live-heading::before{height:3px;background:var(--ln-ink)}
html.retro-pop body:has(#preview) .live-heading::after{animation:none;background:none}
html.retro-pop body:has(#preview) .eyebrow::before{box-shadow:none}
/* "Live" em lima (lima = ao vivo); o padding é só horizontal: a altura da linha não muda */
html.retro-pop body:has(#preview) .live-heading h1 em{color:var(--ln-ink);text-shadow:none;padding:0 .14em;background:var(--rp-lime);box-shadow:0 0 0 3px var(--ln-ink)}
html.retro-pop body:has(#preview) .live-heading h1 em::before{background:var(--rp-red);box-shadow:0 0 0 2px var(--ln-ink)}
html.retro-pop body:has(#preview) .live-heading h1 em::after{animation-play-state:var(--rp-play)}
html.retro-pop body:has(#preview) .studio::before{animation:none;border-color:rgba(255,210,63,.55)}
html.retro-pop body:has(#preview) .studio #status::before{animation-play-state:var(--rp-play)}
html.retro-pop body:has(#preview) #watchStatus:not(:empty)::before{animation-play-state:var(--rp-play)}
html.retro-pop body:has(#preview) .section-heading{border-bottom:3px solid var(--ln-ink)}
html.retro-pop body:has(#preview) .section-heading h2{color:var(--ln-ink)}
html.retro-pop body:has(#preview) .section-heading h2::before{color:var(--rp-red-deep)}
html.retro-pop body:has(#preview) .section-heading::after{height:5px;background:var(--rp-red);box-shadow:none}
html.retro-pop body:has(#preview) #feedStatus{border-width:2px;clip-path:none;box-shadow:var(--rp-sh-1);white-space:nowrap}
html.retro-pop body:has(#preview) #feedStatus::before{animation-play-state:var(--rp-play);box-shadow:none}
html.retro-pop body:has(#preview) #streams{gap:22px}
html.retro-pop body:has(#preview) .stream{border:3px solid var(--ln-ink);clip-path:none;box-shadow:var(--rp-sh-2);transition:transform var(--rp-t) var(--rp-e-out),box-shadow var(--rp-t) var(--rp-e-out)}
html.retro-pop body:has(#preview) .stream:hover{border-color:var(--ln-ink);background-color:var(--ln-white);box-shadow:var(--rp-sh-3);transform:translate(-2px,-3px)}
html.retro-pop body:has(#preview) .stream::before{border:2px solid var(--ln-ink);clip-path:none;font-family:var(--rp-ff-body);font-weight:800}
html.retro-pop body:has(#preview) .stream::after{animation-play-state:var(--rp-play)}
html.retro-pop body:has(#preview) .stream .cover{border-bottom:3px solid var(--ln-ink)}
html.retro-pop body:has(#preview) .stream .info::before,
html.retro-pop body:has(#preview) .stream .info::after{border-color:var(--ln-ink)}
html.retro-pop body:has(#preview) #empty{border:3px dashed rgba(23,19,31,.35)}
html.retro-pop body:has(#preview) #empty::before{border-color:var(--ln-ink);border-top-color:var(--rp-orange)}
html.retro-pop body:has(#preview) #empty::after{background:var(--ln-ink)}
html.retro-pop body:has(#preview) #viewer::after{background:
    linear-gradient(var(--rp-yellow),var(--rp-yellow)) top left/22px 3px no-repeat,linear-gradient(var(--rp-yellow),var(--rp-yellow)) top left/3px 22px no-repeat,
    linear-gradient(var(--rp-yellow),var(--rp-yellow)) bottom right/22px 3px no-repeat,linear-gradient(var(--rp-yellow),var(--rp-yellow)) bottom right/3px 22px no-repeat}

/* ── 2d · CONECTAR (launcher-login): cartão de papel; a moldura "FEED // STANDBY" da folha de live sai ── */
html.retro-pop body:not(:has(#preview)) main.studio{display:block;max-width:560px;margin:8vh auto 0;padding:30px 30px 26px;border:5px solid var(--ln-ink);clip-path:none;box-shadow:var(--rp-sh-3);transform:rotate(-.6deg)}
html.retro-pop body:not(:has(#preview)) main.studio::before,
html.retro-pop body:not(:has(#preview)) main.studio::after{content:none}
html.retro-pop body:not(:has(#preview)) main.studio .eyebrow{font:800 var(--rp-fs-kicker)/1.2 var(--rp-ff-body)}
html.retro-pop body:not(:has(#preview)) main.studio .eyebrow::before{background:var(--rp-orange);box-shadow:none}
html.retro-pop body:not(:has(#preview)) main.studio .eyebrow::after{background:var(--ln-ink)}
html.retro-pop body:not(:has(#preview)) main.studio h1{font:400 clamp(28px,4vw,40px)/.95 var(--rp-ff-display);letter-spacing:var(--rp-tr-display)}
html.retro-pop body:not(:has(#preview)) main.studio #login{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border-width:3px;border-radius:var(--rp-r-1);clip-path:none;font:800 13px/1 var(--rp-ff-body);text-transform:uppercase;letter-spacing:var(--rp-tr-sticker);transition:transform var(--rp-t) var(--rp-e-out),box-shadow var(--rp-t) var(--rp-e-out)}
html.retro-pop body:not(:has(#preview)) main.studio #login:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
/* desligado até o launcher pedir a conexão (button:disabled{opacity:.5} na página): papel cinza legível, não esmaecido */
html.retro-pop body:not(:has(#preview)) main.studio #login:disabled{opacity:1;color:var(--ln-ink-2);background:var(--ln-paper-3);box-shadow:var(--rp-sh-1);transform:none}
html.retro-pop body:not(:has(#preview)) main.studio .note{color:var(--ln-ink-3);border-top:2px dashed var(--rp-ink-soft)}

/* ── 2e · JOGAR NO LAUNCHER (launcher-play): cartão de papel centrado, botão laranja ── */
html.retro-pop[data-hud-family="launcher"] body:not(.download-page):has(> main:not([class])){margin:0;min-height:100vh}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]){padding:30px 30px 32px;border:5px solid var(--ln-ink);box-shadow:var(--rp-sh-3);transform:rotate(-.6deg)}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) > a:first-child{display:block;font:700 11px/1.2 var(--rp-ff-mono);letter-spacing:.16em;color:var(--ln-ink-2);text-decoration:none}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) h1{margin:12px 0;font:400 clamp(28px,5vw,40px)/.95 var(--rp-ff-display);text-transform:uppercase;letter-spacing:var(--rp-tr-display)}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]){font-size:18px;font-weight:800}   /* o "·" entre os links é nó de texto solto */
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) p{color:var(--ln-ink-2);font:400 16px/1.6 var(--rp-ff-body)}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) a[href="/launcher"]{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border:3px solid var(--ln-ink);border-radius:var(--rp-r-1);background:var(--rp-orange);box-shadow:var(--rp-sh-2);font:800 13px/1 var(--rp-ff-body);text-transform:uppercase;letter-spacing:var(--rp-tr-sticker);text-decoration:none;margin-right:14px}
html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]) a[href="/games/"]{font-weight:800;text-decoration:underline;text-decoration-color:var(--rp-cyan);text-decoration-thickness:3px;text-underline-offset:3px}


/* ═══════════ 3 · LARGURAS E MOVIMENTO ═══════════ */
@media (min-width:701px){
  html.retro-pop .download-page .download-nav>div>a{display:inline-flex}      /* ≤700 a página os esconde */
}
@media (max-width:1000px){
  html.retro-pop .download-page .release-grid{gap:16px}
}
@media (max-width:760px){
  html.retro-pop .download-page :is(.release-grid,.system-grid){grid-template-columns:1fr}
  html.retro-pop .auth-shell .auth-world{border-right:0;border-bottom:5px solid var(--ln-ink)}
  html.retro-pop .auth-shell .auth-form-panel{padding:26px 22px 18px}
}
/* o que gira desliga no celular (plano 5.8 / kit 6.1); a manchete encolhe para caber em 350px */
@media (max-width:767px){
  html.retro-pop .download-page h1{font-size:clamp(34px,10.5vw,44px);line-height:.94}
  html.retro-pop .download-page :is(.nexus-device,.download-features article,.compat-cards article,.requirements,.release-highlights>h2),
  html.retro-pop .auth-shell .auth-form-panel,
  html.retro-pop body:not(:has(#preview)) main.studio,
  html.retro-pop[data-hud-family="launcher"] body:not(.download-page) > main:not([class]){transform:none}
  html.retro-pop .download-page .nexus-device{box-shadow:6px 7px 0 var(--rp-orange),6px 7px 0 3px var(--ln-ink)}
  html.retro-pop .download-page .feature-icon{width:36px;height:36px;font-size:18px}
  html.retro-pop .download-page .requirements{outline-offset:-12px}
}
@media (max-width:700px){
  html.retro-pop .download-page .download-nav select{max-width:112px}
}
@media (prefers-reduced-motion:reduce){
  html.retro-pop .download-page :is(.download-primary,.console-tabs button),
  html.retro-pop .auth-shell :is(.google-button,.primary),
  html.retro-pop body:has(#preview) .stream,
  html.retro-pop body:not(:has(#preview)) main.studio #login{transition-duration:1ms}
  html.retro-pop body:has(#preview) .live-heading h1 em::after,
  html.retro-pop body:has(#preview) #feedStatus::before,
  html.retro-pop body:has(#preview) .stream::after{animation:none}
}