:root{color-scheme:light;--papel:#f4f0e7;--papel-claro:#fbf8f1;--tinta:#242724;--muted:#686b63;--linha:#bdb6a7;--vermelho:#a72e2b;--verde:#46695c;--sombra:rgba(38,35,29,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e5dc;color:var(--tinta);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.5}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.pular{position:absolute;left:-9999px;top:8px;background:var(--tinta);color:white;padding:8px 12px;z-index:10}.pular:focus{left:8px}.folha{max-width:1440px;min-height:100vh;margin:auto;background:var(--papel);box-shadow:0 0 38px var(--sombra)}.cabecalho{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:3px double var(--tinta)}.marca{display:flex;align-items:center;gap:12px}.marca-simbolo{width:48px;height:48px;border:2px solid var(--vermelho);display:grid;place-items:center;color:var(--vermelho);font-size:30px;line-height:1}.marca strong,.marca small,.link-discreto,.sobretitulo,.tempo,.ilustracao-topo,.ilustracao-rodape,.secao-cabecalho .resumo-progresso,.marco-numero,.marco-situacao,.futuro>span,.licao-topo,.quadro-etiqueta,.menu-ilustrado,.carimbo,.botao-primario,.botao-texto,.rodape-trilha,.rodape{font-family:'Courier New',monospace}.marca strong{display:block;font-size:14px;letter-spacing:.14em}.marca small{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted)}.link-discreto{font-size:12px;text-decoration:none;border-bottom:1px solid var(--vermelho);padding-bottom:4px}.link-discreto:hover{color:var(--vermelho)}main{padding:0 5% 70px}.abertura{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:8%;align-items:center;padding:75px 0 85px;border-bottom:1px solid var(--tinta)}.sobretitulo{margin:0 0 22px;color:var(--vermelho);font-size:12px;font-weight:bold;letter-spacing:.14em}.sobretitulo span{color:var(--linha);padding:0 7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,4.7vw,74px);line-height:1.03;letter-spacing:-.055em;margin-bottom:28px;font-weight:700}h1 em{color:var(--vermelho);font-weight:400}.introducao{font-size:clamp(19px,1.6vw,24px);max-width:580px;line-height:1.45}.abertura-acoes{display:flex;align-items:center;gap:22px;margin-top:36px;flex-wrap:wrap}.botao-primario{border:1px solid var(--tinta);background:var(--tinta);color:#fff;padding:15px 20px;font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.04em;min-height:50px}.botao-primario:hover,.botao-primario:focus-visible{background:var(--vermelho);border-color:var(--vermelho)}.botao-primario span{margin-left:12px}.tempo{color:var(--muted);font-size:11px}.ilustracao{background:var(--papel-claro);border:1px solid var(--linha);transform:rotate(1.2deg);box-shadow:9px 10px 0 #ded7c9;padding:20px 22px 10px}.ilustracao-topo,.ilustracao-rodape{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:var(--muted)}.ilustracao svg{display:block;width:100%;max-height:330px}.ilustracao svg .rota{stroke:var(--vermelho)}.ilustracao svg circle{fill:var(--papel);stroke:var(--vermelho);stroke-width:2}.ilustracao svg text{font-family:'Courier New',monospace;font-size:21px;fill:var(--vermelho);font-weight:bold}.ilustracao svg .legenda-svg{font-size:11px;fill:var(--tinta);letter-spacing:1px}.ilustracao-rodape{border-top:1px solid var(--linha);padding-top:10px}.trilha{padding-top:60px}.secao-cabecalho{display:flex;align-items:end;justify-content:space-between;gap:20px}.secao-cabecalho .sobretitulo{margin-bottom:6px}.secao-cabecalho h2{font-size:clamp(33px,3vw,46px);margin:0;letter-spacing:-.03em}.secao-cabecalho .resumo-progresso{font-size:12px;color:var(--muted);margin-bottom:8px}.barra-progresso{height:5px;background:#ddd5c7;margin:20px 0 34px}.barra-progresso span{display:block;width:0;height:100%;background:var(--vermelho);transition:width .3s}.trilha-corpo{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);gap:5%}.caminho{position:relative}.caminho:before{content:'';position:absolute;left:32px;top:40px;bottom:105px;border-left:1px dashed var(--linha)}.marco{position:relative;width:100%;display:flex;align-items:center;text-align:left;gap:16px;padding:13px 4px;border:0;background:transparent;color:var(--tinta);min-height:94px}.marco:hover:not(:disabled) .marco-conteudo strong,.marco.ativo .marco-conteudo strong{color:var(--vermelho)}.marco:disabled{opacity:.57}.marco-numero{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid var(--linha);border-radius:50%;background:var(--papel);font-size:14px}.marco.ativo .marco-numero{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.marco.concluido .marco-numero{background:var(--verde);color:#fff;border-color:var(--verde)}.marco-conteudo{flex:1}.marco-conteudo strong{display:block;font-size:18px;line-height:1.2}.marco-conteudo small{color:var(--muted);font-size:13px}.marco-situacao{font-size:9px;color:var(--vermelho)}.futuro{border-top:1px solid var(--linha);margin:25px 4px 0 74px;padding-top:18px}.futuro>span{font-size:10px;color:var(--muted);letter-spacing:.1em}.futuro p{font-size:14px;margin:5px 0;color:var(--muted)}.licao{background:var(--papel-claro);border:1px solid var(--tinta);box-shadow:7px 7px 0 #ded7c9;padding:30px clamp(20px,3vw,48px) 28px;min-height:510px}.licao-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--vermelho);font-size:11px;font-weight:bold;letter-spacing:.1em}.carimbo{border:2px solid var(--vermelho);border-radius:50%;padding:8px 11px;transform:rotate(8deg);font-size:10px}h3{font-size:clamp(32px,3.2vw,50px);letter-spacing:-.035em;line-height:1.1;margin:20px 0}.licao-texto{font-size:19px;max-width:650px}.quadro-visual{border:1px solid var(--linha);background:#eee9de;padding:15px;margin:24px 0}.quadro-etiqueta{color:var(--muted);font-size:10px;letter-spacing:.06em;margin-bottom:14px}.menu-ilustrado{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.menu-ilustrado span,.menu-ilustrado strong{background:var(--papel-claro);border:1px solid var(--linha);padding:10px 13px}.menu-ilustrado strong{border-color:var(--vermelho);color:var(--vermelho);outline:2px solid var(--vermelho);outline-offset:3px}.menu-ilustrado b{margin-left:8px;font-size:11px}.pergunta{margin:24px 0}.pergunta p{font-weight:bold;margin-bottom:12px}.opcao{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--linha);padding:12px 15px;margin-bottom:8px}.opcao:hover,.opcao:focus-visible{border-color:var(--vermelho)}.opcao.selecionada{border-color:var(--vermelho);background:#f2e4da}.licao-ajuda{background:#efe7d7;border-left:3px solid var(--vermelho);padding:12px 15px;font-size:15px}.licao-acoes{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px}.botao-texto{border:0;background:transparent;color:var(--vermelho);padding:10px 0;font-size:12px;text-decoration:underline}.licao-retorno{min-height:24px;font-size:14px;color:var(--vermelho);margin:13px 0 0}.rodape-trilha{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--linha);margin-top:38px;padding-top:14px;font-size:11px;color:var(--muted)}.rodape-trilha button{border:0;background:transparent;text-decoration:underline;color:var(--muted);font:inherit}.rodape{display:flex;justify-content:space-between;gap:20px;border-top:3px double var(--tinta);margin:0 5%;padding:26px 0 36px;font-size:11px;color:var(--muted)}.rodape strong{color:var(--tinta);letter-spacing:.1em}.rodape p{max-width:480px;margin:6px 0 0}.rodape>div:last-child{display:flex;flex-direction:column;align-items:end;gap:10px}.rodape a:hover{color:var(--vermelho)}:focus-visible{outline:3px solid var(--vermelho);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:800px){.abertura{grid-template-columns:1fr;gap:45px;padding:48px 0 65px}.ilustracao{max-width:500px;transform:none}.trilha-corpo{grid-template-columns:1fr}.caminho{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px}.caminho:before,.marco-conteudo small,.marco-situacao{display:none}.marco{display:block;min-height:100px;border:1px solid var(--linha);padding:10px}.marco-numero{width:34px;height:34px;margin-bottom:8px;font-size:11px}.marco-conteudo strong{font-size:14px}.futuro{grid-column:1/-1;margin:8px 0 0}.licao{min-height:0}.rodape{flex-direction:column}.rodape>div:last-child{align-items:start}}
@media(max-width:520px){body{font-size:16px}.folha{box-shadow:none}.cabecalho{height:80px}.marca-simbolo{width:37px;height:37px;font-size:24px}.marca strong{font-size:10px}.marca small{font-size:7px;max-width:170px}.link-discreto{font-size:10px}h1{font-size:45px}.introducao{font-size:18px}.abertura{padding-top:43px}.ilustracao{padding:13px}.secao-cabecalho{align-items:start;flex-direction:column;gap:6px}.secao-cabecalho .resumo-progresso{margin:0}.trilha{padding-top:44px}.caminho{gap:4px}.marco{min-height:110px;padding:7px}.marco-conteudo strong{font-size:12px}.licao{padding:20px;box-shadow:4px 4px 0 #ded7c9}.licao-texto{font-size:17px}.menu-ilustrado{display:grid}.menu-ilustrado b{display:block;margin:0}.rodape-trilha{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.barra-progresso span{transition:none}}

.links-cabecalho{display:flex;align-items:center;gap:22px}
@media(max-width:520px){.links-cabecalho{gap:10px}.links-cabecalho .link-discreto{font-size:9px}}

/* Referência visual da navegação: esquema, sem fingir ser uma captura do jogo. */
.referencia-menu{display:flex;align-items:center;gap:28px;min-height:260px}
.mini-menu{flex:none;width:96px;padding:8px 6px;background:#0e1d20;border:1px solid #23383b;border-radius:7px;box-shadow:0 5px 16px rgba(9,20,22,.18);font-family:Arial,sans-serif}
.mini-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:47px;color:#80a7aa;font-size:11px;line-height:1.1}
.mini-item-alvo{position:relative;background:#1d3539;color:#e2f0ed;border:1px solid #598589;border-radius:4px}
.mini-item-alvo::after{content:'';position:absolute;top:50%;left:calc(100% + 6px);width:20px;border-top:2px solid var(--vermelho)}
.mini-icone{display:block;width:21px;height:21px;margin-bottom:2px}
.mini-item-alvo .mini-icone{filter:brightness(1.65)}
.mini-bandeira{display:block;width:21px;height:21px;margin-bottom:2px}
.referencia-nota{max-width:235px;border-left:2px solid var(--vermelho);padding-left:18px}
.referencia-nota strong{font-size:19px}
.referencia-nota p{font-size:15px;color:var(--muted);margin:6px 0 0}
.fluxo-xp{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font:13px 'Courier New',monospace}
.fluxo-xp span{border:1px solid var(--linha);background:var(--papel-claro);padding:12px 14px}
.fluxo-xp b{color:var(--vermelho)}
@media(max-width:520px){.referencia-menu{gap:22px}.referencia-nota{padding-left:12px}.referencia-nota strong{font-size:16px}.referencia-nota p{font-size:13px}.fluxo-xp{gap:6px}.fluxo-xp span{padding:9px 10px;font-size:11px}}
.marca{display:flex;flex-direction:column;align-items:flex-start;gap:0}.marca-logo{display:block;width:230px;max-width:100%;height:auto}.marca small{margin-top:-3px}
@media(max-width:520px){.marca-logo{width:155px}.marca small{font-size:6px;max-width:none}}