/* RETRO POP · família home (nível 3 de 4; PLANO 1.4, etapa 3) · index.html, a vitrine; alvo: 6-retro-pop.html.
   Vira o CSS próprio da home: <style> inline, play-now-v2, launcher-promo, online-beta-announcement, console-library,
   subscription (só .subscription-home-*), multiplayer-lobby (o LOBBY) e o CSS injetado por cc-home-lobby/cc-live-videos.
   0 tokens · 1 inversão (só cor, seletores reais: legível sem JS) · 2 composição · 3 lobby · 4 movimento · 5 larguras.
   Fora daqui (_shared.css): chat, Live, rádio, cookies, modais, toasts. Zero regra em anúncio e cosmético pago. */

/* ═══ 0 · TOKENS ═══ */
html.retro-pop{--hf-d:var(--rp-ff-display);--hf-b:var(--rp-ff-body);--hf-m:var(--rp-ff-mono);
  --hm-dots:radial-gradient(circle,rgba(23,19,31,.24) 1.2px,transparent 1.5px);--hm-dots-cream:radial-gradient(circle,rgba(245,235,215,.17) 1.5px,transparent 1.8px);--hm-hatch:repeating-linear-gradient(135deg,rgba(23,19,31,.07) 0 6px,transparent 6px 12px);
}
/* ilhas escuras: token desce resolvido, então os da página voltam aqui */
html.retro-pop #mostPlayed,
html.retro-pop .wrap > footer{--rp-paper:#17131f; --rp-paper-2:#221c2c; --rp-paper-3:#2e2639; --rp-paper-w:#17131f;--rp-ink:#f5ebd7; --rp-ink-2:#dccfb2; --rp-ink-3:#b5a68c; --rp-ink-soft:rgba(245,235,215,.16);--txt:#f5ebd7; --txt-2:#dccfb2; --txt-3:#b5a68c; --stroke:rgba(245,235,215,.16); --stroke-2:#f5ebd7;--glass:#221c2c; --glass-2:#2e2639; --cyan:#00b8d9;color-scheme:dark;
}

/* ═══ 1 · VARREDURA DE INVERSÃO: fundo escuro → papel, texto claro → tinta ═══ */

/* atmosfera (inline :221-242) */
html.retro-pop .aurora,
html.retro-pop .gridfloor,
html.retro-pop #dust{display:none}
/* véu do painel Live antigo (home-live-panel.js:980; painel oculto por og-live-v2.js:24) */
html.retro-pop #livePanelOverlay:not(.active){display:none}

/* tarja (inline :295-354, :1760-2074) */
html.retro-pop .nav{color:#17131f;-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop .nav::before{display:none}
html.retro-pop .nav .brand b span{color:var(--rp-red-deep)}
html.retro-pop .navlinks a,
html.retro-pop .navlinks a:hover,
html.retro-pop .navlinks a.on{color:#17131f;background:none}
html.retro-pop .searchbtn,
html.retro-pop .searchbtn:hover{color:#17131f;background:#fffaf0}
html.retro-pop .searchbtn kbd{color:var(--rp-ink-2);border-color:var(--rp-ink-soft)}
html.retro-pop .probtn{color:#fffaf0;background:var(--rp-purple)}
/* o 👑 é emoji (cor própria): assenta num disco de tinta, nunca direto no roxo */
html.retro-pop .probtn .subscribe-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#17131f}
html.retro-pop .probtn svg{fill:currentColor}
html.retro-pop .signin,
html.retro-pop .signin:hover{color:#17131f;background:var(--rp-red)}
html.retro-pop .avatarbtn{color:#17131f;background:#fffaf0}
html.retro-pop .avatarbtn .nav-user-kicker{color:var(--rp-ink-2)}
html.retro-pop .hamb{background:#fffaf0}

/* nexus-theme.css:366 usa !important */
html.retro-pop .nav .right #navActiveUsersPill b{color:#17131f}
html.retro-pop .nav .right #navActiveUsersPill .pill-dot{background:#17131f;box-shadow:none}
html.retro-pop .nav .right #navFavoritesBtn,
html.retro-pop .nav .right #navFavoritesBtn:hover{color:#17131f;background:var(--rp-pink)}
html.retro-pop .nav .right #navFavoritesBtn .fav-icon{filter:none}
html.retro-pop .nav .right .og-language-switch,
html.retro-pop .mobilemenu .og-language-switch{background:#fffaf0;border:3px solid #17131f;border-radius:var(--rp-r-1)}
html.retro-pop .mobilemenu .og-language-switch button{color:#17131f;background:transparent;font-family:var(--hf-b);font-weight:800}
html.retro-pop .mobilemenu .og-language-switch button.is-active,
html.retro-pop .nav .right .og-language-switch button.is-active{color:#17131f;background:var(--rp-cyan)}
/* conta (inline :1723-1845) */
html.retro-pop .userdrop .uhead small{color:var(--rp-ink-2)}
html.retro-pop .userdrop button:hover,
html.retro-pop .userdrop a:hover{color:#17131f;background:var(--rp-yellow)}
html.retro-pop .userdrop .danger,
html.retro-pop .userdrop .danger:hover{color:var(--rp-red-deep)}

html.retro-pop .mobilemenu a,
html.retro-pop .mobilemenu a:hover,
html.retro-pop .mobilemenu a:active{color:#17131f;background:#fffaf0}

/* faixa do launcher (launcher-promo.css, (1,1,0)) */
html.retro-pop #launcherNotice{color:#17131f;background:var(--rp-orange)}
html.retro-pop #launcherNotice .launcher-promo-tools button:hover{color:#17131f;background:#fffaf0}
html.retro-pop #launcherNotice .launcher-promo-art > span,
html.retro-pop #launcherNotice .launcher-promo-kicker,
html.retro-pop #launcherNotice h2,
html.retro-pop #launcherNotice .launcher-promo-copy > p,
html.retro-pop #launcherNotice .launcher-promo-platform,
html.retro-pop #launcherNotice .launcher-promo-toggle,
html.retro-pop #launcherNotice .launcher-promo-toggle:hover{color:#17131f}
html.retro-pop #launcherNotice .launcher-promo-download,
html.retro-pop #launcherNotice .launcher-promo-download:hover{color:#17131f;background:#fffaf0}
html.retro-pop #launcherNotice .launcher-promo-feature-grid p,
html.retro-pop #launcherNotice .launcher-promo-bottom p,
html.retro-pop #launcherNotice .launcher-promo-bottom small{color:var(--rp-ink-2)}
html.retro-pop #launcherNotice .launcher-promo-feature-grid article > span,
html.retro-pop #launcherNotice .launcher-promo-feature-grid article > span.launcher-promo-live{color:#17131f}
html.retro-pop .launcher-promo-dot{background:#17131f;box-shadow:none}

/* aviso do Online Beta (online-beta-announcement.css) */
html.retro-pop .og-online-beta-action,
html.retro-pop .og-online-beta-action:hover{color:#17131f;background:var(--rp-red)}
html.retro-pop .og-online-beta-action.secondary,
html.retro-pop .og-online-beta-action.secondary:hover{color:#fffaf0;background:var(--rp-purple)}
html.retro-pop .og-online-beta-dismiss,
html.retro-pop .og-online-beta-dismiss:hover,
html.retro-pop .og-online-beta-dismiss:focus-visible{color:#17131f;background:#fffaf0}

/* hero (inline :355-951, play-now-v2.css) */
html.retro-pop .hero::before{display:none}
html.retro-pop .hero .sys{color:var(--rp-ink-2)}
html.retro-pop .lobby-kicker svg{stroke:#17131f}
html.retro-pop .hero h1.lobby-title .w b,
html.retro-pop .hero h1.lobby-title .w:nth-child(2) b,
html.retro-pop .hero h1.lobby-title .w:nth-child(3) b{color:#17131f;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;filter:none}
html.retro-pop .hero p.lead,
html.retro-pop .hero p.lobby-lead{color:var(--rp-ink-2)}
html.retro-pop .pn-node{color:#17131f;background:var(--rp-yellow)}
html.retro-pop .pn-step:nth-child(2) .pn-node{color:#17131f;background:var(--rp-cyan)}
html.retro-pop .pn-step:nth-child(3) .pn-node{color:#17131f;background:var(--rp-pink)}
html.retro-pop .pn-node::after,
html.retro-pop .pn-step:nth-child(2) .pn-node::after,
html.retro-pop .pn-step:nth-child(3) .pn-node::after{color:#f5ebd7;background:#17131f}
html.retro-pop .pn-step-body,
html.retro-pop .pn-step:hover .pn-step-body{color:#17131f;background:var(--rp-paper)}
html.retro-pop .pn-secondary,
html.retro-pop .pn-secondary:hover,
html.retro-pop .pn-secondary:focus-visible{color:#17131f;background:#fffaf0}
html.retro-pop .pn-tel-val,
html.retro-pop .pn-tel-val.pn-hot{color:#17131f;text-shadow:none}
html.retro-pop .pn-tel-val em{color:var(--rp-red-deep);-webkit-text-fill-color:currentColor}

/* sala em destaque (gerada em index.html:6339) */
html.retro-pop .pn-room-state,
html.retro-pop .pn-room-state.is-ready,
html.retro-pop .pn-room-state.is-full{color:#17131f}
html.retro-pop .pn-room-code,
html.retro-pop .pn-room-game,
html.retro-pop .pn-room-host,
html.retro-pop .pn-room-capacity,
html.retro-pop .pn-room-go small{color:var(--rp-ink-2)}
html.retro-pop .pn-room-go,
html.retro-pop .pn-feed .pn-room-card:hover .pn-room-go{color:#17131f;background:var(--rp-lime)}
html.retro-pop .pn-feed .pn-room-card:hover .pn-room-go small{color:#17131f}
html.retro-pop .wrow .winfo span{color:var(--rp-ink-2)}
html.retro-pop .wrow .wgo,
html.retro-pop .wrow.lv .wgo{color:#17131f;background:var(--rp-lime)}
/* núcleo da direita */
html.retro-pop .hero-right .pn-core-brand .wm,
html.retro-pop .gl{color:#17131f}
html.retro-pop .gl::before,
html.retro-pop .gl::after{display:none}
html.retro-pop .pn-core-label,
html.retro-pop .pn-core-foot{color:var(--rp-ink-2)}
html.retro-pop .og-signal-grid b,
html.retro-pop .og-signal-grid span:nth-child(2) b{color:#17131f;text-shadow:none}

/* cabeçalho de seção (inline :952) */

/* widget LIVE NOW: og-live-v2.js o esconde; sem JS aparece */
html.retro-pop .widget,
html.retro-pop .widget.live-widget{color:#17131f;background:#fffaf0;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .widget::after{display:none}
html.retro-pop .widget .scanline{color:var(--rp-ink-2)}
html.retro-pop .widget .badge,
html.retro-pop .widget .wbtn{color:#17131f;background:var(--rp-lime);border:2px solid #17131f;border-radius:0}
/* Cable Link (#cc-home injetado, #ccLiveVid) */
html.retro-pop #cc-home{color:#17131f;background:#fffaf0}
html.retro-pop #cc-home .cch-h .ti{color:#17131f;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor}
html.retro-pop #cc-home .cch-h .cv{color:#17131f}
html.retro-pop #cc-home .cch-h .d{background:var(--rp-lime);box-shadow:0 0 0 2px #17131f}
html.retro-pop #cc-home .empty{color:var(--rp-ink-2);background:var(--rp-paper-2)}
html.retro-pop #cc-home .empty .big{filter:none}
html.retro-pop #cc-home .cch-foot a{color:#17131f;background:var(--rp-cyan)}
html.retro-pop #cc-home .cch-foot .note{color:var(--rp-ink-2)}
html.retro-pop #cc-home .card .join{color:#17131f;background:var(--rp-lime)}
html.retro-pop #ccLiveVid{color:#17131f;background:#fffaf0}
html.retro-pop #ccLiveVid .ccv-subtitle,
html.retro-pop #ccLiveVid .ccv-note{color:var(--rp-ink-2)}
html.retro-pop #ccLiveVid .ccv-dot{background:var(--rp-red);box-shadow:0 0 0 2px #17131f}
html.retro-pop .ccv-empty{color:var(--rp-ink-2)}
html.retro-pop .ccv-empty a{color:#17131f}
html.retro-pop .ccv-game{color:#17131f}
html.retro-pop .ccv-name,
html.retro-pop .ccv-state{color:var(--rp-ink-2)}
html.retro-pop .ccv-watch{color:#17131f;background:#fffaf0}
html.retro-pop .ccv-join{color:#17131f;background:var(--rp-lime)}
html.retro-pop .ccv-dialog::backdrop{background:rgba(23,19,31,.72)}
html.retro-pop .ccv-dialog button{color:#17131f;background:#fffaf0}
html.retro-pop .ccv-dialog-footer p{color:var(--rp-ink-2)}
html.retro-pop .ccv-dialog-footer a{color:#17131f;background:var(--rp-lime)}

/* consoles (inline :1257, console-library.css:32-55) */
html.retro-pop #consoleGrid .ccard::before,
html.retro-pop #consoleGrid .ccard::after,
html.retro-pop .ccard .clogo::before,
html.retro-pop .ccard .clogo::after{display:none}
html.retro-pop .og-library-eyebrow,
html.retro-pop .ccard .bit{color:var(--rp-ink-2)}
html.retro-pop .ccard .logo-fallback{color:#f5ebd7;background:none}

/* pôster "Most Played" (inline :1195, :2769): escuro de propósito, creme sobre tinta */
html.retro-pop #mostPlayed{color:#f5ebd7;background-color:#17131f}
html.retro-pop #mostPlayed .sechead .kicker,
html.retro-pop #mostPlayed .mp-refresh,
html.retro-pop #mostPlayed .mp-deck-note{color:#dccfb2}
html.retro-pop #mostPlayed .sechead h2,
html.retro-pop #mostPlayed .sechead h2 em{color:#17131f}
html.retro-pop #mostPlayed .sechead .more,
html.retro-pop #mostPlayed .sechead .more:hover{color:#17131f;background:var(--rp-lime)}
html.retro-pop #mostPlayed .mp-refresh strong{color:var(--rp-yellow)}
html.retro-pop #mostPlayed .gcard,
html.retro-pop #mostPlayed .gcard .thumb{background:#fffaf0}
html.retro-pop #mostPlayed .gcard .shade{background:none}
html.retro-pop #mostPlayed .rank,
html.retro-pop #mostPlayed .gcard:hover .rank{color:#17131f;background:#fffaf0;-webkit-text-stroke:0}
html.retro-pop .gbadge.top,
html.retro-pop .gbadge.hot{color:#17131f}
html.retro-pop .gbadge.top{background:var(--rp-yellow)}
html.retro-pop .gbadge.hot{background:var(--rp-red)}

/* cupons (subscription.css:679-1000) */
html.retro-pop .subscription-home-card::before,
html.retro-pop .subscription-home-card::after{display:none}
html.retro-pop .subscription-home-price,
html.retro-pop .subscription-home-card h3{color:inherit}
html.retro-pop .subscription-home-card p,
html.retro-pop .subscription-home-card li{color:inherit}
html.retro-pop .subscription-home-btn{color:#17131f;background:var(--rp-red)}
html.retro-pop .subscription-home-btn.muted{color:#17131f;background:var(--rp-yellow)}

/* ranking (inline :1026) */
html.retro-pop .board.played .bhead{background:var(--rp-cyan)}
html.retro-pop .bhead svg,
html.retro-pop .board.players .bhead svg,
html.retro-pop .board.played .bhead svg{stroke:#17131f}
html.retro-pop .bhead .more2,
html.retro-pop .board.players .bhead .more2:hover,
html.retro-pop .board.played .bhead .more2:hover{color:#17131f}
html.retro-pop .row,
html.retro-pop .row:hover{color:#17131f}
html.retro-pop .rk,
html.retro-pop .board.played .row:nth-child(2) .rk,
html.retro-pop .board.played .row:nth-child(3) .rk{color:#17131f;background:#fffaf0}
html.retro-pop .rk.g1,html.retro-pop .rk.g2,html.retro-pop .rk.g3,
html.retro-pop .board.played .row:nth-child(1) .rk{color:#17131f}
html.retro-pop .row .pava,
html.retro-pop .row .gthumb{background:var(--rp-paper-3)}
html.retro-pop .row .info span,
html.retro-pop .row .endcol span,
html.retro-pop .board.played .row .info span,
html.retro-pop .board.played .row .endcol.new span{color:var(--rp-ink-2)}
html.retro-pop .row .info .player-game-line{color:var(--rp-ink-2)}
html.retro-pop .row .info .player-game-line strong,
html.retro-pop .row .endcol b,
html.retro-pop .row .endcol.player-hours b,
html.retro-pop .row.first .endcol.player-hours b,
html.retro-pop .board.played .row .endcol.new b{color:#17131f;text-shadow:none}

/* newsletter, sobre, FAQ, populares (inline :1504-1553, :519) */
html.retro-pop .newsletter{color:#17131f;background:#fffaf0}
html.retro-pop .newsletter h2,
html.retro-pop .newsletter h2 em{color:#17131f}
html.retro-pop .newsform input::placeholder{color:var(--rp-ink-3);opacity:1}

/* #about-platform h3: cor no style="" (1,7-2,1:1 no papel) — só !important vence */
html.retro-pop #about-platform article h3{color:#17131f!important}
html.retro-pop #about-platform article strong{color:#17131f}
html.retro-pop .pg-links a,
html.retro-pop .pg-links a:hover,
html.retro-pop .pg-links a:focus-visible{color:#17131f;background:#fffaf0}

/* rodapé (inline :1554) */
html.retro-pop .wrap > footer .brand b span{color:var(--rp-red-deep)}
html.retro-pop .fbrand p,
html.retro-pop .fcol a{color:#dccfb2}

/* voltar ao topo: fundo carbono no style="" (index.html:3733) */
html.retro-pop #backToTop{color:#17131f!important;background:var(--rp-yellow)!important;border:3px solid #17131f!important;border-radius:0!important;box-shadow:var(--rp-sh-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-weight:800}

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

/* 2.1 tarja amarela; sticky, top, z-index e largura da página ficam */
html.retro-pop .nav{border:3px solid #17131f;border-bottom-width:6px;border-radius:0;background-color:var(--rp-yellow);background-image:var(--hm-dots);background-size:8px 8px;box-shadow:var(--rp-sh-2)}
html.retro-pop .nav .brand{color:#17131f;background:#fffaf0;padding:4px 12px 5px 6px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(-1.6deg)}
html.retro-pop .nav .brand:hover{border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .brand b{font-family:var(--hf-d);font-weight:400;letter-spacing:-.005em;text-transform:uppercase;text-shadow:2px 2px 0 var(--rp-red);transform:skewX(var(--rp-skew))}
html.retro-pop .brand b span{font-family:var(--hf-m);font-weight:700;text-shadow:none;letter-spacing:0}
html.retro-pop .navlinks{background:none;border-color:transparent;padding:0;border-radius:0;box-shadow:none}
html.retro-pop .navlinks a{min-height:40px;border:0;border-bottom:4px solid transparent;border-radius:0;box-shadow:none;font-family:var(--hf-b);font-weight:800;transition:border-color var(--rp-t-fast) linear,background-color var(--rp-t-fast) linear}
html.retro-pop .navlinks a:hover{border-bottom-color:var(--rp-cyan);background:rgba(255,250,240,.55)}
html.retro-pop .navlinks a.on{border-bottom-color:var(--rp-red);background:rgba(255,250,240,.55);box-shadow:none}
/* inline :1987 corta com reticências (!important): o nome longo quebra em 2 linhas */
html.retro-pop .nav .navlinks a{max-width:100px;white-space:normal!important;text-overflow:clip!important;line-height:1.05;text-align:center;overflow-wrap:normal}
html.retro-pop .nav .navlinks a[href="/pokemon-lobby"]{max-width:86px}
/* botões da direita; a busca é pílula (a exceção ao canto duro) */
html.retro-pop .searchbtn,
html.retro-pop .probtn,
html.retro-pop .signin,
html.retro-pop .avatarbtn,
html.retro-pop .hamb,
html.retro-pop .nav .right #navActiveUsersPill,
html.retro-pop .nav .right #navFavoritesBtn,
html.retro-pop .nav .right .og-language-switch{border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-1);font-family:var(--hf-b);font-weight:800;transition:var(--rp-pop)}
html.retro-pop .searchbtn{border-radius:var(--rp-r-pill)}
html.retro-pop :is(.searchbtn,.probtn,.signin,.avatarbtn,.hamb):hover,
html.retro-pop .nav .right #navFavoritesBtn:hover{transform:translate(-1px,-2px);border-color:#17131f;box-shadow:var(--rp-sh-2);filter:none}
html.retro-pop .probtn,
html.retro-pop .signin{letter-spacing:.04em;text-transform:uppercase}
html.retro-pop .nav .right #navActiveUsersPill{color:#17131f!important;background:var(--rp-lime)!important;border:3px solid #17131f!important;border-radius:var(--rp-r-1)!important;box-shadow:var(--rp-sh-1)!important;font-family:var(--hf-m)!important;font-family:var(--hf-m);letter-spacing:.06em}
html.retro-pop .nav .right .og-language-switch button{color:#17131f;background:transparent;border-radius:0;font-family:var(--hf-b);font-weight:800}
html.retro-pop .avatarbtn .av{background:var(--rp-paper-3);border:2px solid #17131f;box-shadow:none}
html.retro-pop .avatarbtn[aria-expanded="true"]{border-color:#17131f;box-shadow:var(--rp-sh-2)}
html.retro-pop .hamb span{background:#17131f;border-radius:0;height:3px}
html.retro-pop .userdrop{color:#17131f;background:#fffaf0;-webkit-backdrop-filter:none;backdrop-filter:none;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3)}
html.retro-pop .userdrop::before{background:#fffaf0;border-color:#17131f}
html.retro-pop .userdrop .uhead{background:var(--rp-paper-2);border:2px solid #17131f;border-radius:0}
html.retro-pop .userdrop .uhead-avatar{background:var(--rp-paper-3);border:2px solid #17131f;box-shadow:none}
html.retro-pop .userdrop .uhead b{font-family:var(--hf-d);font-weight:400}
html.retro-pop .userdrop button,
html.retro-pop .userdrop a{color:#17131f;border-radius:0}
html.retro-pop .userdrop .danger{border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop .mobilemenu{background:var(--rp-paper);-webkit-backdrop-filter:none;backdrop-filter:none;background-image:var(--hm-dots);background-size:10px 10px}
html.retro-pop .mobilemenu a{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);font:400 15px/1.1 var(--hf-d);letter-spacing:.01em;text-transform:uppercase}
html.retro-pop .mobilemenu a:nth-child(odd){transform:rotate(-.6deg)}
html.retro-pop .mobilemenu a:nth-child(even){transform:rotate(.5deg)}
html.retro-pop .mobilemenu a:hover,
html.retro-pop .mobilemenu a:active{border-color:#17131f;background:var(--rp-cyan)}

/* 2.2 faixa laranja do launcher (laranja = launcher); html em overflow-x:clip, o giro não rola */
html.retro-pop #launcherNotice{margin-top:30px;border:3px solid #17131f;border-radius:0;background-image:var(--hm-dots);background-size:8px 8px;box-shadow:var(--rp-sh-3);transform:rotate(-.8deg);font-family:var(--hf-b)}
html.retro-pop #launcherNotice::before{display:none}
html.retro-pop #launcherNotice::after{left:0;right:0;top:0;width:auto;height:10px;background:var(--rp-pat-candy);box-shadow:none;border-bottom:3px solid #17131f}
html.retro-pop #launcherNotice .launcher-promo-main{padding-top:38px}
html.retro-pop #launcherNotice .launcher-promo-tools{top:16px}
html.retro-pop #launcherNotice .launcher-promo-tools button{color:#17131f;background:transparent;border-radius:0}
html.retro-pop #launcherNotice .launcher-promo-art b{color:#f5ebd7;background:#17131f;border:3px solid #17131f;border-radius:0;background-image:var(--hm-dots-cream);background-size:8px 8px;box-shadow:5px 6px 0 #fffaf0,5px 6px 0 3px #17131f;font-family:var(--hf-d);transform:rotate(-6deg)}
html.retro-pop #launcherNotice .launcher-promo-ring{border:3px dashed #17131f}
html.retro-pop #launcherNotice .launcher-promo-ring::before{background:var(--rp-red);box-shadow:0 0 0 2px #17131f}
html.retro-pop #launcherNotice .launcher-promo-sweep{border:2px dotted #17131f}
html.retro-pop #launcherNotice .launcher-promo-art > span{font:700 9px/1 var(--hf-m);letter-spacing:.1em}
html.retro-pop #launcherNotice .launcher-promo-kicker{font:700 11px/1.2 var(--hf-m);letter-spacing:.14em;text-transform:uppercase}
html.retro-pop #launcherNotice .launcher-promo-version,
html.retro-pop #launcherNotice .launcher-promo-consoles li{color:#17131f;background:#fffaf0;border:2px solid #17131f;border-radius:0;font:700 11px/1.3 var(--hf-m)}
html.retro-pop #launcherNotice h2{font:400 clamp(22px,2.6vw,36px)/1 var(--hf-d);letter-spacing:-.01em;text-transform:uppercase}
html.retro-pop #launcherNotice .launcher-promo-copy > p{font:600 15px/1.5 var(--hf-b)}
html.retro-pop #launcherNotice .launcher-promo-download{min-height:52px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);font:800 14px/1.25 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transition:var(--rp-pop)}
html.retro-pop #launcherNotice .launcher-promo-download:hover{transform:translate(-2px,-3px);box-shadow:10px 11px 0 #17131f}
html.retro-pop #launcherNotice .launcher-promo-platform{font:700 11px/1.3 var(--hf-m)}
html.retro-pop #launcherNotice .launcher-promo-toggle{font:800 12px/1 var(--hf-b);text-transform:uppercase;letter-spacing:.06em;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html.retro-pop #launcherNotice .launcher-promo-details{color:#17131f;background:#fffaf0;border-top:3px dashed #17131f}
html.retro-pop #launcherNotice h3{color:#17131f;font:400 15px/1.2 var(--hf-d);text-transform:uppercase}
html.retro-pop #launcherNotice .launcher-promo-feature-grid p{font-size:13px;line-height:1.6}
html.retro-pop #launcherNotice .launcher-promo-bottom{border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop #launcherNotice .launcher-promo-bottom p,
html.retro-pop #launcherNotice .launcher-promo-bottom small{font-size:12px}
html.retro-pop #launcherNotice .launcher-promo-bottom a{color:#17131f;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}
html.retro-pop #launcherNoticeCompact{color:#17131f;background:var(--rp-orange);border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);font-family:var(--hf-b)}
html.retro-pop #launcherNoticeCompact button{color:#17131f;background:#fffaf0;border:2px solid #17131f;border-radius:0;font-weight:800}

/* 2.3 Online Beta: balão de fala (rabo no ::after), chip lima */
html.retro-pop .og-online-beta-announcement{color:#17131f;background:#fffaf0;overflow:visible;margin-bottom:46px;padding:22px 64px 22px 26px;border:5px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);font-family:var(--hf-b)}
html.retro-pop .og-online-beta-announcement::before{display:none}
html.retro-pop .og-online-beta-announcement::after{content:"";position:absolute;left:44px;bottom:-29px;width:48px;height:29px;pointer-events:none;background:#fffaf0;border-right:5px solid #17131f;border-bottom:5px solid #17131f;clip-path:polygon(0 0,100% 0,40% 100%)}
html.retro-pop .og-online-beta-kicker{color:#17131f;background:var(--rp-lime);padding:4px 10px;border:2px solid #17131f;box-shadow:var(--rp-sh-1);font:800 11px/1.2 var(--hf-b);letter-spacing:.04em;transform:rotate(-2deg)}
html.retro-pop .og-online-beta-kicker::before{width:8px;height:8px;border-radius:0;background:#17131f;box-shadow:none}
html.retro-pop .og-online-beta-announcement h2{color:#17131f;font:400 clamp(18px,1.9vw,26px)/1.1 var(--hf-d);letter-spacing:-.005em;text-transform:uppercase}
html.retro-pop .og-online-beta-announcement p{color:var(--rp-ink-2);font:600 15px/1.5 var(--hf-b)}
html.retro-pop .og-online-beta-action{min-height:44px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 13px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transition:var(--rp-pop)}
html.retro-pop .og-online-beta-action:hover,
html.retro-pop .og-online-beta-action:focus-visible{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .og-online-beta-dismiss{width:40px;height:40px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}

/* 2.4 capa: título gordo, rabo em bloco vermelho; a entrada wordUp sai */
html.retro-pop .hero .sys{font:700 11px/1.2 var(--hf-m);letter-spacing:.16em}
html.retro-pop .hero .sys::before{width:28px;height:3px;background:#17131f}
html.retro-pop .hero .sys .blink{width:9px;height:9px;border-radius:0;background:var(--rp-lime);box-shadow:0 0 0 2px #17131f}
html.retro-pop .lobby-kicker{color:#17131f;background:var(--rp-cyan);min-height:36px;padding:0 6px 0 12px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);font:800 11px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transform:rotate(-1.2deg)}
html.retro-pop .lobby-kicker span{color:#17131f;background:var(--rp-lime);height:24px;border:2px solid #17131f;border-radius:0;box-shadow:none;font-family:var(--hf-m);font-weight:700}
html.retro-pop .hero h1.lobby-title{font-family:var(--hf-d);font-weight:400;letter-spacing:-.015em;line-height:.9}
html.retro-pop .hero h1.lobby-title .w{overflow:visible}
html.retro-pop .hero h1.lobby-title .w b{font-weight:400;transform:none;animation:none;text-shadow:4px 4px 0 var(--rp-red)}
html.retro-pop .hero h1.lobby-title .w:nth-child(2) b{color:var(--rp-cyan-deep);text-shadow:4px 4px 0 #17131f}
/* creme sobre vermelho = 3,51:1, só ≥24px (PLANO 2.4): aqui 39-46px */
html.retro-pop .hero h1.lobby-title .w.pn-title-tail{margin-top:.16em}
html.retro-pop .hero h1.lobby-title .w:nth-child(3) b{padding:.08em .32em .1em;color:#fffaf0;background:var(--rp-red);border:4px solid #17131f;box-shadow:6px 7px 0 #17131f;text-shadow:2px 2px 0 #17131f;transform:skewX(-8deg) rotate(-1.5deg)}
html.retro-pop .hero h1.lobby-title::after{width:clamp(120px,18vw,220px);height:12px;margin-top:22px;border-radius:0;box-shadow:none;opacity:.85;background:var(--rp-pat-zig) repeat-x 0 0/40px 12px}
html.retro-pop .hero p.lobby-lead{font:500 var(--rp-fs-body)/1.55 var(--hf-b)}
html.retro-pop .pn-capabilities span{color:#17131f;background:#fffaf0;min-height:30px;border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);font:800 11px/1 var(--hf-b);letter-spacing:.04em}
html.retro-pop .pn-capabilities span::before{width:8px;height:8px;border-radius:0;background:var(--rp-cyan);box-shadow:0 0 0 2px #17131f}
html.retro-pop .pn-capabilities span:nth-child(2)::before{background:var(--rp-yellow);box-shadow:0 0 0 2px #17131f}
html.retro-pop .pn-capabilities span:nth-child(3)::before{background:var(--rp-red);box-shadow:0 0 0 2px #17131f}

/* painel "três passos": cartão de papel com fita */
html.retro-pop .lobby-panel.pn-panel{color:#17131f;background:#fffaf0;border:5px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);transform:rotate(-.4deg);-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop .lobby-panel.pn-panel:hover{border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .lobby-panel.pn-panel::before{inset:-16px auto auto -20px;width:118px;height:36px;z-index:3;opacity:1;background:var(--rp-art-tape) center/100% 100% no-repeat;transform:rotate(-12deg);-webkit-mask-image:none;mask-image:none}
html.retro-pop .lobby-panel.pn-panel::after{display:none}
html.retro-pop .pn-panel-head{border-bottom:3px dashed var(--rp-ink-soft)}
html.retro-pop .pn-panel-copy small{color:var(--rp-ink-2);font:700 11px/1 var(--hf-m);letter-spacing:.14em}
html.retro-pop .pn-panel-copy small::before{height:3px;background:#17131f;box-shadow:none}
html.retro-pop .pn-panel-copy strong{color:#17131f;font:400 17px/1.1 var(--hf-d);letter-spacing:0}
html.retro-pop .pn-ready{color:#17131f;background:var(--rp-lime);border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);font:800 10px/1 var(--hf-b);letter-spacing:.04em}
html.retro-pop .pn-ready i{border-radius:0;background:#17131f;box-shadow:none}
html.retro-pop .pn-rail-line{border-radius:0;box-shadow:none;background:repeating-linear-gradient(180deg,#17131f 0 6px,transparent 6px 11px)}
html.retro-pop .pn-rail-pulse{display:none}
html.retro-pop .pn-node,
html.retro-pop .pn-step:nth-child(2) .pn-node,
html.retro-pop .pn-step:nth-child(3) .pn-node{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .pn-node::after{border-radius:0;box-shadow:none;font:700 10px/1 var(--hf-m)}
html.retro-pop .pn-step-body{border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .pn-step:hover .pn-step-body{border-color:#17131f;box-shadow:var(--rp-sh-2)}
html.retro-pop .pn-step-title{color:#17131f;font:400 14px/1.1 var(--hf-d);letter-spacing:.01em}
html.retro-pop .pn-step-sub{color:var(--rp-ink-2);font:500 13px/1.3 var(--hf-b)}
/* Open Lobby: CTA vermelho */
html.retro-pop .pn-dock{color:#17131f;background:var(--rp-red);border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-3);background-image:none}
html.retro-pop .pn-dock:is(:hover,:focus-visible){transform:translate(-2px,-3px);background-image:none;box-shadow:10px 11px 0 #17131f}
html.retro-pop .pn-dock:active{transform:translate(3px,4px);box-shadow:var(--rp-sh-1)}
html.retro-pop .pn-dock-spark{display:none}
html.retro-pop .pn-dock-txt b{font:400 19px/1 var(--hf-d);letter-spacing:.01em}
html.retro-pop .pn-dock-txt em{font:700 12px/1.2 var(--hf-b);opacity:1}
html.retro-pop .pn-secondary{border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 12px/1 var(--hf-b);letter-spacing:.04em;transition:var(--rp-pop)}
html.retro-pop .pn-secondary:is(:hover,:focus-visible){transform:translate(-2px,-3px);border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .pn-feed{border-top:3px dashed var(--rp-ink-soft)}
html.retro-pop .pn-scan{color:var(--rp-ink-2);background:var(--rp-paper-2);border:3px dashed var(--rp-ink-soft);border-radius:0;font:600 13px/1.2 var(--hf-b)}
html.retro-pop .pn-scan::after{color:var(--rp-ink-2);font:700 10px/1 var(--hf-m);letter-spacing:.12em}
html.retro-pop .pn-scan .dots i,
html.retro-pop .pn-scan .dots i:nth-child(2),
html.retro-pop .pn-scan .dots i:nth-child(3){border-radius:0;background:#17131f;box-shadow:none}
/* telemetria em etiquetas de preço */
html.retro-pop .lobby-panel.pn-panel .pn-telemetry{background:none;gap:10px;padding-top:14px;border-top:3px solid #17131f;box-shadow:none}
html.retro-pop .pn-live{color:#17131f;background:var(--rp-lime);align-self:center;min-height:32px;border:3px solid #17131f;box-shadow:var(--rp-sh-1);font:800 11px/1 var(--hf-b);letter-spacing:.04em;transform:rotate(-3deg)}
html.retro-pop .pn-live i{border-radius:0;background:#17131f;box-shadow:none}
html.retro-pop .pn-tel{color:#17131f;background:#fffaf0;align-items:flex-start;padding:9px 10px 9px 20px;border:3px solid #17131f;box-shadow:var(--rp-sh-1);background-image:linear-gradient(90deg,#17131f 0 7px,transparent 7px);background-repeat:no-repeat}
html.retro-pop .pn-tel:nth-of-type(odd){transform:rotate(1deg)}
html.retro-pop .pn-tel:nth-of-type(even){transform:rotate(-1deg)}
html.retro-pop .pn-tel + .pn-tel::before,
html.retro-pop .pn-live + .pn-tel::before{display:none}
html.retro-pop .pn-tel-val{font:700 clamp(19px,1.7vw,24px)/1 var(--hf-m);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
html.retro-pop .pn-tel-lab{color:var(--rp-ink-2);font:700 10px/1.1 var(--hf-m);letter-spacing:.08em}
/* sala em destaque: classificado com tarja lima */
html.retro-pop .pn-feed .pn-room-card{color:#17131f;background:#fffaf0;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .pn-feed .pn-room-card::before{width:8px;background:var(--rp-lime);box-shadow:none;border-right:2px solid #17131f}
html.retro-pop .pn-feed .pn-room-card::after{display:none}
html.retro-pop .pn-feed .pn-room-card:hover{transform:translate(-2px,-3px);border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .pn-room-cover{background:var(--rp-paper-3);border:2px solid #17131f;border-radius:0;box-shadow:none}
html.retro-pop .pn-room-cover::after{display:none}
html.retro-pop .pn-room-system{color:#17131f;background:var(--rp-yellow);border:2px solid #17131f;border-radius:0}
html.retro-pop .pn-room-state{padding:3px 7px;background:var(--rp-lime);border:2px solid #17131f}
html.retro-pop .pn-room-state.is-ready{background:var(--rp-cyan)}
html.retro-pop .pn-room-state i{background:#17131f;box-shadow:none;border-radius:0}
html.retro-pop .pn-room-title{color:#17131f;font-family:var(--hf-d);font-weight:400}
html.retro-pop .pn-room-code{font-family:var(--hf-m)}
html.retro-pop .pn-room-host i{color:#17131f;background:var(--rp-paper-2);border:2px solid #17131f;border-radius:0}
html.retro-pop .pn-room-slots i{border:2px solid #17131f;border-radius:0;background:#fffaf0}
html.retro-pop .pn-room-slots i.on{border-color:#17131f;background:var(--rp-lime);box-shadow:none}
html.retro-pop .pn-room-go{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .pn-feed .pn-room-card:hover .pn-room-go{border-color:#17131f;box-shadow:var(--rp-sh-2)}

/* núcleo = capa: raios, página girada, adesivo FREE! */
html.retro-pop .hero-right.pn-core{border:0;border-radius:0;background:none;box-shadow:none}
html.retro-pop .hero-right.pn-core::before{inset:-2% -6%;z-index:-2;border-radius:0;filter:none;opacity:.9;background:var(--rp-pat-rays);-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 44%,transparent 70%);mask-image:radial-gradient(circle at 50% 46%,#000 44%,transparent 70%)}
html.retro-pop .hero-right.pn-core::after{display:block;content:"";position:absolute;inset:6% 0;z-index:-1;pointer-events:none;border:0;border-radius:0;box-shadow:none;background-image:var(--hm-dots);background-size:10px 10px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 66%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 66%)}
html.retro-pop .pn-core-status{color:#17131f;background:var(--rp-lime);border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);font:800 10px/1 var(--hf-b);letter-spacing:.04em;transform:rotate(-2deg)}
html.retro-pop .pn-core-status i{background:#17131f;box-shadow:none;border-radius:0}
html.retro-pop .pn-core-stage{background-color:#fffaf0;border:5px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);transform:rotate(2deg);background-image:var(--hm-dots);background-size:9px 9px}
html.retro-pop .pn-core-stage::before{inset:9%;border:3px dashed var(--rp-ink-soft);animation:none}
html.retro-pop .pn-core-stage::after{content:"FREE!" / "";left:auto;right:-30px;top:-34px;width:104px;height:104px;z-index:6;display:grid;place-items:center;background:var(--rp-art-burst-red) center/100% 100% no-repeat;color:#17131f;font:400 17px/1 var(--rp-ff-sticker);letter-spacing:.04em;transform:rotate(12deg)}
html.retro-pop .pn-orbit-a{border:3px solid #17131f;border-left-color:var(--rp-red);border-right-color:var(--rp-cyan)}
html.retro-pop .pn-orbit-b{border:2px dashed #17131f;opacity:.5}
html.retro-pop .pn-orbit::after,
html.retro-pop .pn-orbit-b::after{border-radius:0;background:var(--rp-yellow);box-shadow:0 0 0 2px #17131f}
html.retro-pop .pn-core-stage .bigemblem .emblem{border-radius:50%;background:#17131f;box-shadow:0 0 0 5px #fffaf0,0 0 0 8px #17131f}
html.retro-pop .pn-core-stage .bigemblem::after{display:none}
html.retro-pop .emblem::before{display:none}
html.retro-pop .hero-right .pn-core-brand .wm{font-family:var(--hf-d);font-weight:400;letter-spacing:-.01em;text-shadow:3px 3px 0 var(--rp-red);transform:skewX(var(--rp-skew))}
html.retro-pop .hero-right .sub{color:var(--rp-ink-2);font:700 10px/1 var(--hf-m);letter-spacing:.14em}
html.retro-pop .hero-right .sub::before,
html.retro-pop .hero-right .sub::after,
html.retro-pop .pn-core-label::before,
html.retro-pop .pn-core-label::after{height:2px;background:#17131f}
html.retro-pop .pn-core-label{font:700 9px/1 var(--hf-m);letter-spacing:.12em}
html.retro-pop .og-signal-grid span,
html.retro-pop .hero-right .og-signal-grid span{color:var(--rp-ink-2);background:#fffaf0;padding:11px 12px 11px 24px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);text-align:left;background-image:linear-gradient(90deg,#17131f 0 8px,transparent 8px);background-repeat:no-repeat;font:700 10px/1.2 var(--hf-m);letter-spacing:.1em;transform:rotate(-1.6deg)}
html.retro-pop .og-signal-grid span:nth-child(2){transform:rotate(1.4deg)}
html.retro-pop .og-signal-grid span::before{display:none}
html.retro-pop .og-signal-grid span:hover{transform:rotate(0) translate(-2px,-3px);border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .og-signal-grid b,
html.retro-pop .hero-right .og-signal-grid b{font:700 clamp(22px,2vw,30px)/1 var(--hf-m);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
html.retro-pop .pn-core-foot{font:700 9px/1 var(--hf-m);letter-spacing:.12em}
html.retro-pop .pn-core-foot i{height:3px;opacity:1;background:var(--rp-pat-candy)}
html.retro-pop .emblem .arc,
html.retro-pop .emblem .arc2,
html.retro-pop .emblem .orb,
html.retro-pop .emblem .mono{filter:none}
html.retro-pop .emblem .ogtrace{display:none}

/* 2.5 cabeçalhos: faixa de título com ponta chanfrada */
html.retro-pop .sechead{margin-top:72px;gap:14px 18px}
html.retro-pop .sechead .kicker{color:var(--rp-ink-2);margin-bottom:10px;font:700 11px/1 var(--hf-m);letter-spacing:.16em}
html.retro-pop .sechead h2{color:#17131f;display:inline-block;padding:10px 32px 10px 38px;border-top:4px solid #17131f;border-bottom:4px solid #17131f;background:var(--rp-red) var(--rp-art-ribcap) no-repeat left center/24px 100%;font:400 clamp(24px,3vw,40px)/1.05 var(--hf-d);letter-spacing:-.01em;text-transform:uppercase;transform:rotate(-1.2deg)}
html.retro-pop .sechead h2 em{color:#17131f;font-style:normal}
html.retro-pop #consoles .sechead h2{background-color:var(--rp-red)}
html.retro-pop #subscriptionPlans .sechead h2{background-color:var(--rp-yellow);transform:rotate(-1.6deg)}
html.retro-pop #ranking .sechead h2{background-color:var(--rp-cyan)}
html.retro-pop #about-platform .sechead h2,
html.retro-pop #faq .sechead h2{background-color:var(--rp-yellow)}
html.retro-pop #popular-games .sechead h2{background-color:var(--rp-cyan)}
html.retro-pop .sechead .line{height:12px;opacity:.5;background:var(--rp-pat-zig) repeat-x 0 50%/40px 12px}
html.retro-pop .sechead .more{color:#17131f;background:#fffaf0;min-height:44px;padding:0 16px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 12px/1 var(--hf-b);letter-spacing:.04em;transition:var(--rp-pop)}
html.retro-pop .sechead .more:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}

/* 2.6 Cable Link: a tela de vídeo segue escura, sem transform/filter (mapa C.4) */
html.retro-pop #cc-home,
html.retro-pop #ccLiveVid{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);font-family:var(--hf-b)}
html.retro-pop #cc-home .cch-h,
html.retro-pop #ccLiveVid .ccv-h{border-bottom:3px solid #17131f;background:var(--rp-yellow)}
html.retro-pop #ccLiveVid .ccv-h{background:var(--rp-cyan)}
html.retro-pop #cc-home .cch-h .ti,
html.retro-pop #ccLiveVid .ccv-title{font:400 15px/1.1 var(--hf-d);letter-spacing:0}
html.retro-pop #ccLiveVid .ccv-subtitle{color:#17131f;font:700 11px/1.2 var(--hf-m)}
html.retro-pop #cc-home .cch-h .lv{color:var(--rp-ink-2);color:#17131f;font-family:var(--hf-m)}
html.retro-pop #cc-home .cch-h .d,
html.retro-pop #ccLiveVid .ccv-dot{border-radius:0;animation:none}
html.retro-pop #ccLiveVid .ccv-count{color:#17131f;background:var(--rp-paper-2);border:2px solid #17131f;border-radius:0;font-family:var(--hf-m)}
html.retro-pop #cc-home .empty,
html.retro-pop .ccv-empty{margin:4px;border:3px dashed var(--rp-ink-soft);font-weight:600}
html.retro-pop #cc-home .cch-foot{border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop #cc-home .cch-foot a,
html.retro-pop #cc-home .card .join,
html.retro-pop .ccv-watch,
html.retro-pop .ccv-join,
html.retro-pop .ccv-retry,
html.retro-pop .ccv-dialog button,
html.retro-pop .ccv-dialog-footer a{border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-1);font:800 12px/1.2 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;filter:none}
html.retro-pop .ccv-retry{color:#17131f;background:transparent;box-shadow:none}
html.retro-pop #cc-home .card{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop #cc-home .card:hover{border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop #cc-home .card .av{border-color:#17131f}
html.retro-pop .ccv-card{color:#17131f;background:#fffaf0;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .ccv-sys{color:#17131f;background:var(--rp-cyan);border:2px solid #17131f;border-radius:0;font-family:var(--hf-m)}
html.retro-pop .ccv-screen{border-top:3px solid #17131f;border-bottom:3px solid #17131f}
html.retro-pop #ccLiveVid .ccv-note{border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop .ccv-dialog{color:#17131f;background:#fffaf0;color-scheme:light;border:5px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3)}

/* 2.7 mosaico (PLANO 3.4): 12 colunas, destaques 1/6/11/16 em meia largura */
html.retro-pop #consoleGrid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:26px 22px}
html.retro-pop #consoleGrid .ccard{color:#17131f;background:#fffaf0;grid-column:span 3}
html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16){grid-column:span 6}
html.retro-pop #consoleGrid .ccard{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt));transition:var(--rp-pop)}
html.retro-pop #consoleGrid .ccard:nth-child(4n+1){--rp-tilt:-.7deg}
html.retro-pop #consoleGrid .ccard:nth-child(4n+2){--rp-tilt:.5deg}
html.retro-pop #consoleGrid .ccard:nth-child(4n+3){--rp-tilt:-.3deg}
html.retro-pop #consoleGrid .ccard:nth-child(4n){--rp-tilt:.8deg}
html.retro-pop #consoleGrid .ccard:hover,
html.retro-pop #consoleGrid .ccard:focus-visible{transform:rotate(var(--rp-tilt)) translate(-3px,-4px);border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop #consoleGrid .ccard:focus-visible{outline:3px dashed #17131f;outline-offset:4px}
html.retro-pop .og-library-eyebrow{padding:12px 14px 10px;font:700 11px/1.2 var(--hf-m);letter-spacing:.1em}
html.retro-pop .og-library-mode{color:#17131f;background:var(--rp-cyan);padding:4px 7px;border:2px solid #17131f;border-radius:0;font:800 10px/1.1 var(--hf-b);letter-spacing:.04em}
html.retro-pop .ccard[data-console="gamecube"] .og-library-mode,
html.retro-pop .ccard[data-console="wii"] .og-library-mode,
html.retro-pop .ccard[data-console="3ds"] .og-library-mode,
html.retro-pop .ccard[data-console="ps2"] .og-library-mode,
html.retro-pop .ccard[data-console="ps3"] .og-library-mode{background:var(--rp-orange)}
html.retro-pop #consoleGrid .clogo{flex:1 1 auto;margin:0;padding:18px 16px;border-top:3px solid #17131f;border-bottom:3px solid #17131f;border-radius:0;background:#17131f var(--hm-dots-cream);background-size:12px 12px}
html.retro-pop #consoleGrid .clogo img{filter:none}
html.retro-pop .ccard .cinfo{background:#fffaf0;border-top:0;padding:14px}
html.retro-pop #consoleGrid h3{color:#17131f;font:400 clamp(16px,1.3vw,20px)/1.05 var(--hf-d);letter-spacing:-.005em;text-transform:uppercase}
html.retro-pop .ccard .bit{margin-top:5px;font:700 10px/1.3 var(--hf-m);letter-spacing:.1em}
html.retro-pop #consoleGrid .cmeta span{color:#17131f;background:#fffaf0;min-height:24px;padding:0 8px;border:2px solid #17131f;border-radius:0;font:800 10px/1 var(--hf-b);letter-spacing:.04em}
html.retro-pop #consoleGrid .cmeta span:first-child{background:var(--rp-yellow);font:700 12px/1 var(--hf-m);transform:rotate(-2deg);box-shadow:var(--rp-sh-1)}
html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16) .clogo img{height:120px;max-height:120px;max-width:300px}
html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16) h3{font-size:clamp(22px,2.2vw,34px)}

/* 2.8 pôster central (PLANO 3.6, só aqui): dentes rasgados por máscara */
html.retro-pop #mostPlayed{margin-top:84px;padding:clamp(40px,4vw,62px) clamp(18px,2.6vw,38px);border:0;border-radius:0;box-shadow:none;background-image:var(--hm-dots-cream);background-size:12px 12px}
html.retro-pop #mostPlayed::before,
html.retro-pop #mostPlayed::after{content:"";position:absolute;left:0;right:0;width:auto;height:20px;inset-inline:0;z-index:1;opacity:1;filter:none;border-radius:0;pointer-events:none;background:#f5ebd7;-webkit-mask:var(--rp-edge-torn) repeat-x 0 0/240px 20px;mask:var(--rp-edge-torn) repeat-x 0 0/240px 20px}
html.retro-pop #mostPlayed::before{top:-1px;bottom:auto;transform:scaleY(-1)}
html.retro-pop #mostPlayed::after{top:auto;bottom:-1px;left:0}
html.retro-pop #mostPlayed .sechead{margin-top:6px}
html.retro-pop #mostPlayed .sechead .kicker{font:700 11px/1 var(--hf-m);letter-spacing:.16em}
html.retro-pop #mostPlayed .sechead h2{padding:10px 24px;border:5px solid #f5ebd7;background:#fffaf0;box-shadow:6px 7px 0 #000;font-size:clamp(26px,3.4vw,46px);transform:rotate(-1.4deg)}
html.retro-pop #mostPlayed .sechead h2 em{text-shadow:none}
html.retro-pop #mostPlayed .sechead .line{opacity:.45;filter:invert(1)}
html.retro-pop #mostPlayed .sechead .more{border-color:#17131f;box-shadow:4px 5px 0 #000}
html.retro-pop #mostPlayed .sechead .more:hover{box-shadow:7px 8px 0 #000}
html.retro-pop #mostPlayed .rotinfo{color:#dccfb2;background:transparent;border:2px dashed rgba(245,235,215,.4);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop #mostPlayed .mp-live{color:#17131f;background:var(--rp-lime);padding:4px 9px;border:2px solid #f5ebd7;font:800 11px/1 var(--hf-b);letter-spacing:.04em}
html.retro-pop #mostPlayed .rotdot{border-radius:0;background:#17131f;box-shadow:none;animation:none}
html.retro-pop #mostPlayed .mp-refresh{font-family:var(--hf-m);font-size:12px}
html.retro-pop #mostPlayed .rotbar{height:8px;border:2px solid #f5ebd7;border-radius:0;background:transparent}
html.retro-pop #mostPlayed .rotbar i{border-radius:0;box-shadow:none;background:var(--rp-pat-candy)}
html.retro-pop #mostPlayed .mp-deck-note{font:700 11px/1 var(--hf-m);letter-spacing:.1em}
html.retro-pop #mostPlayed .shelf{gap:22px}
html.retro-pop #mostPlayed .gcard{padding:6px 6px 0;border:0;border-radius:0;box-shadow:6px 7px 0 #000;overflow:visible;transform:rotate(var(--rp-tilt))}
html.retro-pop #mostPlayed .gcard:nth-child(odd){--rp-tilt:-1.2deg}
html.retro-pop #mostPlayed .gcard:nth-child(even){--rp-tilt:1deg}
html.retro-pop #mostPlayed .gcard::after{display:none}
html.retro-pop #mostPlayed .gcard:hover{transform:rotate(var(--rp-tilt)) translate(-3px,-5px);box-shadow:10px 12px 0 #000;border-color:transparent}
html.retro-pop #mostPlayed .gcard .thumb{border:2px solid #17131f;border-bottom:0}
html.retro-pop #mostPlayed .gcard .thumb::before{display:none}
html.retro-pop #mostPlayed .gcard img{filter:none}
html.retro-pop #mostPlayed .gcard:hover img{transform:none;filter:none}
html.retro-pop #mostPlayed .meta{color:#f5ebd7;background:#17131f;left:0;right:0;bottom:0;padding:9px 52px 10px 12px;border-top:3px solid #17131f}
html.retro-pop #mostPlayed .name{color:#f5ebd7;text-shadow:none;font:400 clamp(13px,1vw,16px)/1.15 var(--hf-d);letter-spacing:0;text-transform:uppercase}
html.retro-pop #mostPlayed .gcard.is-featured .name{font-size:clamp(15px,1.25vw,20px)}
html.retro-pop #mostPlayed .sub{color:#dccfb2;background:none;margin-top:5px;padding:0;border:0;border-radius:0;font:700 11px/1 var(--hf-m);letter-spacing:.06em;text-transform:uppercase}
html.retro-pop #mostPlayed .sub::before{color:var(--rp-lime);font:700 11px/1 var(--hf-m)}
html.retro-pop #mostPlayed .mp-card-top{inset:10px 10px auto}
html.retro-pop #mostPlayed .gchip,
html.retro-pop #mostPlayed .gbadge,
html.retro-pop #mostPlayed .rank{border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop #mostPlayed .gchip{color:#17131f;background:var(--rp-yellow);font:800 10px/1 var(--hf-b);letter-spacing:.04em;transform:rotate(-3deg)}
html.retro-pop #mostPlayed .rank{font:700 12px/1 var(--hf-m)}
/* pódio: medalha do núcleo */
html.retro-pop #mostPlayed .gcard:nth-child(-n+3) .rank{width:34px;min-width:34px;height:54px;padding:0 0 18px;border:0;box-shadow:none;background:var(--rp-art-medal) center/100% 100% no-repeat;font:400 14px/1 var(--hf-d)}
html.retro-pop #mostPlayed .gbadge{font:400 11px/1 var(--rp-ff-sticker);letter-spacing:.04em}
html.retro-pop #mostPlayed .mp-play-icon{color:#17131f;background:var(--rp-red);right:10px;bottom:10px;width:40px;height:40px;border:3px solid #17131f;border-radius:50%;box-shadow:var(--rp-sh-1)}
html.retro-pop #mostPlayed .gcard:hover .mp-play-icon{transform:none;box-shadow:var(--rp-sh-2)}
html.retro-pop #mostPlayed .mp-toolbar{position:relative}
html.retro-pop #mostPlayed .shelfwrap::before{content:"HOT!" / "";display:grid!important;place-items:center;position:absolute;left:-30px;top:-38px;z-index:6;width:80px;height:80px;background:var(--rp-art-burst) center/100% 100% no-repeat;color:#17131f;font:400 16px/1 var(--rp-ff-sticker);pointer-events:none;transform:rotate(-14deg)}

/* 2.9 cupons (PLANO 3.8): Free girado −1°, Premium roxo +1,4° com selo PRO e fita */
html.retro-pop .subscription-home-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:start;max-width:1040px;padding:24px 10px 10px}
html.retro-pop .subscription-home-card{color:#17131f;background:#fffaf0;overflow:visible;padding:30px 28px 26px;border:5px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);background-image:var(--hm-dots);background-size:10px 10px;transform:rotate(-1deg);animation:none}
html.retro-pop .subscription-home-card.plan-standard{color:#fffaf0;background:var(--rp-purple);margin-top:-20px;padding-top:44px;box-shadow:var(--rp-sh-3);transform:rotate(1.4deg);background-image:radial-gradient(circle,rgba(255,250,240,.12) 1.3px,transparent 1.6px);background-size:10px 10px}
html.retro-pop .subscription-home-card:hover{transform:rotate(-1deg) translate(-2px,-4px);border-color:#17131f;box-shadow:var(--rp-sh-3)}
html.retro-pop .subscription-home-card.plan-standard:hover{transform:rotate(1.4deg) translate(-2px,-4px);box-shadow:10px 12px 0 #17131f}
html.retro-pop .subscription-home-card .subscription-home-btn{margin-bottom:26px}
html.retro-pop .subscription-home-card::after{display:block;content:"";position:absolute;left:24px;right:24px;bottom:14px;top:auto;width:auto;height:14px;opacity:.5;pointer-events:none;border-top:3px dashed currentColor;background:none;animation:none;transform:none}
html.retro-pop .subscription-home-top{align-items:flex-end}
html.retro-pop .plan-standard .subscription-home-top{justify-content:flex-end}
html.retro-pop .subscription-home-icon{color:#f5ebd7;background:#17131f;height:30px;min-width:0;padding:0 10px;border:0;border-radius:0;font:800 12px/1 var(--hf-b);letter-spacing:.04em}
/* selo PRO: roseta roxa com creme (6,79:1), fincado fora da quina */
html.retro-pop .plan-standard .subscription-home-icon{color:#fffaf0;position:absolute;left:-40px;top:-50px;z-index:3;width:96px;height:96px;padding:0;background:var(--rp-purple) var(--rp-art-seal-purple) center/100% 100% no-repeat;border-radius:50%;font:400 15px/1 var(--rp-ff-sticker);transform:rotate(-14deg)}
html.retro-pop .subscription-home-price{font:400 clamp(44px,4.6vw,66px)/1 var(--hf-d);letter-spacing:-.02em}
html.retro-pop .subscription-home-price span{color:inherit;font:700 15px/1 var(--hf-m);letter-spacing:0}
html.retro-pop .subscription-home-card h3{font:400 clamp(20px,1.8vw,26px)/1 var(--hf-d);letter-spacing:0}
html.retro-pop .subscription-home-card p{font:700 11px/1.5 var(--hf-b);letter-spacing:.1em;text-transform:uppercase}
html.retro-pop .subscription-home-card li{font:500 15px/1.35 var(--hf-b)}
html.retro-pop .subscription-home-card li::before{width:16px;height:16px;margin-top:1px;border:2px solid currentColor;border-radius:50%;box-shadow:none;background:none;-webkit-mask:none;mask:none}
html.retro-pop .subscription-home-card li::before{background:radial-gradient(circle,currentColor 0 3px,transparent 3.5px)}
html.retro-pop .subscription-home-ribbon{color:#17131f;background:var(--rp-yellow);top:-18px;right:-22px;padding:7px 14px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);font:800 11px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transform:rotate(7deg)}
html.retro-pop .subscription-home-btn{min-height:50px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 14px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transition:var(--rp-pop);filter:none}
html.retro-pop .subscription-home-btn:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3);filter:none}

/* 2.10 ranking: placar de papel, roseta no pódio */
html.retro-pop .duo{gap:clamp(22px,3vw,40px)}
html.retro-pop .board{color:#17131f;background:#fffaf0;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);overflow:hidden}
html.retro-pop .board.players{transform:rotate(-.5deg)}
html.retro-pop .board.played{transform:rotate(.5deg)}
html.retro-pop .bhead{color:#17131f;background:var(--rp-yellow);padding:14px 16px;border-bottom:3px solid #17131f;background-image:var(--hm-dots);background-size:8px 8px}
html.retro-pop .bhead h3{font:400 clamp(15px,1.3vw,19px)/1.05 var(--hf-d);letter-spacing:0;text-transform:uppercase}
html.retro-pop .bhead .more2{font:700 11px/1 var(--hf-m);letter-spacing:.06em;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
html.retro-pop .board .rows{padding:0}
html.retro-pop .board.players .rows,
html.retro-pop .board.played .rows{scrollbar-color:#17131f var(--rp-paper-2)}
html.retro-pop .board .rows::-webkit-scrollbar-track{margin:0;border:0;border-radius:0;background:var(--rp-paper-2)}
html.retro-pop .board .rows::-webkit-scrollbar-thumb,
html.retro-pop .board .rows::-webkit-scrollbar-thumb:hover{border:0;border-radius:0;box-shadow:none;background:#17131f}
html.retro-pop .row{border-radius:0;border-bottom:1px solid var(--rp-ink-soft)}
html.retro-pop .row:nth-child(even){background:var(--rp-paper-2)}
html.retro-pop .row:hover{background:var(--rp-yellow);transform:none}
html.retro-pop .rk{border:2px solid #17131f;border-radius:0;font:700 13px/1 var(--hf-m)}
html.retro-pop .rk.g1,
html.retro-pop .rk.g2,
html.retro-pop .rk.g3{width:32px;height:51px;padding:0 0 17px;border:0;box-shadow:none;background:var(--rp-art-medal) center/100% 100% no-repeat;font:400 14px/1 var(--hf-d)}
html.retro-pop .board.played .row:nth-child(1) .rk{background:var(--rp-lime);box-shadow:var(--rp-sh-1)}
html.retro-pop .row .pava,
html.retro-pop .row.first .pava{border:2px solid #17131f;box-shadow:none}
html.retro-pop .crown svg{fill:var(--rp-yellow);stroke:#17131f;stroke-width:1.6;filter:none;animation:none}
html.retro-pop .row .gthumb,
html.retro-pop .row.player-rank .player-game-cover,
html.retro-pop .row.player-rank.first .player-game-cover,
html.retro-pop .board.played .row .gthumb,
html.retro-pop .board.played .row:hover .gthumb{border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .row .info b{font-weight:800}
html.retro-pop .row .info span{font-family:var(--hf-m);font-size:11px;letter-spacing:.04em}
html.retro-pop .row .endcol b{font:700 14px/1 var(--hf-m)}
html.retro-pop .row .endcol span{font-family:var(--hf-m)}
/* mono 11px clareia no antisserrilhado: tinta cheia, 700 */
html.retro-pop .board .rows .row .info span,
html.retro-pop .board .rows .row .endcol span{color:#17131f;font-weight:700}
html.retro-pop .playbar{background:var(--rp-paper-3);height:8px;border:2px solid #17131f;border-radius:0}
html.retro-pop .playbar i{border-radius:0;box-shadow:none;background:var(--rp-pat-candy)}

/* 2.11 newsletter: faixa amarela atrás (::before, sem stacking context no cartão), cartão picotado */
html.retro-pop .newsletter{position:relative;overflow:visible;animation:none;max-width:820px;margin:96px auto 40px;padding:40px 36px 36px;border:4px dashed #17131f;border-radius:0;box-shadow:var(--rp-sh-3);background-image:var(--hm-dots);background-size:10px 10px;text-align:left}
html.retro-pop .newsletter::before{content:"";position:absolute;z-index:-1;top:-46px;bottom:-46px;pointer-events:none;
  /* de borda a borda da coluna, sem passar do respiro dela */
  left:min(-10px,calc((min(100vw,1380px) - 880px) / -2));right:min(-10px,calc((min(100vw,1380px) - 880px) / -2));background:var(--rp-yellow) var(--hm-dots);background-size:8px 8px;border-top:3px solid #17131f;border-bottom:3px solid #17131f;transform:rotate(-1.6deg)}
html.retro-pop .newsletter::after{content:"";position:absolute;right:-26px;top:-20px;width:118px;height:36px;pointer-events:none;background:var(--rp-art-tape) center/100% 100% no-repeat;transform:rotate(18deg)}
html.retro-pop .newsletter h2{font:400 clamp(28px,4vw,48px)/1 var(--hf-d);letter-spacing:-.01em;text-transform:uppercase}
html.retro-pop .newsletter h2 em{padding:0 .14em;background:var(--rp-yellow);box-shadow:inset 0 -.12em 0 rgba(23,19,31,.15)}
html.retro-pop .newsletter p{color:#17131f;display:inline-block;margin-top:16px;padding:10px 18px;border:3px solid #17131f;border-radius:var(--rp-r-3);background:#fffaf0;box-shadow:var(--rp-sh-2);font:700 15px/1.4 var(--hf-b)}
html.retro-pop .newsform{justify-content:flex-start;gap:14px;margin-top:24px}
html.retro-pop .newsform input{color:#17131f;background:var(--rp-paper);min-height:52px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:none;font:600 16px/1.2 var(--hf-b)}
html.retro-pop .newsform input:focus{border-color:#17131f;background:#fffaf0;box-shadow:4px 5px 0 var(--rp-cyan),4px 5px 0 3px #17131f}
html.retro-pop .newsform button{color:#17131f;background:var(--rp-red);min-height:52px;padding:0 28px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 15px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transition:var(--rp-pop);filter:none}
html.retro-pop .newsform button:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3);filter:none}

/* 2.12 sobre, FAQ, populares */
html.retro-pop #about-platform article{color:var(--rp-ink-2);background:#fffaf0;padding:22px 22px 20px;border:3px solid #17131f;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop #about-platform article:nth-child(odd){--rp-tilt:-.5deg}
html.retro-pop #about-platform article:nth-child(even){--rp-tilt:.5deg}
html.retro-pop #about-platform article h3{display:inline-block;padding:6px 10px;border:3px solid #17131f;box-shadow:var(--rp-sh-1);background:var(--rp-cyan);font-family:var(--hf-d)!important;font-weight:400!important;font-size:13px!important;letter-spacing:.02em!important;transform:skewX(var(--rp-skew))}
html.retro-pop #about-platform article:nth-child(2) h3{background:var(--rp-pink)}
html.retro-pop #about-platform article:nth-child(3) h3{color:#fffaf0!important;background:var(--rp-purple)}
html.retro-pop #about-platform article:nth-child(4) h3{background:var(--rp-yellow)}
html.retro-pop .faq{gap:16px}
html.retro-pop .qa{color:#17131f;background:#fffaf0;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .qa[open]{border-color:#17131f;border-left-width:12px;border-left-color:var(--rp-yellow);box-shadow:var(--rp-sh-3)}
html.retro-pop .qa summary{font:800 17px/1.3 var(--hf-b)}
html.retro-pop .qa summary .ic{color:#f5ebd7;background:#17131f;border:0;border-radius:0;font:400 16px/1 var(--hf-d)}
html.retro-pop .qa .ans{color:var(--rp-ink-2);font:500 16px/1.65 var(--hf-b)}
html.retro-pop .pg-links{gap:12px}
html.retro-pop .pg-links a{border:2px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);font-weight:700;transition:var(--rp-pop)}
html.retro-pop .pg-links a:hover,
html.retro-pop .pg-links a:focus-visible{background:var(--rp-yellow);border-color:#17131f;transform:translate(-1px,-2px);box-shadow:var(--rp-sh-2)}
html.retro-pop .pg-links a span{color:var(--rp-ink-2);font:700 10px/1 var(--hf-m);letter-spacing:.06em}

/* 2.13 colofão: dentes rasgados no topo, faixa de bala no pé */
html.retro-pop .wrap > footer{color:#f5ebd7;background-color:#17131f;margin-top:96px;padding-bottom:10px;border:0;border-radius:0;overflow:visible;background-image:var(--rp-pat-candy),var(--hm-dots-cream);background-size:100% 10px,12px 12px;background-position:left bottom,0 0;background-repeat:no-repeat,repeat}
html.retro-pop .wrap > footer::before{left:0;right:0;top:-1px;height:20px;opacity:1;background:#f5ebd7;-webkit-mask:var(--rp-edge-torn) repeat-x 0 0/240px 20px;mask:var(--rp-edge-torn) repeat-x 0 0/240px 20px;transform:scaleY(-1)}
html.retro-pop .wrap > footer .fgrid{padding-top:30px}
html.retro-pop .wrap > footer .brand{color:#17131f;background:#fffaf0;padding:6px 14px 6px 8px;border:3px solid #17131f;border-radius:0;box-shadow:5px 6px 0 #000;transform:rotate(-2deg)}
html.retro-pop .wrap > footer .brand b{font-size:clamp(18px,1.6vw,24px)}
html.retro-pop .fbrand p{font-size:15px}
html.retro-pop .fsocial a{color:#f5ebd7;background:transparent;border:2px solid #f5ebd7;border-radius:0;box-shadow:3px 4px 0 #000}
html.retro-pop .fsocial a:hover{color:#17131f;background:var(--rp-yellow);border-color:#17131f;transform:translate(-1px,-2px)}
html.retro-pop .fcol h4{color:var(--rp-yellow);font:400 15px/1.1 var(--hf-d);letter-spacing:.01em}
html.retro-pop .fcol a{font-weight:600;border-bottom:2px solid transparent;width:fit-content;transition:border-color var(--rp-t-fast) linear,color var(--rp-t-fast) linear}
html.retro-pop .fcol a:hover{color:var(--rp-yellow);border-bottom-color:var(--rp-yellow);translate:0 0}
html.retro-pop .fbottom{color:#b5a68c;border-top:2px dashed rgba(245,235,215,.25);font:700 11px/1.5 var(--hf-m);letter-spacing:.06em}

/* ═══ 3 · LOBBY (#multiplayerLobbyModal, index.html:3770-3972) ═══
   multiplayer-lobby.css não tem escopo e pesa (0,1,0)-(0,3,0): (0,2,1)+ vence sem !important. Cor e forma juntas.
   Geometria da página fica: grade de 2 colunas, card em 3 áreas, dropdown absoluto, tela cheia no celular. */

/* sobreposição de tinta .78 (nunca preto puro), folha de papel */
html.retro-pop .multiplayer-lobby-modal{color:#17131f;color-scheme:light;-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-color:#17131f var(--rp-paper-2);background:var(--hm-dots-cream),rgba(23,19,31,.78);background-size:14px 14px,auto}
html.retro-pop .multiplayer-lobby-modal::before,
html.retro-pop .multiplayer-lobby-content::after{display:none}
html.retro-pop .multiplayer-lobby-modal *{scrollbar-color:#17131f var(--rp-paper-2)}
html.retro-pop .multiplayer-lobby-content{border:5px solid #17131f;border-radius:0;box-shadow:12px 14px 0 #000;background:var(--rp-pat-news),var(--rp-paper)}
/* cabeçalho amarelo, título em faixa, contador lima */
html.retro-pop .multiplayer-lobby-header{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);background:var(--hm-dots),var(--rp-yellow);background-size:8px 8px,auto}
html.retro-pop .multiplayer-lobby-header::after{left:auto;right:clamp(230px,19%,280px);width:70px;height:70px;border:0;border-radius:0;opacity:1;background:var(--rp-art-burst-red) center/100% 100% no-repeat;transform:translateY(-50%) rotate(14deg)}
html.retro-pop .mp-lobby-kicker{color:var(--rp-ink-2);font:700 11px/1.2 var(--hf-m);letter-spacing:.16em}
html.retro-pop .multiplayer-lobby-title h2{display:inline-block;padding:8px 26px 8px 34px;border-top:4px solid #17131f;border-bottom:4px solid #17131f;color:#17131f;-webkit-text-fill-color:currentColor;background:var(--rp-red) var(--rp-art-ribcap) no-repeat left center/22px 100%;font:400 clamp(22px,2.6vw,36px)/1.05 var(--hf-d);letter-spacing:-.01em;transform:rotate(-1.2deg)}
html.retro-pop .multiplayer-lobby-title h2::before{color:#17131f}
html.retro-pop .multiplayer-lobby-title p{margin-top:12px;color:#17131f;font:600 15px/1.4 var(--hf-b)}
html.retro-pop .multiplayer-online-count{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);color:#17131f;background:var(--rp-lime);transform:rotate(-2deg)}
html.retro-pop .multiplayer-online-count span{color:#17131f;font-family:var(--hf-m)}
html.retro-pop .multiplayer-online-count .dot{border-radius:0;background:#17131f;box-shadow:none}
html.retro-pop .multiplayer-close-btn,
html.retro-pop .multiplayer-close-btn:hover{width:46px;height:46px;border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-2);color:#17131f;background:#fffaf0;font-weight:800}
html.retro-pop .multiplayer-close-btn:hover{background:var(--rp-red);transform:translate(-1px,-2px)}
html.retro-pop .mp-mobile-tabs{border:3px solid #17131f;border-radius:0;background:var(--rp-paper-2)}
html.retro-pop .mp-mobile-tabs button{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;font:800 12px/1 var(--hf-b);letter-spacing:.04em}
html.retro-pop .mp-mobile-tabs button.active,
html.retro-pop .mp-mobile-tabs button[aria-selected="true"]{color:#17131f;border-color:#17131f;background:var(--rp-cyan);box-shadow:var(--rp-sh-1)}

/* CRIAR em papel couché com fita; SALAS em papel 2 (classificados) */
html.retro-pop .multiplayer-create-panel,
html.retro-pop .multiplayer-rooms-panel{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-3);color:#17131f}
html.retro-pop .multiplayer-create-panel{background:#fffaf0}
html.retro-pop .multiplayer-rooms-panel{background:var(--rp-paper-2)}
html.retro-pop .multiplayer-create-panel::before{content:"";position:absolute;left:-16px;top:-15px;width:110px;height:34px;z-index:3;pointer-events:none;background:var(--rp-art-tape) center/100% 100% no-repeat;transform:rotate(-12deg)}
html.retro-pop .multiplayer-create-panel h3,
html.retro-pop .multiplayer-rooms-header h3{color:#17131f;font:400 clamp(18px,1.6vw,23px)/1.05 var(--hf-d);letter-spacing:0}
html.retro-pop .multiplayer-create-panel h3::before,
html.retro-pop .multiplayer-rooms-header h3::before{width:12px;height:12px;flex-basis:12px;border-radius:0;background:var(--rp-red);box-shadow:0 0 0 2px #17131f}
html.retro-pop .mp-create-panel-head{border-bottom:3px dashed var(--rp-ink-soft)}
html.retro-pop .mp-create-panel-head p,
html.retro-pop .multiplayer-rooms-header p,
html.retro-pop .mp-player-limit-help,
html.retro-pop .mp-ds-transport-field small{color:var(--rp-ink-2);font-size:13px}
html.retro-pop .mp-ds-transport-field .mp-ds-transport-warn{color:var(--rp-red-deep)}
html.retro-pop .mp-create-mode{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-lime);font:800 10px/1 var(--hf-b)}
html.retro-pop .mp-create-mode i{border-radius:0;background:#17131f;box-shadow:none}
/* online-access.js escreve a cor no style="": só !important vence */
html.retro-pop .multiplayer-create-panel [data-og-online-status]{color:#17131f!important;background:var(--rp-yellow)!important;border:3px solid #17131f!important;border-radius:0!important;box-shadow:var(--rp-sh-1);margin:0 0 16px!important;font:800 13px/1.4 var(--hf-b)!important}
html.retro-pop .mp-room-family-picker button,
html.retro-pop .mp-room-family-picker button:hover{border:3px solid #17131f;border-radius:0;box-shadow:var(--rp-sh-1);color:#17131f;background:#fffaf0}
html.retro-pop .mp-room-family-picker button:hover{transform:translate(-1px,-2px);box-shadow:var(--rp-sh-2)}
html.retro-pop .mp-room-family-picker button.is-active,
html.retro-pop .mp-room-family-picker button[data-room-family].is-active{border-color:#17131f;background:var(--rp-cyan);box-shadow:var(--rp-sh-2)}
html.retro-pop .mp-room-family-picker button span{border-radius:0;color:#f5ebd7;background:#17131f;font:700 10px/1 var(--hf-m)}
html.retro-pop .mp-room-family-picker button strong{color:#17131f;font:400 14px/1.1 var(--hf-d)}
html.retro-pop .mp-room-family-picker button small{color:var(--rp-ink-2);font-size:12px;line-height:1.3}
html.retro-pop .multiplayer-form-group label{color:var(--rp-ink-2);font:800 11px/1 var(--hf-b);letter-spacing:var(--rp-tr-kicker)}
html.retro-pop .multiplayer-input,
html.retro-pop .multiplayer-select,
html.retro-pop .multiplayer-game-selector-btn{border:3px solid #17131f;border-radius:var(--rp-r-1);color:#17131f;background-color:var(--rp-paper);font-family:var(--hf-b)}
html.retro-pop .multiplayer-select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:var(--rp-art-chevron);background-repeat:no-repeat;background-position:right 8px center;background-size:14px 14px}
html.retro-pop .multiplayer-select option{color:#17131f;background:#fffaf0}
html.retro-pop .multiplayer-input::placeholder{color:var(--rp-ink-3);opacity:1}
html.retro-pop .multiplayer-input:focus,
html.retro-pop .multiplayer-select:focus,
html.retro-pop .multiplayer-game-selector-btn:focus-within{border-color:#17131f;background-color:#fffaf0;box-shadow:4px 5px 0 var(--rp-cyan),4px 5px 0 3px #17131f}
/* logos claros: cada um numa chapinha de tinta */
html.retro-pop .mp-console-pick button{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;box-shadow:var(--rp-sh-1);font:800 10px/1 var(--hf-b)}
html.retro-pop .mp-console-pick button img{box-sizing:content-box;width:30px;height:18px;padding:3px 5px;background:#17131f;filter:none;opacity:1}
html.retro-pop .mp-console-pick button:hover,
html.retro-pop .mp-console-pick button.on,
html.retro-pop .mp-console-pick button[aria-pressed="true"]{color:#17131f;border-color:#17131f;background:var(--rp-cyan);box-shadow:var(--rp-sh-2)}
/* console indisponível: a página usa opacity .34 (2,1:1) */
html.retro-pop .mp-console-pick button:disabled,
html.retro-pop .mp-console-pick button:disabled:hover{opacity:1;filter:none;color:var(--rp-ink-2);border-style:dashed;background:var(--hm-hatch),var(--rp-paper-2)!important;border-color:#17131f!important;box-shadow:none}
html.retro-pop .mp-console-pick button:disabled img{opacity:.45;filter:grayscale(1)}
/* dropdown absoluto: só pele, nunca position */
html.retro-pop .selected-game-preview .placeholder{color:var(--rp-ink-2)}
/* seletor disabled: a página usa opacity .58 (2,4:1) */
html.retro-pop .multiplayer-game-selector-btn:disabled{opacity:1;border-style:dashed;background-image:var(--hm-hatch)}
html.retro-pop .selected-game-preview img,
html.retro-pop .mp-mini-cover-fallback{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-paper-3)}
html.retro-pop .selected-game-preview .game-title,
html.retro-pop .selected-game-preview .game-console,
html.retro-pop .dropdown-arrow{color:#17131f}
html.retro-pop .multiplayer-game-dropdown{border:3px solid #17131f;border-radius:0;background:#fffaf0;box-shadow:var(--rp-sh-3)}
html.retro-pop .multiplayer-game-search input{border:3px solid #17131f;border-radius:var(--rp-r-pill);color:#17131f;padding-left:40px;background:#fffaf0 var(--rp-art-search) no-repeat 14px 50%/18px 18px;font:600 14px/1 var(--hf-b)}
html.retro-pop .multiplayer-game-search input::placeholder{color:var(--rp-ink-3);opacity:1}
html.retro-pop .multiplayer-game-item{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-paper)}
html.retro-pop .multiplayer-game-item:nth-child(4n+1),
html.retro-pop .multiplayer-game-item:nth-child(4n+2){background:var(--rp-paper-2)}
html.retro-pop .multiplayer-game-item:hover,
html.retro-pop .multiplayer-game-item.selected{border-color:#17131f;background:var(--rp-lime-soft);box-shadow:var(--rp-sh-1)}
html.retro-pop .multiplayer-game-item img,
html.retro-pop .multiplayer-game-item .mp-cover-fallback{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-paper-3)}
html.retro-pop .multiplayer-game-item .game-title{color:#17131f}
html.retro-pop .multiplayer-game-item .game-console{color:var(--rp-ink-2);font:700 10px/1.2 var(--hf-m)}
html.retro-pop .multiplayer-game-item .mp-game-verified{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-lime);font:800 9px/15px var(--hf-b)}
html.retro-pop .multiplayer-game-empty{margin:4px;border:3px dashed var(--rp-ink-soft);color:var(--rp-ink-2);background:var(--rp-paper-2);font-weight:600}
html.retro-pop .mp-game-status{color:var(--rp-ink-2);font:700 12px/1.3 var(--hf-m)}
html.retro-pop .mp-game-status[data-state="ready"]{color:#17131f}
html.retro-pop .mp-game-status[data-state="empty"],
html.retro-pop .mp-game-status[data-state="error"]{color:var(--rp-red-deep)}
html.retro-pop .mp-create-room-preview{border:3px solid #17131f;border-radius:0;background:var(--rp-paper-2);box-shadow:var(--rp-sh-1)}
html.retro-pop .mp-create-room-preview[data-empty="true"]{border-style:dashed;border-color:var(--rp-ink-soft);box-shadow:none}
html.retro-pop .mp-create-room-preview::after{display:none}
html.retro-pop .mp-create-preview-cover{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0}
html.retro-pop .mp-create-preview-copy small{color:var(--rp-ink-2);font:700 10px/1 var(--hf-m)}
html.retro-pop .mp-create-preview-copy strong{color:#17131f;font:400 16px/1.1 var(--hf-d)}
html.retro-pop .mp-create-preview-copy p{color:var(--rp-ink-2);font-size:12.5px}
html.retro-pop .mp-create-preview-tags span,
html.retro-pop .mp-create-preview-capacity{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;font:800 10px/18px var(--hf-b)}
html.retro-pop .mp-create-preview-slots i{border:2px solid #17131f;border-radius:0;color:var(--rp-ink-2);background:#fffaf0}
html.retro-pop .mp-create-preview-slots i.filled{color:#17131f;border-color:#17131f;background:var(--rp-lime)}
html.retro-pop .mp-local-play-note{border:2px dashed #17131f;border-radius:0;color:#17131f;background:var(--rp-lime-soft);font-size:12.5px}
html.retro-pop .mp-local-play-note strong{color:#17131f}
html.retro-pop .mp-room-advanced,
html.retro-pop .mp-room-advanced[open]{border:3px solid #17131f;border-radius:0;background:#fffaf0}
html.retro-pop .mp-room-advanced summary,
html.retro-pop .mp-room-advanced summary span{color:#17131f;font-weight:800}
html.retro-pop .mp-room-advanced summary small,
html.retro-pop .mp-room-advanced .multiplayer-form-group > small,
html.retro-pop .mp-room-advanced .multiplayer-form-group > span,
html.retro-pop .mp-advanced-toggle small{color:var(--rp-ink-2)}
html.retro-pop .mp-advanced-toggle{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-paper-2)}
html.retro-pop .mp-advanced-toggle strong{color:#17131f}
html.retro-pop .mp-advanced-toggle input{accent-color:var(--rp-red)}
html.retro-pop .mp-room-transport-badge,
html.retro-pop .host-badge{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0}
html.retro-pop .mp-room-transport-badge.is-radio,
html.retro-pop .host-badge{background:var(--rp-yellow)}
/* CRIAR SALA vermelho; "criando" = papel com retícula, legível */
html.retro-pop .multiplayer-create-btn{border:3px solid #17131f;border-radius:var(--rp-r-1);color:#17131f;background:var(--rp-red);box-shadow:var(--rp-sh-3);transition:var(--rp-pop)}
html.retro-pop .multiplayer-create-btn:hover:not(:disabled){transform:translate(-2px,-3px);background:var(--rp-red);box-shadow:10px 11px 0 #17131f;filter:none}
html.retro-pop .multiplayer-create-btn:active:not(:disabled){transform:translate(3px,4px);box-shadow:var(--rp-sh-1)}
html.retro-pop .multiplayer-create-btn:disabled{color:var(--rp-ink-2);background:var(--rp-pat-ht),var(--rp-paper-3);background-size:12px 12px,auto;box-shadow:var(--rp-sh-1);opacity:1;filter:none;transform:none}
html.retro-pop .mp-create-btn-icon{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0}
html.retro-pop .multiplayer-create-btn .mp-create-btn-copy strong{font:400 18px/1 var(--hf-d);letter-spacing:.01em}
html.retro-pop .multiplayer-create-btn .mp-create-btn-copy small{color:#17131f;font:700 12px/1.1 var(--hf-b);opacity:1}
html.retro-pop .multiplayer-create-btn:disabled .mp-create-btn-copy small{color:var(--rp-ink-2)}

html.retro-pop .multiplayer-refresh-btn,
html.retro-pop .multiplayer-refresh-btn:hover{min-height:44px;border:3px solid #17131f;border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-1);color:#17131f;background:#fffaf0;font:800 12px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase}
html.retro-pop .multiplayer-refresh-btn:hover{transform:translate(-1px,-2px);box-shadow:var(--rp-sh-2)}
html.retro-pop .multiplayer-refresh-btn .icon{color:#17131f}
html.retro-pop .multiplayer-refresh-btn.loading{cursor:progress;background:var(--rp-pat-ht),var(--rp-paper-3);background-size:12px 12px,auto}
html.retro-pop .multiplayer-filters{padding:4px 4px 10px}
html.retro-pop .multiplayer-filter-btn{min-height:40px;border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;box-shadow:var(--rp-sh-1);font:800 12px/1 var(--hf-b);letter-spacing:.03em}
html.retro-pop .multiplayer-filter-btn:hover{color:#17131f;border-color:#17131f;background:var(--rp-yellow)}
html.retro-pop .multiplayer-filter-btn.active,
html.retro-pop .multiplayer-filter-btn[aria-pressed="true"]{color:#17131f;border-color:#17131f;background:var(--rp-cyan);box-shadow:var(--rp-sh-2)}
/* sigla do filtro = selo de tinta; no "All" repete o nome: some só da vista */
html.retro-pop .mp-filter-ico,
html.retro-pop .multiplayer-filter-btn.active .mp-filter-ico{display:inline-grid;place-items:center;min-width:22px;height:18px;margin-right:7px;padding:0 4px;color:#f5ebd7;background:#17131f;font:700 10px/1 var(--hf-m);letter-spacing:0}
html.retro-pop .multiplayer-filter-btn[data-filter="all"] .mp-filter-ico{position:absolute;width:1px;height:1px;min-width:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* card de sala = classificado com tarja de estado (lima aberta, cyan pronta, amarelo minha, vermelho cheia) */
html.retro-pop .multiplayer-room-card{padding-left:20px;border:3px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;box-shadow:var(--rp-sh-2);transition:var(--rp-pop)}
html.retro-pop .multiplayer-room-card:hover{border-color:#17131f;background:#fffaf0;transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .multiplayer-room-card::before{top:0;bottom:0;width:9px;opacity:1;background:var(--rp-lime);border-right:3px solid #17131f}
html.retro-pop .multiplayer-room-card.is-ready::before{background:var(--rp-cyan)}
html.retro-pop .multiplayer-room-card.is-host::before{background:var(--rp-yellow)}
html.retro-pop .multiplayer-room-card.is-full::before{background:var(--rp-red)}
html.retro-pop .multiplayer-room-card.is-full,
html.retro-pop .multiplayer-room-card.is-full:hover{background:var(--hm-hatch),var(--rp-paper-2)}
html.retro-pop .multiplayer-room-game{border:2px solid #17131f;border-radius:0;background:var(--rp-paper-3);box-shadow:var(--rp-sh-1)}
html.retro-pop .mp-room-cover-fallback{color:#17131f;background:var(--rp-paper-3);font-family:var(--hf-d);font-weight:400}
html.retro-pop .mp-room-eyebrow{color:var(--rp-ink-2);font:700 10px/1.2 var(--hf-m);letter-spacing:.06em}
html.retro-pop .room-status-badge{border:2px solid #17131f;border-radius:0;color:#17131f;background:#fffaf0;font:800 10px/1 var(--hf-b)}
html.retro-pop .room-status-badge.open{color:#17131f;border-color:#17131f;background:var(--rp-lime)}
html.retro-pop .room-status-badge.ready{color:#17131f;border-color:#17131f;background:var(--rp-cyan)}
html.retro-pop .room-status-badge.full{color:#fffaf0;border-color:#17131f;background:var(--rp-red-deep)}
html.retro-pop .room-status-badge i{border-radius:0}
html.retro-pop .mp-room-code{border:2px dashed #17131f;border-radius:0;color:#17131f;background:#fffaf0;font:700 11px/1 var(--hf-m)}
html.retro-pop .mp-room-code:hover{color:#17131f;border-color:#17131f;background:var(--rp-yellow)}
html.retro-pop .multiplayer-room-title{color:#17131f;font:400 17px/1.1 var(--hf-d)}
html.retro-pop .multiplayer-room-game-name{color:var(--rp-ink-2);font-weight:600}
html.retro-pop .multiplayer-room-game-name i{border-radius:0;background:#17131f;opacity:1}
html.retro-pop .multiplayer-room-host{color:var(--rp-ink-2)}
html.retro-pop .multiplayer-room-host-avatar{border:2px solid #17131f;border-radius:0;color:#17131f;background:var(--rp-paper-3)}
html.retro-pop .multiplayer-room-host-name{color:#17131f;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
html.retro-pop .multiplayer-room-actions,
html.retro-pop .multiplayer-room-players-list{border-top:2px dashed var(--rp-ink-soft)}
html.retro-pop .player-slot{border:2px solid #17131f;border-radius:0;color:var(--rp-ink-2);background:#fffaf0;font:700 10px/1 var(--hf-m)}
html.retro-pop .player-slot.filled{color:#17131f;border-color:#17131f;background:var(--rp-lime)}
html.retro-pop .multiplayer-room-players{color:var(--rp-ink-2);font:700 11px/1.2 var(--hf-m)}
html.retro-pop .multiplayer-room-players strong{color:#17131f}
html.retro-pop .multiplayer-room-players.full strong{color:var(--rp-red-deep)}
html.retro-pop .multiplayer-player-item{border-radius:0;color:#17131f;background:var(--rp-paper-2)}
/* JOIN lima, jogar vermelho, fechar/remover vermelho escuro; "Room full" desabilitado continua legível */
html.retro-pop .multiplayer-join-btn,
html.retro-pop .multiplayer-watch-btn,
html.retro-pop .multiplayer-play-btn,
html.retro-pop .multiplayer-close-room-btn,
html.retro-pop .multiplayer-kick-btn{min-height:40px;border:3px solid #17131f;border-radius:var(--rp-r-1);color:#17131f;background:#fffaf0;box-shadow:var(--rp-sh-1);font:800 12px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;filter:none;transition:var(--rp-pop)}
html.retro-pop .multiplayer-join-btn{background:var(--rp-lime)}
html.retro-pop .multiplayer-play-btn{background:var(--rp-red)}
html.retro-pop .multiplayer-close-room-btn,
html.retro-pop .multiplayer-kick-btn,
html.retro-pop .multiplayer-close-room-btn:hover,
html.retro-pop .multiplayer-kick-btn:hover{color:#fffaf0;border-color:#17131f;background:var(--rp-red-deep)}
html.retro-pop .multiplayer-watch-btn:hover{border-color:#17131f;background:var(--rp-yellow)}
html.retro-pop :is(.multiplayer-join-btn,.multiplayer-watch-btn,.multiplayer-play-btn,.multiplayer-close-room-btn,.multiplayer-kick-btn):hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:var(--rp-sh-2)}
html.retro-pop .multiplayer-join-btn:disabled{cursor:not-allowed;color:var(--rp-ink-2);background:var(--rp-paper-3);box-shadow:none;opacity:1;filter:none;transform:none}

/* vazio/carregando: adesivo amarelo; erro (recado sem o botão "criar"): adesivo vermelho */
html.retro-pop .multiplayer-empty-state{border:3px dashed var(--rp-ink-soft);border-radius:0;color:var(--rp-ink-2);background:var(--rp-paper)}
html.retro-pop .multiplayer-empty-state .icon,
html.retro-pop .mp-text-icon{width:76px;height:76px;border:0;border-radius:0;color:#17131f;background:var(--rp-art-burst) center/100% 100% no-repeat;font:400 22px/1 var(--rp-ff-sticker);transform:rotate(-8deg)}
html.retro-pop #multiplayerEmptyState:not(:has(.mp-empty-create-btn)) .mp-text-icon{background-image:var(--rp-art-burst-red)}
html.retro-pop .multiplayer-empty-state h4{color:#17131f;font:400 clamp(18px,1.6vw,24px)/1.1 var(--hf-d);text-transform:uppercase}
html.retro-pop .multiplayer-empty-state p{color:var(--rp-ink-2);font:600 14px/1.45 var(--hf-b)}
html.retro-pop .mp-empty-create-btn,
html.retro-pop .mp-empty-create-btn:hover{min-height:46px;border:3px solid #17131f;border-radius:var(--rp-r-1);color:#17131f;background:var(--rp-red);box-shadow:var(--rp-sh-2);font:800 13px/1 var(--hf-b);letter-spacing:.04em;text-transform:uppercase;transition:var(--rp-pop)}
html.retro-pop .mp-empty-create-btn:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .multiplayer-lobby-modal :focus-visible{outline:3px dashed #17131f;outline-offset:3px}

/* ═══ 4 · MOVIMENTO: os laços neon da página param; ficam 3 do tema, só transform, presos a --rp-play ═══ */
html.retro-pop .emblem,
html.retro-pop .emblem *,
html.retro-pop .bigemblem,
html.retro-pop .pn-orbit,
html.retro-pop .pn-core-stage::before,
html.retro-pop .hero-right.pn-core::before,
html.retro-pop .og-signal-grid span,
html.retro-pop .og-signal-grid span:nth-child(2) b,
html.retro-pop .hero .sys .blink,
html.retro-pop .pn-ready i,
html.retro-pop .pn-dock-arrow,
html.retro-pop .pn-scan .dots i,
html.retro-pop .hero-room-preview .scanline .dots i,
html.retro-pop .widget .scanline .dots i,
html.retro-pop .widget::after,
html.retro-pop .wrow.live-player-card::after,
html.retro-pop #launcherNotice .launcher-promo-ring,
html.retro-pop #launcherNotice .launcher-promo-sweep,
html.retro-pop .nav .right #navActiveUsersPill .pill-dot,
html.retro-pop .subscription-home-card,
html.retro-pop .crown svg{animation:none}
html.retro-pop .pn-live i{animation:rpDot 1.6s ease-in-out infinite;animation-play-state:var(--rp-play)}
html.retro-pop .pn-core-stage::after{animation:rpWobble3 6.5s ease-in-out infinite;animation-play-state:var(--rp-play)}
html.retro-pop #mostPlayed .shelfwrap::before{animation:rpWobble2 5s ease-in-out infinite;animation-play-state:var(--rp-play)}
@media (prefers-reduced-motion:reduce){html.retro-pop .pn-live i,
  html.retro-pop .pn-core-stage::after,
  html.retro-pop #mostPlayed .shelfwrap::before{animation:none}
}

/* ═══ 5 · LARGURAS: nada gira ou vaza além da coluna (PLANO 5.8) ═══ */
@media (max-width:1100px){html.retro-pop #consoleGrid .ccard{grid-column:span 4}
  html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16){grid-column:span 8}
}
@media (max-width:980px){html.retro-pop .subscription-home-grid{grid-template-columns:minmax(0,1fr);gap:46px;max-width:620px}
  html.retro-pop .subscription-home-card.plan-standard{margin-top:0}
}
@media (max-width:1080px){html.retro-pop .hero h1.lobby-title .w:nth-child(3) b{transform:skewX(-8deg)}
  html.retro-pop .newsletter{margin-inline:auto}
}
@media (max-width:780px){html.retro-pop .multiplayer-lobby-content{border:0;box-shadow:none}
  html.retro-pop .multiplayer-lobby-header::after{display:none}
  html.retro-pop .multiplayer-lobby-title h2{padding:6px 18px 6px 24px;font-size:20px!important}
  html.retro-pop .multiplayer-create-panel::before{left:4px;top:-12px;width:84px;height:28px}
  html.retro-pop .multiplayer-create-panel,
  html.retro-pop .multiplayer-rooms-panel{box-shadow:var(--rp-sh-1)}
  /* defeito anterior ao tema (multiplayer-lobby.css:1529): a linha encolhia e cortava o card */
  html.retro-pop .multiplayer-rooms-list{grid-auto-rows:max-content}
}
@media (max-width:767px){html.retro-pop #consoleGrid{gap:18px 14px}
  html.retro-pop #consoleGrid .ccard,
  html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16){grid-column:span 6}
  html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16) .clogo img{height:88px;max-height:88px}
  html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16) h3{font-size:17px}
  html.retro-pop .nav{border-width:3px 3px 5px}
  html.retro-pop .nav .brand{transform:rotate(-1deg)}
  html.retro-pop #launcherNotice,
  html.retro-pop .lobby-panel.pn-panel,
  html.retro-pop .board.players,
  html.retro-pop .board.played,
  html.retro-pop .subscription-home-card,
  html.retro-pop .subscription-home-card.plan-standard,
  html.retro-pop #about-platform article{transform:none}
  html.retro-pop .subscription-home-card:hover,
  html.retro-pop .subscription-home-card.plan-standard:hover{transform:translate(-2px,-4px)}
  html.retro-pop .plan-standard .subscription-home-icon{left:-10px;top:-38px;width:80px;height:80px}
  html.retro-pop .subscription-home-ribbon{right:-6px}
  html.retro-pop .lobby-panel.pn-panel::before{left:-6px}
  html.retro-pop .pn-core-stage::after{right:-8px;top:-28px;width:84px;height:84px;font-size:14px}
  html.retro-pop .hero-right.pn-core::before{inset:-2% 0}
  html.retro-pop .pn-tel-lab{font-size:9px}
  html.retro-pop .sechead h2{padding:8px 22px 8px 28px;transform:rotate(-1deg)}
  html.retro-pop #mostPlayed{padding:40px 16px 34px}
  html.retro-pop #mostPlayed .shelf{padding-bottom:16px}
  html.retro-pop #mostPlayed .shelfwrap::before{left:-6px;top:-24px;width:70px;height:70px;font-size:13px}
  html.retro-pop .newsletter{padding:30px 18px 26px;border-width:3px}
  html.retro-pop .newsletter::after{right:-4px;width:90px;height:28px}
  html.retro-pop .newsform input{width:100%}
  html.retro-pop .newsform button{width:100%}
  html.retro-pop #launcherNotice .launcher-promo-actions{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  html.retro-pop #launcherNotice .launcher-promo-platform{grid-row:2;white-space:nowrap;font-size:10px;letter-spacing:0}
  html.retro-pop #launcherNotice .launcher-promo-toggle{grid-column:1;grid-row:3;max-width:none;justify-content:center;white-space:nowrap;padding:6px 0}
  html.retro-pop .og-online-beta-announcement{padding:20px 52px 20px 18px;border-width:4px}
}
@media (max-width:390px){html.retro-pop #consoleGrid .ccard,
  html.retro-pop #consoleGrid .ccard:nth-child(5n+1):nth-child(-n+16){grid-column:1 / -1}
}

/* ═══ 6 · PRIVACIDADE (2026-10-22): a home não mostra mais o total de contas nem o ranking de jogadores ═══ */
/* telemetria do hero: LIVE + 2 etiquetas (play-now-v2.css reserva 3 colunas) */
html.retro-pop .lobby-panel.pn-panel .pn-telemetry:not(:has(#heroStatPlayers)){grid-template-columns:auto repeat(2,minmax(0,1fr))}
@media (max-width:700px){html.retro-pop .lobby-panel.pn-panel .pn-telemetry:not(:has(#heroStatPlayers)){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* núcleo do hero: sobra só "Active", uma etiqueta do mesmo tamanho, centrada */
html.retro-pop .og-signal-grid:not(:has(#heroOgAccounts)){grid-template-columns:minmax(0,172px);justify-content:center}
/* "novos jogos" fica sozinho na faixa: ocupa a largura toda e, no desktop, a lista corre em duas colunas */
html.retro-pop #ranking:not(:has(.sechead)){margin-top:72px}
html.retro-pop #ranking .duo:not(:has(.board.players)){grid-template-columns:minmax(0,1fr)}
@media (min-width:921px){html.retro-pop #ranking .duo:not(:has(.board.players)) .rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0}
  html.retro-pop #ranking .duo:not(:has(.board.players)) .row:nth-child(odd){border-right:1px solid var(--rp-ink-soft)}
  html.retro-pop #ranking .duo:not(:has(.board.players)) .row:nth-child(4n+2){background:none}
  html.retro-pop #ranking .duo:not(:has(.board.players)) .row:nth-child(4n+3),
  html.retro-pop #ranking .duo:not(:has(.board.players)) .row:nth-child(4n){background:var(--rp-paper-2)}
  html.retro-pop #ranking .duo:not(:has(.board.players)) .row:nth-child(n):hover{background:var(--rp-yellow)}
}
