/* AUDITORIA #1–14: proposta aprovada por Mateus, 08/10/2026 (GMT-3).
   Camada isolada: mantém a base e os textos; nenhum recurso novo de animação. */
/* AUDITORIA #2, #3, #4 e #14: contraste, foco interno em recortes, toque e ocultação robusta. */
:root{--stone-400:#b9b0a2;--stone-500:#9c9285;--text-muted:#b9b0a2}
[hidden]{display:none!important}
html{scroll-padding-top:100px}
body{overflow-x:clip}
a,button,summary,[tabindex]{scroll-margin-block:110px 28px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ffe4a4;outline-offset:-3px;box-shadow:inset 0 0 0 4px #0b0a09}
.l2-btn,.idioma__abre,.idioma__lista a,.l2-header__brand,.l2-header__burger,.l2-drawer__link{min-height:44px;min-width:44px}
.idioma__abre{height:44px}.l2-header__brand{display:flex;align-items:center}
.l2-footer__copy,.l2-footer__legal,.l2-footer p,.heroi__nota,.stages-nota{color:#b9b0a2;font-size:14px;line-height:1.6}
.l2-footer a{display:inline-flex;align-items:center;min-height:44px}
.l2-heading__eyebrow,.ex-aba,.st__estado,.regua__faixa,.sd__titulo,.l2-spec__label{font-size:14px}
.l2-feature__text,.ex-lead,.ex-aviso,.l2-spec__value,.sd__lista{font-size:16px}
.l2-drawer{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
.reveal{opacity:1;transform:none}
/* AUDITORIA #9: arte inteira com face exposta, título em duas hierarquias e chão escuro para leitura. */
.heroi{min-height:700px;min-height:min(830px,calc(100svh - 74px));align-items:center;background:#11100d}
.heroi .l2-band__media{object-position:62% top;opacity:1;transform:scale(1.025) translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform .2s linear}
.heroi .l2-band__scrim{background:linear-gradient(90deg,rgba(7,8,8,.97) 0%,rgba(7,8,8,.9) 28%,rgba(7,8,8,.26) 62%,rgba(7,8,8,.02) 80%),linear-gradient(0deg,#0b0a09 0%,transparent 28%)}
.heroi .l2-container{max-width:1400px}
.heroi__conteudo{max-width:610px;padding-block:60px 70px}
.heroi h1{font-size:clamp(46px,5.5vw,80px);line-height:1.02;letter-spacing:-.025em;margin:28px 0 24px}
.hero-title-top{display:block;font-family:var(--font-display,'Cinzel',serif);font-weight:600}
.hero-title-top b{color:#e6c57f;font-weight:700}
.heroi h1 em{display:block;margin-top:18px;font-size:.54em;font-style:normal;font-weight:500;letter-spacing:.025em;color:#e4dac5}
.heroi__lead{max-width:490px;font-size:18px;line-height:1.6;color:#d0c8ba}
.heroi__tags{gap:8px 20px;flex-wrap:wrap}.heroi__tags li{font-size:13px;color:#d2c7b1}
.heroi__sem-data{font-size:16px;color:#e0c797;border-left:2px solid #b18a43;padding-left:16px;max-width:430px;line-height:1.5}
.heroi__acoes{margin-top:28px;gap:12px}.heroi__nota{margin-top:16px}
/* AUDITORIA #1 e #13: número só animado quando muda; nenhum estado publicado com data fictícia. */
.l2-countdown__num{transition:color .2s,transform .2s}.l2-countdown__num.is-changing{color:#fff0c6;transform:translateY(-2px)}
.countdown-near .l2-countdown{border-color:#d4ae68}
/* AUDITORIA #6 e #12: hierarquia editorial de cinco pilares; todo texto continua visível. */
#servidor{padding-block:80px 90px}#servidor .l2-heading{text-align:left;max-width:none;margin-bottom:38px}
.pilares{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:18px;align-items:stretch}
.pilar{min-height:340px;padding:28px;isolation:isolate;overflow:hidden;clip-path:none;border:1px solid #413a2e;background:#11110f;transition:border-color .25s,transform .25s;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.pilar,.pilar:nth-child(4),.pilar:last-child{grid-column:auto}
.pilar:first-child{grid-row:span 2;min-height:100%;display:flex;align-items:flex-end;padding:34px}
.pilar::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#0f100f 0%,rgba(15,16,15,.97) 52%,rgba(15,16,15,.08) 100%)}
.pilar:first-child::after{background:linear-gradient(0deg,#0f100f 0%,rgba(15,16,15,.9) 25%,rgba(15,16,15,.04) 72%)}
.pilar .l2-panel__art{opacity:.65;object-position:50% 15%;transform:scale(1.02);transition:transform .45s,opacity .45s}
.pilar:first-child .l2-panel__art{opacity:.86;object-position:50% 25%}
.pilar .l2-panel__body{position:relative;z-index:2}.pilar .l2-feature{align-items:flex-start;text-align:left;gap:12px}
.pilar .l2-icon-chip{width:48px;height:48px;clip-path:none;background:rgba(21,20,16,.75);border:1px solid #776342;margin-bottom:12px}
.pilar .l2-icon{font-size:25px}.pilar .l2-feature__title{font-size:23px;line-height:1.2;min-height:0}
.pilar:first-child .l2-feature__title{font-size:32px}.pilar .l2-feature__text{color:#c9c2b5;line-height:1.6;min-height:0}
.pilar__botao{margin-top:5px}.pilar:focus-within{border-color:#caa15d}.pilar:focus-within .l2-panel__art{opacity:.85;transform:scale(1.065)}
@media(hover:hover) and (pointer:fine){.pilar:hover{border-color:#caa15d}.pilar:hover .l2-panel__art{opacity:.85;transform:scale(1.065)}}
/* AUDITORIA #10 e #11: cena aprovada + HUD desenhado em CSS, sem novas alegações de jogo. */
.battle-break{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;background:#121619;border-block:1px solid #675638;overflow:hidden}
.battle-break__art{position:absolute;inset:0;z-index:-2}.battle-break__art img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.battle-break::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,10,12,.95),rgba(5,10,12,.72) 35%,rgba(5,10,12,.12) 65%),linear-gradient(0deg,rgba(7,10,11,.9),transparent 60%)}
.battle-break__layout{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;padding-block:70px}
.battle-break__copy{max-width:490px}.battle-break__copy h2{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(29px,3.2vw,46px);line-height:1.25;color:#f3eee2;margin:18px 0}
.battle-break__copy h2 em{display:block;font-style:normal;color:#e5c387}.battle-break__copy p{font-size:20px;line-height:1.5;color:#e2ded3;max-width:360px}
.game-window{border:1px solid #a58a58;outline:3px solid rgba(9,11,13,.8);background:linear-gradient(135deg,rgba(27,36,41,.98),rgba(9,14,18,.98));box-shadow:0 24px 60px #0008,inset 0 0 0 4px #0b1014;transform:translateY(46px)}
.game-window__title{padding:12px 18px;background:linear-gradient(#414841,#202b2e);border-bottom:1px solid #8a7750;display:flex;justify-content:space-between;font-family:'Cinzel',serif;font-size:18px;color:#f5e9c8}
.game-status{display:grid;grid-template-columns:24px 1fr;gap:6px 8px;padding:16px 18px 12px;font:12px 'Barlow',sans-serif;color:#ddd5c4}
.game-status i{height:9px;border:1px solid #6a5b4d;margin-top:3px;background:linear-gradient(90deg,#7c1f27,#c54943);box-shadow:inset 0 1px #ed857766}
.game-status i:last-child{background:linear-gradient(90deg,#164366,#4594b6)}
.as-skills{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:6px 16px 0}
.as-skill{appearance:none;background:transparent;border:0;padding:0;min-width:44px;min-height:78px;color:#c5c8c3;font:12px/1.2 'Barlow',sans-serif;display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer}
.as-skill__icon{display:grid;place-items:center;width:48px;height:48px;background:radial-gradient(ellipse at 40% 30%,#426761,#112328);border:1px solid #8c8469;box-shadow:inset 0 0 0 3px #090f12,0 2px 5px #000;transition:border-color .16s,filter .16s}
.as-skill:nth-child(2) .as-skill__icon{background:radial-gradient(ellipse at 40% 30%,#94763b,#2d2414)}.as-skill:nth-child(3) .as-skill__icon{background:radial-gradient(ellipse at 40% 30%,#836798,#271735)}.as-skill:nth-child(4) .as-skill__icon{background:radial-gradient(ellipse at 40% 30%,#477ca3,#142835)}.as-skill:nth-child(5) .as-skill__icon{background:radial-gradient(ellipse at 40% 30%,#547c4d,#182b1a)}.as-skill:nth-child(6) .as-skill__icon{background:radial-gradient(ellipse at 40% 30%,#975745,#391b17)}
.as-skill svg{width:27px;height:27px;stroke:#f6e8c9;filter:drop-shadow(0 2px 1px #000)}
.as-skill:hover .as-skill__icon,.as-skill:focus-visible .as-skill__icon,.as-skill.is-active .as-skill__icon{border-color:#ffe4a4;filter:brightness(1.22)}
.as-skill.is-active{color:#ffe4a4}.as-detail{margin:12px 16px 16px;padding:13px 15px;min-height:86px;background:#090f14;border:1px solid #59616a;border-left:2px solid #c4a267;line-height:1.4}
.as-detail strong{color:#e8c989;font-size:15px;font-weight:500}.as-detail p{color:#e0e5e6;font-size:16px;margin:5px 0 0}
/* AUDITORIA #5 e #7: vídeo contido, texto ao lado; imagens-pôster leves antes da reprodução. */
.secao-qv{padding-block:80px}.ex-bloco{clip-path:none;padding:24px;border:1px solid #534737}
.ex-abas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.ex-aba{min-height:52px;clip-path:none;justify-content:center}
.ex-painel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:30px;align-items:start}
.ex-gif{width:100%;height:auto;min-height:0!important;aspect-ratio:16/9;object-fit:contain;background:#090b0d;align-self:start;border:1px solid #5b5142}
.ex-cab{margin-bottom:22px}.ex-titulo{font-size:28px}.ex-lead{line-height:1.6;margin-top:12px}.ex-specs{gap:14px}.l2-spec__value{color:#dad3c5}.l2-spec__label{color:#b9b0a2}.ex-aviso{line-height:1.55;color:#c5b8a3;margin-top:22px}
/* AUDITORIA #8: consulta tem contorno dourado; a faixa vermelha continua exclusiva do stage aberto. */
.regua__trecho{appearance:none;position:relative;border:1px solid #8b7a58;color:#e1d8c8;background:#1e201f;cursor:pointer;min-height:44px;font:inherit}
.regua__trecho--cheio{background:#7c2b2d}.regua__trecho.is-viewing{box-shadow:inset 0 0 0 2px #ffe3a1}.regua__faixa{position:static;transform:none;line-height:1.2;display:block;pointer-events:none}
.regua__trilho{height:auto;overflow:visible}.regua{padding-block:14px;margin-bottom:24px}.st.is-viewing .st__botao{filter:brightness(1.12)}
.st__estado{color:#e4d9c3;background:#16150fcc;padding:4px 6px;line-height:1.3}.st--atual .st__estado{color:#ffdfc2;background:#5b2423}
.st__botao{min-width:44px;min-height:44px}.sd{scroll-margin-top:110px}.sd__pendente{color:#b9b0a2}
/* AUDITORIA #7: três passos conectados, alinhados para leitura; cenário aprovado como respiro. */
.secao-comecar{--fundo-comecar:url('../img/auditoria/ilha-960.webp');padding-block:85px}
.l2-steps{gap:36px}.l2-step{text-align:left;align-items:flex-start;padding:0;position:relative;background:none;border:0}
.l2-step::after{display:none}.l2-step__num{margin:0 0 22px;width:54px;height:54px;clip-path:none;border:1px solid #b59561;font-size:24px}
.l2-step:not(:last-child)::before{content:"";position:absolute;left:72px;right:-14px;top:27px;height:1px;background:linear-gradient(90deg,#9a7d4c,#635034)}
.l2-step__title{font-size:25px}.l2-step__text{font-size:16px;line-height:1.6;max-width:340px}.l2-step .l2-btn{align-self:flex-start}
/* AUDITORIA #2–4, #6–12: recomposição responsiva, inclusive celular deitado. */
@media(min-width:1700px){.heroi .l2-container{max-width:1580px}.heroi__conteudo{max-width:660px}.heroi h1{font-size:88px}.heroi .l2-band__media{object-position:center 30%}}
@media(max-width:1099px){.pilares{grid-template-columns:1fr 1fr}.pilar:first-child{grid-column:span 2;grid-row:auto;min-height:360px;align-items:center}.pilar:first-child .l2-panel__body{max-width:440px}.pilar:first-child .l2-panel__art{object-position:center 35%}.pilar:first-child::after{background:linear-gradient(90deg,#0f100f 0%,#0f100fee 35%,#0f100f33 85%)}.pilar{min-height:320px}.ex-painel{grid-template-columns:1fr}.ex-gif{max-height:460px}.ex-specs{grid-template-columns:1fr 1fr}.battle-break__layout{grid-template-columns:1fr 380px;gap:30px}.as-skills{grid-template-columns:repeat(3,1fr)}.as-skill{min-height:76px}.heroi__conteudo{max-width:560px}.heroi h1{font-size:58px}}
@media(max-width:767px){
 .heroi{min-height:0;align-items:flex-end}.heroi .l2-band__media{height:440px;object-position:47% top;transform:none;object-fit:cover}.heroi .l2-band__scrim{background:linear-gradient(0deg,#0b0a09 0%,#0b0a09 40%,rgba(11,10,9,.83) 54%,transparent 83%)}
 .heroi__conteudo{padding:270px 0 42px;max-width:100%}.heroi h1{font-size:clamp(39px,10.2vw,61px);margin-block:22px}.heroi h1 em{font-size:.57em;letter-spacing:0;margin-top:12px}.heroi__lead{font-size:16px;line-height:1.6;max-width:480px}.heroi__tags{gap:8px 15px}.heroi__tags li{font-size:12px}.heroi__acoes{display:grid;grid-template-columns:1fr;gap:12px}.heroi__acoes .l2-btn{width:100%}.heroi__sem-data{font-size:15px}.heroi__nota{text-align:center}
 #servidor{padding-block:48px 55px}#servidor .l2-heading{margin-bottom:26px}.pilares{grid-template-columns:1fr;gap:14px}.pilar,.pilar:first-child{grid-column:auto;min-height:300px;padding:24px}.pilar:first-child{min-height:380px;align-items:flex-end}.pilar:first-child .l2-panel__body{max-width:none}.pilar:first-child::after{background:linear-gradient(0deg,#0f100f 3%,#0f100fed 40%,#0f100f22 100%)}.pilar:first-child .l2-feature__title{font-size:28px}.pilar .l2-feature__text{font-size:16px}.pilar .l2-panel__art{object-position:center 25%}.pilar .l2-icon-chip{margin-bottom:4px}.pilar .l2-feature{gap:10px}.pilar:first-child .l2-panel__art{object-position:center 25%}
 .battle-break{min-height:0}.battle-break__art{height:450px}.battle-break::before{background:linear-gradient(0deg,#0c1419 0%,#0c1419 35%,#0c1419bb 68%,#0c141929 100%)}.battle-break__layout{grid-template-columns:1fr;gap:26px;padding-block:190px 38px}.battle-break__copy h2{font-size:31px;max-width:420px}.battle-break__copy p{font-size:18px;max-width:390px}.game-window{transform:none;max-width:520px;width:100%}.as-skills{grid-template-columns:repeat(3,1fr);gap:10px}.as-skill{font-size:14px;min-height:77px}.as-detail{min-height:90px}
 .secao-qv{padding-block:52px}.ex-bloco{padding:14px}.ex-abas{gap:8px;margin-bottom:20px}.ex-aba{font-size:14px;padding:12px 8px;gap:8px}.ex-aba .l2-icon{display:none}.ex-painel{gap:24px}.ex-specs{grid-template-columns:1fr}.ex-titulo{font-size:27px}.ex-gif{max-height:none}.ex-lead{font-size:16px}.ex-aviso{font-size:15px}
 .regua__faixa{font-size:14px}.regua__trecho{padding:8px 3px}.st__estado{font-size:12px;padding:3px}.st__botao{padding-inline:2px}.secao-stages .l2-heading__lead{font-size:16px}.sd__linha{font-size:15px}
 .secao-comecar{padding-block:56px}.l2-steps{gap:0}.l2-step{padding:0 0 38px 76px;min-height:195px}.l2-step__num{position:absolute;left:0;top:0;margin:0}.l2-step:not(:last-child)::before{left:27px;top:64px;bottom:10px;height:auto;width:1px;right:auto;background:#8a734e}.l2-step:last-child{padding-bottom:0}.l2-step__title{font-size:24px}.l2-step__text{margin-top:8px}
}
@media(max-height:500px) and (min-width:600px){.heroi{min-height:650px}.heroi__conteudo{padding-block:50px}.heroi .l2-band__media{height:100%;object-position:70% top}.heroi .l2-band__scrim{background:linear-gradient(90deg,#0b0a09f5,#0b0a09cc 50%,#0b0a0933)}.heroi__acoes{display:flex}.heroi__acoes .l2-btn{width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.pilar,.heroi .l2-band__media{transform:none!important}.brasas{display:none}}

/* AUDITORIA #7: neutralizar o anel antigo para manter o número preso ao passo. */
.l2-step__num-ring::before{display:none}
@media(max-width:767px){.l2-step__num-ring{position:static}.l2-step__num{margin:0}}
/* AUDITORIA #6 e #7: remover máscaras herdadas e alinhar conteúdo da nova composição. */
.pilar .pilar__arte{-webkit-mask-image:none;mask-image:none;filter:saturate(.95)}
#servidor .l2-heading{align-items:flex-start}.pilar .l2-feature__title{justify-content:flex-start}
.pilar__botao{align-self:flex-start}.ex-cab{grid-template-columns:1fr}
.ex-abas{margin-inline:0;padding-inline:0;overflow:visible}
@media(max-width:767px){.pilar.l2-panel--pad-lg{padding:24px}.pilar .l2-icon-chip--lg{width:48px;height:48px}.ex-bloco.l2-panel--pad-lg{padding:14px}}
/* AUDITORIA #2: backdrop-filter no cabeçalho prendia a gaveta em apenas 48px. */
body.menu-open .l2-header{position:fixed;inset:0 0 auto;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b0a09}
.l2-drawer{bottom:auto;height:calc(100dvh - var(--header-h));max-height:calc(100dvh - var(--header-h))}
/* AUDITORIA #7: a ficha dentro de meia coluna usa duas colunas, sem comprimir frases em três. */
@media(min-width:768px){.ex-specs{grid-template-columns:1fr 1fr}}

/* AUDITORIA #7 e #8: fundos relativos ao próprio CSS, válidos também ao abrir o arquivo local. */
.secao-qv{--fundo-exclusivas:url("../img/fundo-exclusivas.webp")}.secao-comunidade{--fundo-comunidade:url("../img/fundo-comunidade.webp")}.secao-comecar{--fundo-comecar:url("../img/auditoria/ilha-960.webp")}
.secao-stages{--pano-vermelho:url("../img/estandarte-vermelho.webp");--pano-bege:url("../img/estandarte-bege.webp");--castelo:url("../img/castelo-cerco.webp");--castelo-cel:url("../img/castelo-cerco-celular.webp")}
/* AUDITORIA #2: especificidade dos controles recortados; foco visível dentro da borda. */
:is(.l2-btn,.l2-social__link,.idioma__abre,.st__botao,.regua__trecho,.ex-aba,.as-skill):focus-visible{outline:2px solid #ffe4a4;outline-offset:-3px;box-shadow:inset 0 0 0 4px #0b0a09;filter:none}

/* AJUSTE #7: conferência sem rolagem lateral; em 640–767 px os três passos herdavam colunas estreitas que cortavam o botão. 09/10/2026 GMT-3, autorizado por Mateus. */
@media(max-width:767px){.l2-steps{grid-template-columns:minmax(0,1fr)}}

/* AJUSTE #12: números Cinzel 700, largura estável e caixas confortáveis; editado em 09/10/2026 11:37 GMT-3, autorizado por Mateus. */
.heroi #bloco-contador{max-width:100%}
.heroi .l2-countdown__cell{flex:0 0 84px;min-width:0;padding:12px 8px 10px;gap:6px}
.heroi .l2-countdown__num{font-family:var(--font-display,"Cinzel",serif);font-weight:700;font-size:42px;line-height:1.15;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;min-width:2ch;text-align:center}
.heroi .l2-countdown__num .l2-countdown__digit{display:inline-block;width:.68em;text-align:center}
.heroi .l2-countdown__num.is-changing{transform:none}
.heroi .l2-countdown__unit{font-family:var(--font-label,"Oswald",sans-serif);font-size:11px;line-height:1.2;letter-spacing:.12em}
@media(max-width:640px){.heroi #bloco-contador{width:100%;max-width:360px}.heroi .l2-countdown__row{width:100%;gap:8px}.heroi .l2-countdown__cell{flex:1 1 0;padding:12px 4px 10px}.heroi .l2-countdown__num{font-size:clamp(28px,8.2vw,36px)}}