/* MirX — pedra, bronze e carmim. Fantasia oriental com composição original. */
:root {
  --preto:#0f0d0a; --carvao:#1c1913; --grafite:#252019; --elevado:#2e281f;
  --linha:#3a3327; --linha-forte:#5f5340;
  --texto:#eee6d8; --suave:#b8ae9e; --tenue:#a99d88;
  --jade:#e4c69a; --jade-claro:#ffe0ae; --jade-fundo:rgba(213,180,118,.08);
  --jade-borda:rgba(213,180,118,.26); --jade-tinta:#221d17;
  --ouro:#e4c69a; --ouro-claro:#ffe0ae; --ouro-fundo:rgba(213,180,118,.08);
  --ouro-borda:rgba(213,180,118,.26); --ouro-tinta:#221d17;
  --raio:3px; --raio-sm:2px; --raio-lg:4px; --largura:88rem; --barra-h:68px;
  --serif:'Cinzel',Georgia,'Times New Roman',serif; --sombra:0 18px 40px -24px #0009;
}
html { scroll-padding-top:85px; }
body { background:#0f0d0a; font-size:15px; line-height:1.7; }
body::before { background:radial-gradient(ellipse at 80% 35%,#362f2524,transparent 55%); }
body::after { display:block; opacity:.12; background-image:repeating-linear-gradient(0deg,#d8b8760a 0px,#d8b8760a 1px,transparent 1px,transparent 4px); background-size:auto; mask-image:none; }
h1,h2,h3,h4 { font-family:var(--serif); letter-spacing:0; }
a { color:var(--jade); }
a:hover { color:var(--jade-claro); }
:focus-visible { outline:2px solid #fbdaaa; outline-offset:4px; }
.envelope { padding-inline:40px; }
.conteudo { padding-bottom:70px; }

/* Navegação compacta. A marca aparece aqui; a home prioriza a mensagem. */
.barra { position:sticky; top:0; z-index:100; width:100%; background:linear-gradient(180deg,#251f18,#100e0b 75%); border-bottom:1px solid #725537; box-shadow:0 3px 14px #0008,inset 0 -4px 0 #0a0806; backdrop-filter:none; }
.barra::after { content:''; display:block; position:absolute; bottom:3px; height:1px; background:linear-gradient(90deg,transparent,#ab804750,transparent); }
.barra__in { max-width:var(--largura); min-height:68px; padding-inline:40px; gap:40px; }
.marca { display:flex; align-items:center; }
.portal-wordmark { display:inline-block; color:#e1c18c; font:600 70px/1.1 var(--serif); letter-spacing:-.075em; text-shadow:0 2px 0 #5c4128,0 4px 15px #000; }
.portal-wordmark > span { display:inline-block; color:#b75c46; margin-left:.015em; }
.portal-wordmark--pequena { font-size:29px; }
.portal-wordmark--rodape { font-size:42px; margin-bottom:18px; }
.portal-wordmark--entrada { font-size:60px; margin:0 auto 25px; }
.nav { gap:24px; }
.nav__lista { gap:4px; }
.nav__link { padding:10px 13px; font-family:var(--sans); color:#c1b398; font-size:13px; font-weight:500; border-radius:2px; }
.nav__link .ic { display:none; }
.nav__link.e-ativo { background:linear-gradient(180deg,transparent,#b3883c16); color:#edcea0; box-shadow:inset 0 -1px 0 #9e753e; }
.nav__link:hover { background:#b3883c0e; color:#f4e2bf; }
.nav__conta { gap:10px; }
.nav__conta .btn { min-height:37px; padding:9px 16px; font-size:13px; }
.nav__conta .btn--fantasma { max-width:165px; }
.nav__conta .btn--fantasma span { overflow:hidden; text-overflow:ellipsis; }
.menu-botao { background:#221d17; border-color:#504536; }
.btn { border-radius:2px; min-height:44px; font-size:14px; box-shadow:inset 0 0 0 2px #08070535; }
.btn--ouro,.btn--jade { color:#271b0b; background:linear-gradient(#d4b57c,#aa8349); border:1px solid #d5b277; font-family:var(--sans); font-weight:600; box-shadow:inset 0 0 0 2px #4f371844,inset 0 1px 0 #ffe3a6; }
.btn--ouro:hover,.btn--jade:hover { color:#1f1509; background:linear-gradient(#e6c58a,#bb9457); border-color:#efd29b; text-decoration:none; }
.btn--contorno { background:linear-gradient(#2b231ba0,#120f0bbd); border:1px solid #9d7a49; color:#e8cfab; box-shadow:inset 0 0 0 3px #b3925212; backdrop-filter:none; }
.btn--contorno:hover { background:linear-gradient(#3a2c1e,#1e1710); border-color:#d1ab6a; color:#f5e1bd; }
.portal-btn-jogar { padding:14px 24px; font:600 14px/1.2 var(--serif); letter-spacing:.035em; color:#fff0d7; background:linear-gradient(180deg,#974833,#67261e); border:1px solid #b17e50; box-shadow:inset 0 0 0 3px #180b073d,inset 0 1px 0 #daa17255,0 4px 15px #0004; }
.portal-btn-jogar:hover { color:#fff9eb; background:linear-gradient(#ae593d,#7d3022); border-color:#d6b27a; text-decoration:none; box-shadow:inset 0 0 0 3px #180b073d,0 5px 20px #73322122; }

/* Hero da home: proposta e chamada principal integradas à arte original. */
.portal-masthead { position:relative; isolation:isolate; background:#28221b url('/static/mirx/mirx-oriental-hero.png') center 45%/cover no-repeat; }
.portal-masthead::after { content:''; position:absolute; bottom:0; left:0; right:0; height:5px; border-top:1px solid #ad86553b; border-bottom:1px solid #ad865526; background:#0d0b0844; pointer-events:none; }
.portal-masthead::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#110f0be6,#120f0c90 40%,#120f0c05 72%),linear-gradient(0deg,#0f0d0a,transparent 85%); }
.portal-masthead__in { max-width:var(--largura); margin-inline:auto; min-height:205px; padding:35px 40px; display:flex; align-items:center; }
.portal-identidade { display:flex; flex-direction:column; align-items:flex-start; width:max-content; max-width:100%; }
.portal-identidade:hover { text-decoration:none; }
.portal-identidade__lema { margin-top:12px; color:#ffe0af; font-size:13px; text-shadow:0 2px 12px #000; }
.p-portal .portal-masthead { background-position:center 45%; }
.p-portal .portal-masthead::before { background:linear-gradient(90deg,#110f0ce8 0%,#15120eb5 32%,#16130f30 58%,#15130e10 100%),linear-gradient(0deg,#0f0d0a,transparent 50%),linear-gradient(180deg,#110f0c33,transparent 30%); }
.p-portal .portal-masthead__in { min-height:485px; padding-block:48px 55px; }
.portal-hero { max-width:580px; }
.portal-hero__meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:#c8b397; font-size:12px; line-height:1.6; }
.portal-hero__meta::before { content:''; width:28px; height:1px; background:#b49360; }
.portal-hero__meta > span { color:#c5ab85; }
.portal-hero h1 { font-size:clamp(42px,4.3vw,60px); font-weight:600; line-height:1.13; letter-spacing:-.02em; color:#f4eadd; margin:24px 0 23px; text-shadow:0 2px 0 #1c140e,0 7px 24px #0009; }
.portal-hero h1 em { font-style:normal; color:#d6b477; }
.portal-hero p { color:#c8c1b5; font-size:15px; line-height:1.8; margin-bottom:29px; }
.portal-hero__acoes { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.portal-hero__acoes .btn { min-height:48px; padding-inline:24px; }
.portal-hero__acoes .portal-btn-jogar { gap:11px; }
.portal-hero__acoes .portal-btn-jogar > .ic:last-child { width:16px; margin-left:7px; }
.portal-hero__nota { display:block; color:#b3a590; font-size:12px; margin-top:17px; }

/* Métricas reais e atalhos de descoberta. */
.portal-descobrir { padding-top:6px; padding-bottom:45px; }
.portal-metricas { display:grid; grid-template-columns:1.25fr repeat(3,1fr); align-items:center; gap:22px; padding:22px 0 26px; margin-bottom:5px; border-bottom:1px solid #ffffff0b; }
.portal-metricas__titulo { color:#bca37f; font-size:12px; }
.portal-metricas > div { display:flex; align-items:baseline; gap:11px; }
.portal-metricas strong { color:#ffe1af; font-size:22px; font-weight:500; line-height:1; letter-spacing:-.04em; }
.portal-metricas div > span { color:#b8a07c; font-size:12px; line-height:1.5; }
.portal-atalhos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding-top:24px; }
.portal-atalhos > a { position:relative; display:flex; align-items:center; gap:19px; min-width:0; padding:25px 22px; border:1px solid #695135; border-radius:2px; background:linear-gradient(140deg,#30271b88,#14110daa); box-shadow:inset 0 0 0 4px #0a080750,inset 0 0 0 5px #a4834810; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease; }
.portal-atalhos__selo { display:grid; flex:none; place-items:center; width:38px; height:38px; border:1px solid #9b7948; transform:rotate(45deg); background:radial-gradient(circle,#67502a33,#18130d); box-shadow:inset 0 0 0 3px #17110c,inset 0 0 0 4px #66502c; }
.portal-atalhos__selo > .ic { width:21px; height:21px; color:#c5a670; transform:rotate(-45deg); }
.portal-atalhos > a > .ic:last-child { flex:none; width:15px; height:15px; margin-left:auto; color:#988467; }
.portal-atalhos strong { display:block; color:#e0c697; font:600 14px/1.5 var(--sans); }
.portal-atalhos small { display:block; color:#b4a794; font-size:12px; line-height:1.6; margin-top:5px; }
.portal-atalhos > a:hover { text-decoration:none; transform:translateY(-2px); border-color:#dabd9342; background:#29241c; }
.portal-atalhos > a:focus-visible { box-shadow:0 0 0 5px #e4c69a12; }

/* Conteúdo editorial e utilidades, sem repetir os menus. */
.portal-grade { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:54px; align-items:start; }
.portal-centro,.portal-lateral { display:grid; gap:32px; min-width:0; }
.portal-lateral { gap:24px; }
.portal-painel { position:relative; min-width:0; border-radius:2px; border:1px solid #6a5031; background:linear-gradient(130deg,#31261a55,#15120e55),#18140f; box-shadow:inset 0 0 0 4px #08060455,0 15px 30px -25px #0009; }
.portal-painel::before,.portal-painel::after { content:''; position:absolute; pointer-events:none; width:12px; height:12px; border:1px solid #bc965b; }
.portal-painel::before { top:4px; left:4px; border-right:0; border-bottom:0; }
.portal-painel::after { bottom:4px; right:4px; border-left:0; border-top:0; }
.portal-painel__titulo { display:flex; gap:10px; align-items:center; padding:22px 24px 0; margin:0; font-family:var(--sans); font-size:13px; font-weight:500; color:#c1ab89; letter-spacing:0; }
.portal-painel__titulo .ic { width:16px; height:16px; color:#bba27e; }
.portal-eyebrow { display:block; color:#aa9473; font-size:10px; font-weight:600; line-height:1.7; letter-spacing:.12em; text-transform:uppercase; }
.portal-sec-cab { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:4px 0 23px; }
.portal-sec-cab h2 { color:#e5d3b3; font-size:24px; font-weight:500; letter-spacing:0; line-height:1.4; margin:9px 0 0; }
.portal-sec-cab > a { display:flex; align-items:center; gap:8px; color:#e6c89c; font-size:12px; }
.portal-primeiros { position:relative; border-top:1px solid #87673b55; border-bottom:1px solid #87673b55; padding:21px 0 30px; background:linear-gradient(90deg,transparent,#71512d0b,transparent); }
.portal-primeiros::before { content:''; position:absolute; top:-4px; left:0; width:7px; height:7px; border:1px solid #a78043; transform:rotate(45deg); background:#16100b; }
.portal-passos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:10px 0 0; list-style:none; gap:26px; }
.portal-passos li { display:flex; align-items:flex-start; gap:13px; min-width:0; }
.portal-passos li > span { flex:none; color:#c2a273; font:500 17px/1.3 var(--serif); margin-top:2px; }
.portal-passos h3 { color:#d8c5a6; font:600 14px/1.5 var(--sans); margin:0 0 8px; }
.portal-passos p { color:#b4a996; font-size:13px; line-height:1.7; margin-bottom:14px; }
.portal-passos a { display:inline-flex; align-items:center; gap:5px; color:#ebcc9f; font-size:12px; }
.portal-editorial { min-width:0; }
.portal-editorial .portal-sec-cab { padding-bottom:8px; }
.portal-artigo { display:flex; align-items:flex-start; gap:26px; padding:30px 0 34px; }
.portal-artigo + .portal-artigo { border-top:1px solid #ffffff0b; }
.portal-artigo__emblema { display:flex; flex:none; align-items:center; justify-content:center; width:66px; height:76px; margin-top:10px; padding:0; border:1px solid #705432; background:radial-gradient(circle at 50% 35%,#6b502133,transparent 85%),#18130e; box-shadow:inset 0 0 0 4px #0d0a07,inset 0 0 0 5px #62482a; }
.portal-artigo__emblema > .ic { width:30px; height:30px; color:#c3a06a; }
.portal-artigo__emblema--carmim { border-color:#754437; background:radial-gradient(circle at 50% 35%,#7e372b44,transparent 85%),#19120e; box-shadow:inset 0 0 0 4px #0d0a07,inset 0 0 0 5px #5d3928; }
.portal-artigo__emblema--carmim > .ic { color:#b49491; }
.portal-artigo h3 { font-size:23px; font-weight:500; color:#e4d2b2; line-height:1.4; letter-spacing:0; margin:10px 0 15px; }
.portal-artigo p { max-width:610px; font-size:14px; line-height:1.9; color:#b9ad9b; margin-bottom:20px; }
.portal-artigo a { display:inline-flex; align-items:center; gap:8px; font-size:13px; color:#f0d1a2; }
.portal-artigo__links { display:flex; flex-wrap:wrap; gap:12px 24px; }
.portal-projeto { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:21px 0; border-top:1px solid #ffffff0b; color:#c8ad87; font-size:12px; }
.portal-projeto > span { display:flex; align-items:center; gap:9px; }
.portal-projeto > span:first-child { color:#bda480; }

/* Conta e utilidades compactas. Nenhum estado de serviço é presumido. */
.portal-conta__corpo { padding:24px; }
.portal-conta h3 { color:#e6d4b5; font-size:20px; font-weight:500; letter-spacing:0; margin-bottom:10px; }
.portal-conta p { color:#b9ad99; font-size:14px; line-height:1.8; margin-bottom:21px; }
.portal-conta__nome { overflow-wrap:anywhere; }
.portal-conta .btn { display:flex; width:100%; justify-content:center; min-height:44px; padding:12px 8px; font-size:13px; }
.portal-conta p.portal-conta__cadastro { margin:17px 0 0; font-size:12px; text-align:center; }
.portal-conta__cadastro a { display:inline-flex; align-items:center; gap:6px; color:#f0d1a2; }
.portal-status { padding:0 6px 2px; }
.portal-status .portal-painel__titulo { padding:0 0 15px; }
.portal-status__corpo { padding:0; }
.portal-status__online { display:flex; align-items:center; gap:8px; margin-top:16px; padding-top:13px; border-top:1px solid #70543255; font-size:13px; color:#d8bd91; }
.portal-status__online > .ic:last-child { margin-left:auto; width:15px; }
.portal-status__resumo { display:flex; align-items:center; gap:9px; font-size:12px; line-height:1.7; color:#c9b58e; margin-bottom:14px; }
.portal-status__resumo > span { flex:none; width:6px; height:6px; border-radius:50%; background:#b8a071; }
.portal-status__resumo--ok { color:#9bd2c3; }
.portal-status__resumo--ok > span { background:#7fbda8; }
.portal-status dl { margin:0; }
.portal-status dl > div { display:flex; justify-content:space-between; align-items:baseline; gap:9px; padding:8px 0; border-bottom:1px solid #ffffff08; font-size:12px; }
.portal-status dt { color:#bba37e; }
.portal-status dd { margin:0; color:#b6a887; text-align:right; }
.portal-status dd.portal-status__ok { color:#9bd2c3; }
.portal-status__nota { color:#aa9473; font-size:12px; line-height:1.7; margin-top:14px; }
.portal-discord { padding:25px 24px; background:radial-gradient(ellipse at 100% 0%,#5c4f3e22,transparent 80%),#1d1914; }
.portal-discord > .ic { width:27px; height:27px; color:#bba37f; margin-bottom:22px; }
.portal-discord h2 { color:#e2cdac; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:0; margin:10px 0 13px; }
.portal-discord p { color:#b7aa95; font-size:14px; line-height:1.8; margin-bottom:22px; }
.portal-discord .btn { width:100%; font-size:12px; padding:12px 8px; border-color:#5a4e3d; background:transparent; }
.portal-ajuda { display:flex; align-items:center; gap:12px; color:#e4c69a; font-size:13px; padding:0 6px; }
.portal-ajuda > .ic { flex:none; width:22px; height:22px; color:#ae9775; }
.portal-ajuda small { display:block; margin-top:4px; color:#bba37f; font-size:12px; }

/* Componentes globais: contratos dos formulários e validação preservados. */
.rodape { border-top:1px solid #70513166; background:linear-gradient(#241b1233,#0e0c0a 65%); box-shadow:inset 0 4px 0 #070503; }
.rodape__in { padding:48px 40px 38px; }
.rodape__marca a:hover { text-decoration:none; }
.rodape__marca p { color:#b69e7b; font-size:13px; }
.rodape__cols h2 { color:#e3c69a; font-family:var(--sans); font-size:12px; letter-spacing:.04em; }
.rodape__cols a { color:#bfa681; font-size:13px; }
.rodape__base { padding:22px 40px 30px; }
.rodape__base p { color:#ac9574; font-size:12px; }
.portal-tema:not(.p-portal) .secao { padding-block:45px; }
.cartao,.personagem,.painel-rota { background:linear-gradient(140deg,#252019,#1c1913 70%); border-color:#40372b; }
.cartao--painel { box-shadow:0 12px 40px -20px #0009; }
.cartao h2,.cartao h3 { font-family:var(--serif); }
.cartao__ic,.item-quadro,.personagem__retrato { border-radius:2px; }
.titulo-secao__olho { letter-spacing:.08em; }
.titulo-secao__olho::before { display:none; }
.entrada-tela__topo h1 { letter-spacing:0; }
.portal-tema .est-faixa b,.portal-tema .est-ronda b,.portal-tema .est-h2 { font-family:var(--serif); }
.pares dt { color:#cab089; }
.etiqueta { font-size:12px; }

/* Presença pública: lista simples de nomes, sem detalhes de sessão. */
.online-cabecalho { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.online-cabecalho .titulo-secao { margin:0; }
.online-cabecalho h1 { font-size:clamp(28px,4vw,40px); }
.online-atualizar { margin:0; }
.online-nota { max-width:680px; margin:24px 0 30px; color:var(--suave); font-size:13px; line-height:1.8; }
.online-resumo { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:27px 30px; border-bottom:1px solid #70543266; background:linear-gradient(90deg,#9b763716,transparent); }
.online-total { color:#e5c491; font:600 48px/1.1 var(--serif); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.online-resumo h2 { color:#e3ceb0; font-size:19px; margin:0 0 7px; }
.online-resumo p { color:var(--suave); font-size:12px; margin:0; }
.online-lista { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; padding:10px 30px 20px; margin:0; }
.online-lista li { min-width:0; padding:14px 0; border-bottom:1px solid #71543233; color:var(--texto); font-size:15px; overflow-wrap:anywhere; unicode-bidi:plaintext; }
.online-vazio { padding:30px; margin:0; color:var(--suave); font-size:14px; }
.online-vazio h2 { font-size:20px; line-height:1.5; }
.online-paginacao { gap:10px; margin-top:25px; }
.online-paginacao a,.online-paginacao span { font-size:13px; }

@media (max-width:1200px) and (min-width:961px) {
  .barra__in { gap:24px; }
  .nav { gap:14px; }
  .nav__link { padding-inline:9px; }
  .nav__conta { gap:6px; }
  .nav__conta .btn { padding-inline:11px; }
  .portal-grade { gap:34px; grid-template-columns:minmax(0,1fr) 280px; }
  .portal-atalhos { gap:12px; }
  .portal-atalhos > a { gap:10px; padding:20px 16px; }
  .portal-atalhos > a > .ic:last-child { display:none; }
  .portal-passos { gap:20px; }
  .portal-passos li { display:block; }
  .portal-passos li > span { display:block; margin:0 0 10px; }
}
@media (max-width:960px) {
  :root { --barra-h:64px; }
  .barra__in { min-height:64px; padding-inline:28px; gap:0; flex-wrap:wrap; }
  .portal-wordmark--pequena { font-size:28px; }
  .menu-botao { display:none; width:40px; height:40px; }
  .menu-aprimorado .menu-botao { display:inline-flex; }
  .nav { position:static; inset:auto; flex:auto; width:100%; gap:15px; padding:15px 0 20px; background:none; box-shadow:none; border:0; max-height:calc(100dvh - 85px); }
  html:not(.menu-aprimorado) .nav { display:flex; max-height:none; }
  .nav__lista { width:100%; }
  .nav__link { padding:12px; font-size:14px; }
  .nav__link .ic { display:block; }
  .nav__conta { width:100%; }
  .nav__conta .btn--fantasma { max-width:none; }
  .envelope { padding-inline:28px; }
  .portal-masthead__in { padding-inline:28px; min-height:190px; }
  .p-portal .portal-masthead__in { min-height:460px; }
  .portal-hero h1 { font-size:54px; }
  .portal-hero { max-width:470px; }
  .portal-atalhos { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portal-grade { grid-template-columns:minmax(0,1fr) 260px; gap:30px; }
  .portal-metricas { grid-template-columns:repeat(3,1fr); gap:16px; }
  .portal-metricas__titulo { grid-column:1/-1; }
  .portal-metricas > div { display:block; }
  .portal-metricas div > span { display:block; margin-top:8px; }
  .portal-sec-cab h2 { font-size:24px; }
  .portal-passos { grid-template-columns:1fr; gap:22px; }
  .portal-passos p { margin-bottom:8px; }
  .portal-artigo__emblema { display:none; }
  .portal-artigo h3 { font-size:24px; }
  .portal-conta__corpo,.portal-discord { padding:23px 20px; }
  .portal-painel__titulo { padding-inline:20px; }
}
@media (max-width:720px) {
  .portal-grade { grid-template-columns:1fr; gap:36px; }
  .portal-descobrir { padding-bottom:36px; }
  .portal-lateral { grid-template-columns:1fr 1fr; gap:28px; }
  .portal-discord,.portal-ajuda { grid-column:1/-1; }
  .portal-discord .btn { max-width:300px; }
  .portal-status { padding-top:8px; }
  .portal-passos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  .portal-passos li { display:block; }
  .portal-passos li > span { display:block; margin:0 0 10px; }
  .portal-artigo__emblema { display:flex; }
  .p-portal .portal-masthead { background-position:82% center; }
  .p-portal .portal-masthead::before { background:linear-gradient(90deg,#110f0ce8,#15120eb0 50%,#16130f30),linear-gradient(0deg,#0f0d0a,transparent 70%); }
}
@media (max-width:540px) {
  .online-resumo { padding:23px; gap:15px; }
  .online-total { font-size:40px; }
  .online-resumo h2 { font-size:17px; }
  .online-lista { grid-template-columns:1fr; padding:8px 23px 18px; }
  .online-vazio { padding:25px 20px; }
  .envelope,.barra__in { padding-inline:20px; }
  .portal-masthead { background-position:64% center; }
  .portal-masthead__in { padding:30px 24px; min-height:180px; }
  .portal-identidade .portal-wordmark { font-size:60px; }
  .portal-identidade__lema { font-size:12px; max-width:265px; }
  .p-portal .portal-masthead__in { min-height:440px; padding:34px 24px 42px; }
  .portal-hero__meta { font-size:11px; gap:6px; }
  .portal-hero h1 { font-size:46px; margin:22px 0 20px; }
  .portal-hero p { font-size:14px; margin-bottom:25px; }
  .portal-hero__acoes { gap:10px; }
  .portal-hero__acoes .btn { padding-inline:18px; min-height:46px; font-size:13px; }
  .portal-hero__acoes .portal-btn-jogar { gap:8px; }
  .portal-hero__acoes .portal-btn-jogar > .ic:last-child { display:none; }
  .portal-hero__nota { font-size:12px; max-width:290px; margin-top:15px; }
  .portal-atalhos { gap:11px; padding-top:18px; }
  .portal-atalhos > a { flex-direction:column; align-items:flex-start; gap:16px; padding:20px 16px; }
  .portal-atalhos__selo { width:34px; height:34px; margin:5px 0 1px 4px; }
  .portal-atalhos > a > .ic:last-child { display:none; }
  .portal-atalhos strong { font-size:14px; }
  .portal-atalhos small { font-size:12px; }
  .portal-metricas { gap:14px; padding:20px 0; }
  .portal-metricas strong { font-size:21px; }
  .portal-metricas div > span { font-size:12px; }
  .portal-sec-cab { gap:15px; padding-bottom:22px; }
  .portal-sec-cab h2 { font-size:24px; }
  .portal-passos { grid-template-columns:1fr; gap:23px; }
  .portal-passos li { display:flex; gap:17px; }
  .portal-passos li > span { margin-top:2px; }
  .portal-passos h3 { font-size:15px; }
  .portal-passos p { font-size:14px; }
  .portal-artigo { gap:18px; padding:26px 0 30px; }
  .portal-artigo__emblema { width:48px; height:58px; }
  .portal-artigo__emblema > .ic { width:24px; height:24px; }
  .portal-artigo h3 { font-size:23px; }
  .portal-lateral { grid-template-columns:1fr; gap:27px; }
  .portal-conta__corpo,.portal-discord { padding:24px; }
  .portal-painel__titulo { padding-inline:24px; }
  .portal-status .portal-painel__titulo { padding-inline:0; }
  .portal-conta .btn,.portal-discord .btn { font-size:14px; }
  .portal-status dl > div,.portal-status__resumo { font-size:13px; }
  .rodape__in { padding:38px 24px 30px; }
  .rodape__base { padding-inline:24px; }
  .entrada-tela { padding-inline:20px; }
}
@media (max-width:360px) {
  .portal-hero h1 { font-size:40px; }
  .portal-hero__meta { display:block; max-width:245px; }
  .portal-hero__acoes .btn { padding-inline:15px; }
  .portal-artigo__emblema { display:none; }
  .portal-atalhos > a { padding-inline:14px; }
}
@media (prefers-contrast:more) {
  :root { --suave:#f8d8a8; --tenue:#e4c69a; --linha:#7c6c54; }
  .portal-painel,.portal-atalhos > a { border-color:#88765c; }
  .portal-hero p,.portal-artigo p,.portal-passos p,.portal-status__nota,.portal-conta p { color:#fbdaaa; }
}
@media (prefers-reduced-motion:reduce) { .portal-atalhos > a:hover { transform:none; } }
@media (prefers-reduced-transparency:reduce) { .barra { background:#12100c; backdrop-filter:none; } .portal-painel { background:#1d1914; } }
@media print { .portal-masthead,.portal-lateral,.portal-atalhos { display:none; } .portal-grade { display:block; } .portal-painel { box-shadow:none; } }