:root{--marmore-0:#0a0805;--marmore-1:#14100a;--marmore-2:#1c1810;--ouro-vivo:#f0d693;--ouro:#d4af5f;--ouro-baco:#a08a50;--ouro-sombra:#6e5c38;--serifa:Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--marmore-0);color:var(--ouro);font-family:var(--serifa);overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='4' stitchTiles='stitch' result='t'/%3E%3CfeColorMatrix in='t' type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E"), radial-gradient(ellipse 75% 48% at 50% 16%, #6e5c3814, transparent 62%), radial-gradient(ellipse 150% 95% at 50% 42%, transparent 42%, #0000009e 100%), linear-gradient(180deg, var(--marmore-1) 0%, var(--marmore-0) 55%, var(--marmore-0) 100%);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:220px 220px,auto,auto,auto;position:fixed;inset:0}main{z-index:1;position:relative}#heroi{background:radial-gradient(ellipse at 50% 30%, var(--marmore-2), var(--marmore-0) 70%);position:relative;overflow:hidden}.heroi-taca-camada{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.heroi-taca{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:90vh}.heroi-veu{z-index:1;pointer-events:none;background:linear-gradient(#0a08058c 0%,#0a0805e0 30%,#0a0805eb 70%,#0a080599 100%);position:absolute;inset:0}.heroi-conteudo{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}#heroi .rotulo,#heroi .legenda,#heroi .contador-detalhado{text-shadow:0 1px 3px #0009}.secao{min-height:100vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:12vh 1.5rem;display:flex}.rotulo{letter-spacing:.45em;text-transform:uppercase;color:var(--ouro-baco);font-size:.75rem}.numero-gigante{color:var(--ouro-vivo);text-shadow:0 0 40px #d4af5f59;font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,16vw,9rem);font-weight:700;line-height:1.1}.contador-detalhado{color:var(--ouro-baco);letter-spacing:.03em;font-variant-numeric:tabular-nums;text-align:center;word-wrap:break-word;max-width:32rem;margin-top:.75rem;font-size:clamp(.8rem,2.2vw,1rem)}.legenda{color:var(--ouro-baco);margin-top:1rem;font-style:italic}.placa{border:1px solid var(--ouro-sombra);background:linear-gradient(160deg, var(--marmore-2), var(--marmore-1));border-radius:2px;max-width:34rem;margin:1rem auto;padding:2rem}.placa h3{color:var(--ouro-vivo);letter-spacing:.08em;margin-bottom:.75rem}.placa p{color:var(--ouro);line-height:1.6}button.solene{font-family:var(--serifa);border:1px solid var(--ouro);color:var(--ouro-vivo);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:2rem;padding:.9rem 2.2rem;font-size:.8rem;transition:background .3s,color .3s}button.solene:not(:disabled):hover{background:var(--ouro);color:var(--marmore-0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.placa .rotulo{overflow-wrap:anywhere}.lapides{gap:1.5rem;width:100%;max-width:40rem;display:grid}.lapide{text-align:left}.lapide .epitafio{color:var(--ouro-vivo);margin:.5rem 0 1rem;font-style:italic}.lapide .fatos{list-style:none}.lapide .fatos li{color:var(--ouro-baco);padding-left:1rem;font-size:.9rem;line-height:1.7;position:relative}.lapide .fatos li:before{content:"·";color:var(--ouro);position:absolute;left:0}.placar.oculto{display:none}.linha-tempo{flex-direction:column;gap:3rem;width:100%;max-width:54rem;margin:0 auto;display:flex;position:relative}.linha-tempo:before{content:"";background:linear-gradient(180deg, transparent, var(--ouro-sombra) 4%, var(--ouro-sombra) 96%, transparent);width:2px;position:absolute;top:.25rem;bottom:.25rem;left:50%;transform:translate(-50%)}.linha-tempo-item{grid-template-columns:1fr 2.75rem 1fr;align-items:start;column-gap:1.5rem;transition:opacity .7s,transform .7s;display:grid;position:relative}.linha-tempo-item.pre-reveal{opacity:0;transform:translateY(1.75rem)}.linha-tempo-item.pre-reveal.visivel{opacity:1;transform:translateY(0)}.linha-tempo-no{background:var(--marmore-1);border:2px solid var(--ouro);width:2.75rem;height:2.75rem;color:var(--ouro-vivo);letter-spacing:.02em;z-index:1;box-shadow:0 0 0 4px var(--marmore-0);border-radius:50%;grid-column:2;justify-content:center;place-self:start center;align-items:center;margin-top:.25rem;font-size:.7rem;font-weight:700;display:flex}.linha-tempo-item .lapide{grid-column:1;width:100%;max-width:100%;margin:0}.linha-tempo-item:nth-child(2n) .lapide{grid-column:3}.linha-tempo-retrato{aspect-ratio:3/4;object-fit:cover;border:3px solid var(--ouro-sombra);border-radius:3px;width:100%;max-width:11rem;height:auto;margin:0 0 1rem;display:block;box-shadow:0 6px 18px #00000080}@media (max-width:40rem){.linha-tempo:before{left:1.375rem}.linha-tempo-item{grid-template-columns:2.75rem 1fr;column-gap:1rem}.linha-tempo-no{grid-column:1}.linha-tempo-item .lapide,.linha-tempo-item:nth-child(2n) .lapide{grid-column:2}.linha-tempo-retrato{max-width:9rem}}#canvas-card{border:1px solid var(--ouro-sombra);width:min(24rem,90vw);height:auto;margin:1.5rem 0}.acoes-card{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.revelar{color:var(--ouro-baco);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}.fecho{max-width:34rem}.opcoes{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.opcao.correta{border-color:var(--ouro-vivo);background:var(--ouro);color:var(--marmore-0)}.opcao.errada{opacity:.35}.grade-medidores{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;width:100%;max-width:60rem;display:grid}.medidor{text-align:center}.medidor .numero-medidor{color:var(--ouro-vivo);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700}.grafico-vergonha{width:min(40rem,100%);margin:2rem 0 .5rem}.grafico-vergonha .tique{fill:var(--ouro-baco);font-size:11px;font-family:var(--serifa)}@media (max-width:40rem){.grafico-vergonha .tique{font-size:22px}}.grafico-legenda{max-width:40rem;margin-top:0;margin-bottom:1.5rem;font-size:.8rem}.ponto-vergonha{cursor:pointer}.ponto-vergonha .ponto-alvo{fill:#0000}.ponto-vergonha .ponto-nucleo{fill:var(--ouro);transition:fill .15s,r .15s}.ponto-vergonha:hover .ponto-nucleo,.ponto-vergonha:focus-visible .ponto-nucleo,.ponto-vergonha.selecionado .ponto-nucleo{fill:var(--ouro-vivo);r:7px}.ponto-vergonha:focus-visible{outline:2px solid var(--ouro-vivo);outline-offset:3px}.ponto-vergonha:focus-visible .ponto-alvo{stroke:var(--ouro-vivo);stroke-width:2px}.profecia-detalhe{text-align:left;border:1px solid var(--ouro);background:linear-gradient(160deg, var(--marmore-2), var(--marmore-1));border-radius:2px;align-items:flex-start;gap:1.5rem;width:100%;max-width:40rem;margin:0 auto 2rem;padding:1.5rem;display:flex}.profecia-detalhe-imagem{object-fit:cover;border:2px solid var(--ouro-sombra);border-radius:3px;flex-shrink:0;width:8rem;height:8rem;box-shadow:0 6px 18px #00000080}.profecia-detalhe-texto{flex:1;min-width:0}.profecia-detalhe-texto h3{color:var(--ouro-vivo);letter-spacing:.08em;margin:.25rem 0 .5rem}.profecia-detalhe-texto .epitafio{color:var(--ouro-vivo);margin-top:.75rem;font-style:italic}.stats-profecia{grid-template-columns:max-content 1fr;gap:.3rem .75rem;margin:.5rem 0;font-size:.9rem;display:grid}.stats-profecia>div{display:contents}.stats-profecia dt{color:var(--ouro-baco)}.stats-profecia dd{color:var(--ouro);font-weight:700}@media (max-width:40rem){.profecia-detalhe{text-align:center;flex-direction:column;align-items:center}.profecia-detalhe-imagem{aspect-ratio:1;width:100%;max-width:12rem;height:auto}.stats-profecia{text-align:left;grid-template-columns:max-content 1fr;justify-content:center}}.lapide-retrato-profecia{aspect-ratio:1;object-fit:cover;border:3px solid var(--ouro-sombra);border-radius:3px;width:100%;max-width:9rem;height:auto;margin:0 0 1rem;display:block;box-shadow:0 6px 18px #00000080}.lapides .lapide{transition:border-color .2s,box-shadow .2s}.lapides .lapide.lapide-selecionada{border-color:var(--ouro-vivo);box-shadow:0 0 0 1px var(--ouro-vivo)}