/* Origem: aventura-v1.css */
/* Artes canônicas do jogo e novas peças do PixelLab, sem recursos externos. */
@font-face{font-family:PixelTexto;src:url(jogo/VT323.ttf) format("truetype");font-display:swap}
@font-face{font-family:PixelTitulo;src:url(jogo/Silkscreen.ttf) format("truetype");font-display:swap}
:root{color-scheme:dark;--fundo:#151c17;--papel:#f3e4c9;--ouro:#e5c171;--verde:#c3e58c;--suave:#bcbfaf;--escuro:#0c110e;--titulo:PixelTitulo,monospace;--texto:PixelTexto,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--fundo);color:var(--papel);font:24px/1.3 var(--texto);overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
img{max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges}
button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--verde);outline-offset:6px}::selection{background:#708743;color:#fff}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--titulo);font-weight:400}
h2{font-size:clamp(24px,3.2vw,40px);line-height:1.4;letter-spacing:-1.4px;color:var(--papel)}h2 span{color:var(--ouro)}
.largura{width:min(1184px,calc(100% - 96px));margin-inline:auto}.secao{padding-block:108px}
.sobrelinha{font:12px/1.8 var(--titulo);letter-spacing:1px;margin-bottom:22px}.dourada{color:var(--ouro)}
.pular-conteudo{position:fixed;top:-90px;left:20px;padding:12px 20px;z-index:20;background:var(--ouro);color:var(--escuro)}.pular-conteudo:focus{top:10px}
.cabecalho{position:relative;z-index:10;background:#161d17;border-bottom:2px solid #544d32;box-shadow:0 4px 0 #0b100b}
.cabecalho-miolo{width:min(1344px,calc(100% - 64px));margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.marca{display:flex;align-items:center;gap:14px;flex-shrink:0}.marca img{object-fit:contain}
.marca-letras{font:16px/1.1 var(--titulo);color:var(--papel);text-shadow:2px 2px #050806}.marca-letras b{display:block;font-weight:400;color:var(--ouro);letter-spacing:8px;font-size:24px}.marca-letras small{display:block;font:10px/1.5 var(--titulo);letter-spacing:2px;margin-top:4px;color:#c3be9d}
.navegacao{display:flex;align-items:center;gap:30px;font-size:22px}.navegacao>a:not(.botao){color:#dbddcc;position:relative}.navegacao>a:not(.botao):hover{color:var(--ouro)}.menu-botao{display:none}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:15px 25px;border:8px solid transparent;border-image:url(jogo/botao-bronze-normal.webp) 6 fill stretch;background:none;color:#fff1c9;font:13px/1.4 var(--titulo);text-shadow:2px 2px #3c2814;box-shadow:0 5px 0 #090e0a;transition:transform .15s}
.botao:hover{transform:translateY(-3px);color:#fff}.botao:active{transform:translateY(2px);border-image-source:url(jogo/botao-bronze-pressed.webp)}.botao-verde{border-image-source:url(jogo/botao-green-normal.webp);text-shadow:2px 2px #23431e}.botao-verde:active{border-image-source:url(jogo/botao-green-pressed.webp)}.botao-pequeno{min-height:48px;padding:8px 15px;font-size:11px}.botao img{object-fit:contain;width:28px;height:28px}
.abertura{position:relative;isolation:isolate;min-height:830px;overflow:hidden;background:#3c5144}
.abertura-cenario{position:absolute;inset:0;z-index:-3;background:url(../assets/arte-site/panorama.webp) center 52%/cover no-repeat;image-rendering:pixelated}
.abertura:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,23,17,.88) 0%,rgba(13,27,19,.66) 39%,rgba(11,25,18,.08) 70%),linear-gradient(0deg,#172418 0%,transparent 28%,rgba(6,19,15,.22) 100%)}
.abertura-miolo{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;min-height:760px;padding-top:32px;padding-bottom:90px}.abertura-texto{padding-bottom:35px;z-index:2}
.abertura .sobrelinha{color:#cfdfb4;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.ponto-vivo{width:8px;height:8px;background:var(--verde);box-shadow:0 0 0 4px #406439}
h1{font-size:clamp(36px,4.25vw,60px);line-height:1.3;letter-spacing:-2.5px;text-shadow:4px 4px #172016;color:#fff9de}h1 span{color:#f0c87b}
.abertura-descricao{max-width:540px;color:#e0e6d3;margin:25px 0 30px;font-size:25px;line-height:1.4;text-shadow:1px 2px #142018}.abertura-descricao strong{font-weight:400;color:#fff8df}
.acoes{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.trailer-link{font-size:22px;display:flex;gap:10px;align-items:center;white-space:nowrap}.trailer-link:hover{color:var(--ouro)}.play-pixel{font:14px var(--titulo);border:2px solid #b2bda3;padding:9px;color:var(--ouro);box-shadow:3px 3px #162015}.nota-download{font-size:18px;color:#b2c5a7;margin-top:21px}
.celular-vitrine{position:relative;justify-self:center;transform:rotate(3deg);width:288px;z-index:1;margin-top:16px}
.celular{position:relative;padding:8px 8px 7px;background:#141c1b;border:4px solid #a9b5a2;box-shadow:4px 0 #5b6655,-4px 0 #5b6655,0 -4px #5b6655,0 4px #5b6655,9px 10px #132219,18px 22px 0 #0c161980}
.celular:after{content:"";position:absolute;width:4px;height:55px;background:#b4baa2;right:-8px;top:98px;box-shadow:0 62px #b4baa2}
.celular-alto{height:17px;display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:5px}.celular-alto span{width:37px;height:4px;background:#54675c}.celular-alto i{width:5px;height:5px;background:#758278}.captura-wallpaper{display:block;width:100%;height:auto}.celular-base{height:16px;display:flex;align-items:center;justify-content:center}.celular-base span{width:50px;height:3px;background:#637168}
.celular-vitrine figcaption{font-size:19px;text-align:center;color:#f5e5b3;margin-top:22px;transform:rotate(-3deg);text-shadow:2px 2px #152015}
.etiqueta-celular{position:absolute;top:88px;left:-128px;font:10px/1.7 var(--titulo);background:#e9d096;border:3px solid #594428;color:#362b1d;padding:12px 13px;box-shadow:4px 4px #162319;transform:rotate(-9deg)}.etiqueta-celular:after{content:"";position:absolute;right:-17px;bottom:12px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid #e9d096}
.abertura-chao{position:absolute;bottom:-5px;left:0;width:100%;height:180px;background:url(jogo/glasslands2.webp) center bottom/auto 190px repeat-x;image-rendering:pixelated;z-index:-1;filter:brightness(.72)}
.sprite{display:block;width:120px;height:120px;background-position:0 0;background-size:960px 120px;background-repeat:no-repeat;image-rendering:pixelated;animation:idle 1.1s steps(8) infinite}.sprite-cavaleiro{background-image:url(jogo/cavaleiro-idle.webp)}.sprite-goblin{background-image:url(jogo/goblin-idle.webp);animation-duration:1.4s}.sprite-gato{background-image:url(jogo/gato-idle.webp);width:60px;height:60px;background-size:480px 60px;animation-name:idle-gato}
@keyframes idle{to{background-position:-960px 0}}@keyframes idle-gato{to{background-position:-480px 0}}
.abertura-chao .sprite{position:absolute;bottom:25px}.abertura-chao .sprite-cavaleiro{left:72%}.abertura-chao .sprite-goblin{left:82%;transform:scaleX(-1)}.abertura-chao .sprite-gato{left:65%;bottom:18px}
.descer{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font:9px/1.8 var(--titulo);letter-spacing:1px;text-align:center;color:#f3edcd;text-shadow:2px 2px #112214}.descer span{display:block;font-size:21px}
.vaga-lumes{position:absolute;inset:0;pointer-events:none}.vaga-lumes i{position:absolute;width:3px;height:3px;background:#ffdf85;box-shadow:0 0 10px #ffdf8570;animation:lume 5s ease-in-out infinite}.vaga-lumes i:nth-child(1){left:7%;top:18%}.vaga-lumes i:nth-child(2){left:47%;top:41%;animation-delay:-2s}.vaga-lumes i:nth-child(3){left:56%;top:72%;animation-delay:-1s}.vaga-lumes i:nth-child(4){left:84%;top:67%;animation-delay:-3s}.vaga-lumes i:nth-child(5){left:22%;top:73%;animation-delay:-4s}.vaga-lumes i:nth-child(6){left:95%;top:21%;animation-delay:-2.5s}
@keyframes lume{0%,100%{opacity:.25;transform:translate(0,0)}50%{opacity:1;transform:translate(8px,-14px)}}
.faixa-diferenciais{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap;min-height:86px;padding:18px 28px;background:#232c1c;border-top:4px solid #53603a;border-bottom:4px solid #0d150f;box-shadow:inset 0 2px #899457}.faixa-diferenciais span{font:10px/1.5 var(--titulo);letter-spacing:.5px;display:flex;align-items:center;gap:12px;color:#d5d9b7}.faixa-diferenciais img{width:28px;height:28px;object-fit:contain}
.conceito{display:grid;grid-template-columns:.95fr 1.3fr;gap:96px;align-items:center}.conceito-arte{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;isolation:isolate}.portal{width:320px;height:320px;position:relative;z-index:1}.portal-chao{position:absolute;width:300px;height:44px;bottom:29px;background:#324329;box-shadow:12px 8px #223220,-12px 8px #223220;z-index:-1}.conceito-arte .sprite-cavaleiro{position:absolute;left:36px;bottom:48px;z-index:2;transform:scaleX(-1)}.conceito-arte .sprite-gato{position:absolute;right:26px;bottom:42px;z-index:2}.legenda-arte{position:absolute;bottom:-7px;text-align:center;font:9px var(--titulo);letter-spacing:1px;color:#869479}
.conceito-texto p:not(.sobrelinha){color:var(--suave);margin-top:22px;max-width:580px;font-size:25px;line-height:1.4}.link-pixel{display:inline-flex;gap:12px;color:var(--verde);font-size:22px;margin-top:25px;border-bottom:1px solid #637948;padding-bottom:4px}.link-pixel:hover{color:var(--ouro)}
.mundos{background:#111912;border-top:2px solid #3c442f;border-bottom:2px solid #3c442f}.secao-cabeca{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.secao-cabeca>p{color:var(--suave);font-size:25px;line-height:1.4;max-width:470px}
.atlas{padding:8px;background:#a17c42;box-shadow:0 0 0 3px #080d09,0 0 0 6px #5a4b2e,8px 8px 0 #080d09}.mundo-janela{position:relative;height:330px;overflow:hidden;background:#728069;border:4px solid #1d2719}.mundo-janela>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;image-rendering:pixelated}.mundo-janela:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a160db0,transparent 60%);pointer-events:none}
.mundo-placa{position:absolute;left:34px;bottom:30px;z-index:2;text-shadow:2px 2px #142415}.mundo-placa>span{font:10px var(--titulo);color:#f0d18c}.mundo-placa h3{font-size:23px;color:#fff1cc;margin:9px 0}.mundo-placa p{color:#e2e8d6;font-size:22px}.mundo-janela .sprite{position:absolute;bottom:20px;z-index:1}.mundo-janela .sprite-cavaleiro{right:150px}.mundo-janela .sprite-goblin{right:40px;transform:scaleX(-1)}
.mundo-controles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px}.mundo-controles button{padding:16px 10px;background:#292c20;border:2px solid #1b2218;box-shadow:inset 0 2px #666147;font-size:22px;color:#babca7;transition:background .15s}.mundo-controles button span{display:block;font:10px var(--titulo);color:#938465;margin-bottom:7px}.mundo-controles button[aria-pressed=true]{background:#476037;color:#f3edca;box-shadow:inset 0 3px #a7bf6d}.mundo-controles button[aria-pressed=true] span{color:#e3c976}.mundo-controles button:hover{background:#3b4e2e;color:#fff}
.nota-atlas{text-align:center;font-size:18px;color:#96a58b;margin-top:28px}.nota-atlas span{color:var(--ouro);margin-right:8px}
.heroi{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.heroi-texto>p:not(.sobrelinha){font-size:25px;line-height:1.4;color:var(--suave);margin-top:23px}.lista-recursos{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:24px}.lista-recursos li{display:flex;gap:20px;align-items:start}.lista-recursos li>img{width:40px;height:40px;object-fit:contain;margin-top:5px}.lista-recursos h3{font-size:11px;color:var(--ouro);line-height:1.7}.lista-recursos p{font-size:22px;line-height:1.3;color:#aeb7a4;margin-top:5px}
.equipamento-vitrine{background:#30271c;border:5px solid #83633d;box-shadow:inset 0 0 0 4px #151a12,0 0 0 4px #111810,8px 8px 0 #0a100b;padding:25px 20px 18px;position:relative}.equipamento-vitrine:before,.equipamento-vitrine:after{content:"";position:absolute;width:8px;height:8px;background:#d6b375;box-shadow:2px 2px #151c12;top:8px}.equipamento-vitrine:before{left:8px}.equipamento-vitrine:after{right:8px}.vitrine-titulo{font:9px/1.8 var(--titulo);text-align:center;color:#e6c98a;border-bottom:2px solid #795b37;padding-bottom:16px}.equipamento-miolo{display:grid;grid-template-columns:80px 1fr 80px;gap:14px;align-items:center;margin:20px 0}.coluna-itens{display:grid;gap:14px}
.item{margin:0;background:#1c2319;border:3px solid #77623d;box-shadow:inset 0 0 0 3px #11190e;padding:8px;text-align:center;transition:transform .2s}.item:hover{transform:translateY(-4px)}.item img{width:48px;height:48px;object-fit:contain}.item figcaption{font:6px/1.6 var(--titulo);color:#b8b593;margin-top:5px;overflow-wrap:anywhere}.item-raro{border-color:#739073}.item-epico{border-color:#9480a5}
.heroi-pedestal{min-height:306px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#475636 0%,#252b1e 65%);border:2px solid #665732;position:relative;overflow:hidden}.heroi-pedestal .sprite{width:180px;height:180px;background-size:1440px 180px;animation-name:idle-heroi;flex-shrink:0;margin-left:-13px}@keyframes idle-heroi{to{background-position:-1440px 0}}.heroi-nome{font:10px var(--titulo);color:var(--ouro);margin-top:10px}.heroi-classe{font-size:17px;color:#b4b8a0;margin-top:7px;text-align:center}.vitrine-rodape{font-size:19px;color:#d9bf89;display:flex;align-items:center;justify-content:center;gap:10px;border-top:2px solid #745b39;padding-top:14px}.vitrine-rodape img{object-fit:contain}
.companheiros{background:#263220;border-block:3px solid #445039;padding:65px 0;position:relative}.companheiros-miolo{display:grid;grid-template-columns:.85fr 1.5fr;gap:65px;align-items:center}.companheiros h2{font-size:28px}.companheiros p:not(.sobrelinha){font-size:24px;line-height:1.4;color:#c0c8b1;margin-top:20px;max-width:650px}.tropa{display:flex;align-items:end;justify-content:center;border-bottom:8px solid #71834c;padding-bottom:5px;position:relative;min-height:180px;box-shadow:0 8px #111b13}.tropa .sprite{flex-shrink:0}.tropa .sprite-goblin{transform:scaleX(-1)}.tropa .sprite-gato{margin-left:-20px}
.passos>.sobrelinha,.passos>h2{text-align:center}.passos-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:55px}.passos-grade article{position:relative;border-top:3px solid #536045;padding-top:24px}.numero-passo{font:26px var(--titulo);color:#a3b676}.passos-grade h3{font-size:14px;line-height:1.7;color:var(--papel);margin-top:18px}.passos-grade p{color:var(--suave);font-size:24px;line-height:1.4;margin-top:12px}
.perguntas{max-width:830px;margin:68px auto 0}.perguntas details{border-top:2px solid #48523a}.perguntas details:last-child{border-bottom:2px solid #48523a}.perguntas summary{padding:20px 8px;cursor:pointer;font-size:24px;color:#dddcc1;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.perguntas summary::-webkit-details-marker{display:none}.perguntas summary:after{content:"+";font:18px var(--titulo);color:var(--ouro)}.perguntas details[open] summary:after{content:"−"}.perguntas details p{color:var(--suave);font-size:23px;line-height:1.4;padding:0 30px 24px 8px}
.comunidade{position:relative;isolation:isolate;overflow:hidden;background:#223b22;border-top:4px solid #647448;padding:74px 0 90px;text-align:center}.comunidade-paisagem{position:absolute;inset:0;background:url(../assets/arte-site/panorama.webp) center 82%/cover no-repeat;image-rendering:pixelated;z-index:-2;filter:brightness(.4)}.comunidade:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1917dd,transparent 65%);z-index:-1}.bau-tesouros{width:192px;height:192px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(4px 5px #132414)}.comunidade h2{font-size:clamp(24px,3.4vw,40px)}.comunidade p:not(.sobrelinha){color:#d5ddc6;font-size:26px;margin:24px 0 28px}.comunidade .botao{min-width:330px}.social{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;color:#c4d3b6;font-size:22px;margin-top:32px}.social a:hover{color:var(--ouro)}.social>span{font-size:15px;color:var(--ouro)}
.rodape{background:#101711;padding:46px 0 22px;border-top:3px solid #38422e}.rodape-miolo{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:42px;align-items:start}.rodape .marca-letras{font-size:12px}.rodape .marca-letras b{font-size:20px}.rodape p{font-size:20px;color:#97a18a;line-height:1.4}.rodape p a{color:#d2c7a6}.rodape nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:19px;color:#c0c4aa}.rodape nav a:hover{color:var(--ouro)}.rodape nav button{padding:0;border:0;background:transparent;text-align:left;color:#93a680;font-size:19px}.rodape-final{font:8px/1.8 var(--titulo)!important;text-align:center;margin-top:38px;color:#6d795f!important;letter-spacing:1px}.rodape-final span{margin-inline:12px;color:#9c865c}
.somente-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.animacoes-pausadas *,.animacoes-pausadas *:before,.animacoes-pausadas *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(min-width:1600px){.abertura{min-height:900px}.abertura-miolo{min-height:830px}.abertura-cenario{background-position:center 48%}}
@media(max-width:1100px){.largura{width:calc(100% - 64px)}.navegacao{gap:20px}.cabecalho-miolo{width:calc(100% - 48px);gap:20px}.abertura-miolo{gap:25px;grid-template-columns:1.25fr 1fr}.celular-vitrine{width:256px}.etiqueta-celular{left:-75px;top:110px;font-size:8px}.abertura{min-height:790px}.faixa-diferenciais{gap:25px}.conceito{gap:40px}.portal{width:280px;height:280px}.conceito-arte .sprite-cavaleiro{left:0}.heroi{gap:35px;grid-template-columns:1.1fr 1fr}.equipamento-miolo{grid-template-columns:66px 1fr 66px;gap:8px}.item{padding:6px}.item img{width:40px;height:40px}.heroi-pedestal .sprite{width:120px;height:120px;background-size:960px 120px;animation-name:idle;margin-left:0}.heroi-pedestal{min-height:274px}.vitrine-titulo{font-size:8px}.companheiros-miolo{gap:30px}.passos-grade{gap:32px}}
@media(max-width:800px){.cabecalho-miolo{min-height:82px}.marca-letras{font-size:12px}.marca-letras b{font-size:20px}.marca-letras small{font-size:8px}.menu-botao{display:flex;gap:8px;align-items:center;font:10px var(--titulo);border:2px solid #766440;background:#2a2d20;padding:12px;color:var(--ouro)}.menu-botao span{font-size:20px}.navegacao{display:none;position:absolute;top:82px;left:0;right:0;background:#172017;border-bottom:3px solid #75623c;padding:24px 32px;flex-direction:column;gap:24px;align-items:stretch;text-align:center}.navegacao.aberta{display:flex}.navegacao .botao{align-self:center}.abertura-miolo{grid-template-columns:1fr 1fr;gap:30px;min-height:750px}.abertura .sobrelinha{font-size:8px;letter-spacing:.3px}h1{font-size:38px;letter-spacing:-1.8px}.abertura-descricao{font-size:22px}.celular-vitrine{width:222px}.etiqueta-celular{left:-47px;top:92px;font-size:7px;padding:8px}.abertura .botao{font-size:10px;padding:10px 12px;gap:7px}.abertura .botao img{width:24px;height:24px}.acoes{gap:20px}.abertura-chao .sprite-cavaleiro{left:65%}.abertura-chao .sprite-goblin{left:80%}.faixa-diferenciais{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;padding:24px 32px}.faixa-diferenciais span{font-size:8px}.secao{padding-block:75px}.conceito{grid-template-columns:1fr;gap:32px}.conceito-arte{min-height:310px;max-width:400px;width:100%;margin:auto}.conceito-arte .sprite-cavaleiro{left:40px}.portal-chao{bottom:5px}.conceito-arte .sprite-cavaleiro{bottom:22px}.conceito-arte .sprite-gato{bottom:17px}.legenda-arte{bottom:-20px}.conceito-texto{margin-top:25px}.secao-cabeca{grid-template-columns:1fr;gap:25px}.secao-cabeca>p{max-width:600px}.mundo-controles{grid-template-columns:1fr 1fr}.mundo-janela{height:300px}.mundo-placa{left:20px;bottom:24px}.mundo-placa h3{font-size:20px}.mundo-placa p{font-size:19px;max-width:280px}.mundo-janela .sprite-cavaleiro{right:80px;bottom:70px}.mundo-janela .sprite-goblin{right:-10px;bottom:70px}.heroi{grid-template-columns:1fr;gap:48px}.equipamento-vitrine{max-width:450px;width:100%;margin:auto}.equipamento-miolo{grid-template-columns:80px 1fr 80px;gap:14px}.item img{width:48px;height:48px}.heroi-pedestal{min-height:310px}.companheiros-miolo{grid-template-columns:1fr;gap:38px}.tropa{max-width:350px;width:100%;margin:auto}.companheiros h2{font-size:25px}.passos-grade{gap:25px}.passos-grade h3{font-size:11px}.passos-grade p{font-size:22px}.rodape-miolo{grid-template-columns:1fr 1fr}.rodape-miolo>nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 28px}.rodape-final{padding-inline:25px}}
@media(max-width:580px){.largura{width:calc(100% - 40px)}.cabecalho-miolo{width:calc(100% - 32px);min-height:76px}.marca img{width:32px;height:32px}.navegacao{top:76px}.abertura{min-height:1100px}.abertura-cenario{background-size:auto 760px;background-position:61% bottom;background-repeat:repeat-x}.abertura:before{background:linear-gradient(180deg,#152819 0%,#173320d9 32%,#10261960 75%,#162818 100%)}.abertura-miolo{display:flex;flex-direction:column;gap:16px;min-height:0;padding:48px 0 130px}.abertura-texto{text-align:center;padding-bottom:5px}.abertura .sobrelinha{justify-content:center;font-size:7px;gap:9px;margin-bottom:24px;letter-spacing:.4px}h1{font-size:37px;line-height:1.25;letter-spacing:-2px}h1 span br{display:none}.abertura-descricao{font-size:23px;line-height:1.35;margin:23px auto 25px;max-width:380px}.acoes{justify-content:center;gap:21px}.abertura .botao{font-size:11px;min-height:59px;padding:11px 13px}.trailer-link{font-size:21px}.nota-download{font-size:17px;margin-top:18px}.celular-vitrine{width:224px;margin-top:24px;transform:rotate(2deg)}.etiqueta-celular{left:-67px;top:110px;font-size:7px;padding:10px}.celular-vitrine figcaption{font-size:17px;margin-top:20px}.abertura-chao{height:125px;background-size:auto 125px}.abertura-chao .sprite{display:none}.descer{font-size:7px;bottom:17px;white-space:nowrap}.faixa-diferenciais{gap:18px 15px;padding:23px 20px}.faixa-diferenciais span{font-size:7px;gap:8px;letter-spacing:0}.faixa-diferenciais img{width:24px;height:24px}.sobrelinha{font-size:8px;letter-spacing:.7px;margin-bottom:18px}h2{font-size:24px;letter-spacing:-1px}.secao{padding-block:62px}.conceito{gap:25px}.portal{width:256px;height:256px}.conceito-arte{min-height:280px}.conceito-arte .sprite-cavaleiro{left:10px;bottom:20px}.conceito-arte .sprite-gato{right:10px;bottom:15px}.portal-chao{width:240px;height:30px;bottom:10px}.legenda-arte{font-size:7px;bottom:-15px}.conceito-texto p:not(.sobrelinha){font-size:23px}.link-pixel{font-size:20px}.secao-cabeca{gap:22px;margin-bottom:30px}.secao-cabeca>p{font-size:23px}.mundo-janela{height:280px}.mundo-janela>img{object-position:50% bottom}.mundo-placa{left:16px;bottom:20px}.mundo-placa h3{font-size:16px}.mundo-placa p{font-size:20px;max-width:255px}.mundo-janela .sprite{bottom:73px}.mundo-janela .sprite-cavaleiro{right:65px}.mundo-janela .sprite-goblin{right:-22px}.mundo-controles button{font-size:19px;padding:12px 5px}.mundo-controles button span{font-size:8px}.atlas{padding:6px;box-shadow:0 0 0 3px #080d09,0 0 0 5px #5a4b2e,5px 5px #080d09}.nota-atlas{font-size:17px;margin-top:22px;line-height:1.4}.heroi-texto>p:not(.sobrelinha){font-size:23px}.lista-recursos h3{font-size:10px}.lista-recursos p{font-size:21px}.lista-recursos li{gap:16px}.equipamento-vitrine{padding:20px 12px 15px}.equipamento-miolo{grid-template-columns:65px 1fr 65px;gap:10px}.item img{width:40px;height:40px}.item{padding:7px 4px}.item figcaption{font-size:5px}.heroi-pedestal{min-height:290px}.heroi-nome{font-size:8px}.heroi-classe{font-size:15px;max-width:100px}.vitrine-titulo{font-size:7px}.vitrine-rodape{font-size:17px;gap:8px}.companheiros{padding-block:45px}.companheiros h2{font-size:21px}.companheiros p:not(.sobrelinha){font-size:23px}.tropa{max-width:300px}.passos-grade{grid-template-columns:1fr;gap:30px;margin-top:35px}.passos-grade article{padding-top:20px;display:grid;grid-template-columns:50px 1fr;gap:6px 15px}.numero-passo{grid-row:1/3;font-size:24px;padding-top:7px}.passos-grade h3{font-size:12px;margin:0;line-height:1.6}.passos-grade p{font-size:23px;margin:0}.perguntas{margin-top:45px}.perguntas summary{font-size:23px;padding-block:19px}.perguntas details p{font-size:22px;padding-right:10px}.comunidade{padding:52px 0 64px}.bau-tesouros{width:144px;height:144px;margin-bottom:25px}.comunidade h2{font-size:23px}.comunidade p:not(.sobrelinha){font-size:24px;line-height:1.3}.comunidade .botao{min-width:0;width:100%;max-width:350px;font-size:11px;padding:12px 15px}.social{font-size:20px;gap:13px;flex-direction:column;margin-top:25px}.social>span{display:none}.rodape{padding-top:33px}.rodape-miolo{grid-template-columns:1fr;gap:25px}.rodape-miolo>p{font-size:20px}.rodape nav{font-size:20px}.rodape-final{font-size:6px!important;margin-top:30px}.rodape-final span{margin-inline:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sprite{background-position:0 0}}
/* Sem script, a navegação continua visível e controles opcionais ficam ocultos. */
html:not(.interacoes-prontas) #pausar-animacoes,html:not(.interacoes-prontas) .mundo-controles{display:none}
@media(max-width:800px){html:not(.interacoes-prontas) .menu-botao{display:none}html:not(.interacoes-prontas) .cabecalho-miolo{flex-wrap:wrap;padding-block:16px}html:not(.interacoes-prontas) .navegacao{display:flex;position:static;flex-flow:row wrap;justify-content:center;width:100%;padding:10px 0;border:0;gap:14px 24px}}

/* Origem: aventura-v3.css */
/* Segunda jornada: cenário contínuo, molduras e respostas em pixels. */
:root{--fundo:#131d17;--papel:#f5e8cb;--ouro:#edc979;--suave:#c0c6b3;--linha:#677044;--bronze:#9d7947}
html{scroll-padding-top:108px}
body{background:radial-gradient(ellipse at 18% 35%,#26392555,transparent 42%),var(--fundo)}
.largura,.cabecalho-miolo{width:min(1248px,calc(100% - 80px))}
.secao{padding-block:88px}
h2{font-size:clamp(25px,3vw,38px);line-height:1.4;letter-spacing:-1.2px;text-wrap:balance}
.sobrelinha{font-size:10px;letter-spacing:1.3px;margin-bottom:18px}
.cabecalho{position:sticky;top:0;background:#121c16;border-bottom:2px solid #655634;box-shadow:0 3px #080e0bb0}
.cabecalho-miolo{min-height:82px;gap:24px}
.marca-letras{font-size:13px}.marca-letras b{font-size:23px}.marca-letras small{font-size:8px}
.navegacao{order:2;margin-left:auto;gap:26px;font-size:22px}
.navegacao>a:not(.botao){padding-block:10px}
.navegacao>a:not(.botao):after{content:"";position:absolute;bottom:2px;height:3px;left:50%;right:50%;background:var(--ouro);transition:left .18s,right .18s}
.navegacao>a[aria-current="location"]{color:var(--ouro)}
.navegacao>a[aria-current="location"]:after,.navegacao>a:hover:after{left:0;right:0}
.cabecalho-acoes{display:flex;align-items:center;gap:10px;order:3}
.movimento-botao{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#273423;border:2px solid #718050;color:#d9cc97;box-shadow:2px 3px #07100b;font:17px var(--titulo);transition:background .15s,transform .15s}
.movimento-botao:hover{background:#3f5030;transform:translateY(-2px)}
.movimento-botao[aria-pressed=true]{background:#483d29;border-color:#c3a76e;color:#f2d493}
.movimento-botao:disabled{cursor:default}
.botao{position:relative;isolation:isolate;overflow:hidden;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 5px #08110a,0 8px 0 #21362060}
.botao:before{content:"";position:absolute;z-index:-1;inset:-60% auto -60% -50%;width:28%;background:#fff7bd26;transform:skewX(-20deg);pointer-events:none}
.botao:hover:before,.botao:focus-visible:before{animation:brilho-botao .55s ease-out}
.botao:hover{filter:brightness(1.13);box-shadow:0 7px #08110a,0 10px 0 #455c3060}
.botao:active{transform:translateY(3px);box-shadow:0 2px #08110a}
.botao img{transition:transform .2s}.botao:hover img{transform:translate(2px,-2px) rotate(-10deg)}
@keyframes brilho-botao{to{left:135%}}
.botao-pequeno{font-size:10px;min-height:46px;padding:8px 13px}

/* A abertura compartilha o chão com o restante da jornada. */
.abertura{min-height:0;background:#263d30}
.abertura-miolo{min-height:744px;padding-top:42px;padding-bottom:145px;grid-template-columns:1.2fr 1fr;gap:72px}
.abertura-texto{padding-bottom:0}
.abertura-cenario{background-position:center 54%}
.abertura:before{background:linear-gradient(90deg,#0d211be8 0%,#10241bab 40%,#152e1522 72%),linear-gradient(0deg,#1c3523 0%,transparent 30%,#10281a22 100%)}
.abertura .sobrelinha{display:inline-flex;padding:8px 11px;border:1px solid #91aa6655;background:#15281dc9;font-size:9px;letter-spacing:1px;margin-bottom:24px}
.ponto-vivo{width:6px;height:6px;box-shadow:0 0 0 3px #78964c55}
h1{font-size:clamp(40px,4.5vw,62px);line-height:1.24;letter-spacing:-2px;text-shadow:4px 4px #101e15}
h1 span{color:#f8ce7e}
.abertura-descricao{font-size:26px;line-height:1.4;max-width:535px;margin:26px 0 28px;color:#e4e8d5}
.abertura-descricao strong{display:block;margin-top:8px;color:#ffedc8}
.acoes{gap:22px}.trailer-link{font-size:22px}.play-pixel{transition:background .2s,transform .2s;background:#182b23a6}
.trailer-link:hover .play-pixel{transform:scale(1.08);background:#405735}
.nota-download{color:#c0d0b2;font-size:19px;margin-top:20px}
.celular-vitrine{width:280px;transform:none;margin-top:12px;animation:flutuar-celular 6s ease-in-out infinite}
.celular-vitrine:before{content:"";position:absolute;inset:24px -80px -20px;background:radial-gradient(ellipse,#ffd88838,transparent 68%);z-index:-1;pointer-events:none}
.celular{padding:9px 8px 7px;border-color:#b1b89b;box-shadow:4px 0 #526655,-4px 0 #526655,0 -4px #526655,0 4px #526655,10px 12px #0b211a,18px 21px #10271c70}
.celular-vitrine figcaption{position:relative;font:9px/1.8 var(--titulo);color:#f2d796;background:#1b2c20;border:2px solid #a5864e;padding:12px 8px;margin:20px -16px 0;transform:none;box-shadow:4px 4px #081b12;text-shadow:2px 2px #172015}
.celular-vitrine figcaption:before,.celular-vitrine figcaption:after{content:"";position:absolute;width:5px;height:5px;top:8px;background:#eac582;box-shadow:0 2px #715630}
.celular-vitrine figcaption:before{left:7px}.celular-vitrine figcaption:after{right:7px}
.reliquia{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;background:#1a291fef;border:2px solid #8c744a;box-shadow:4px 4px #0b1b12;color:#eed7a0;font-size:18px;white-space:nowrap;animation:flutuar-reliquia 4s ease-in-out infinite;pointer-events:none}
.reliquia img{width:34px;height:34px;object-fit:contain}
.reliquia-espada{top:66px;right:-120px;animation-delay:-1s}
.reliquia-tesouro{bottom:127px;left:-122px;animation-delay:-3s}
@keyframes flutuar-celular{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes flutuar-reliquia{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.abertura-chao{height:200px;background-image:url(jogo/glasslands2-paisagem.webp);background-size:auto 250px;background-position:center bottom;filter:none;mask-image:linear-gradient(transparent,#000 48%)}
.abertura-chao .sprite{bottom:14px}.abertura-chao .sprite-cavaleiro{left:74%}.abertura-chao .sprite-goblin{left:83%}.abertura-chao .sprite-gato{left:69%;bottom:18px}
.folhagem-canto{position:absolute;width:256px;height:256px;background:url(../assets/arte-site/rodada2/canto-floresta.png) center/contain no-repeat;image-rendering:pixelated;pointer-events:none;z-index:3;bottom:-65px;opacity:.85}
.canto-esquerdo{left:-65px;transform:rotate(180deg) scaleX(-1)}.canto-direito{right:-65px;transform:rotate(180deg)}
.descer{bottom:20px;font-size:8px;padding:8px 16px;background:#12291dad;border:1px solid #79975566;z-index:4;white-space:nowrap}
.descer span{font-size:18px;animation:seta-descer 1.7s steps(4) infinite}
@keyframes seta-descer{50%{transform:translateY(4px)}}
.vaga-lumes{z-index:1}.vaga-lumes i{box-shadow:0 0 0 2px #ffd37820,0 0 14px #ffdf8555}
.faixa-diferenciais{min-height:82px;padding-block:20px;gap:45px;background:#223521;border-top:3px solid #9aab64;border-bottom:3px solid #071a10;box-shadow:inset 0 2px #476b3b,0 4px #35452a}
.faixa-diferenciais span{font-size:9px;color:#e0e2bf;letter-spacing:.6px}

/* Um pequeno diorama, com chão real e luz contida atrás do portal. */
.conceito{grid-template-columns:1fr 1.16fr;gap:74px;padding-top:92px;padding-bottom:108px;position:relative}
.conceito-arte{min-height:410px;max-width:500px;width:100%;margin:auto}
.portal{width:384px;height:384px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px #07190e)}
.portal-aura{position:absolute;width:290px;height:320px;top:24px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#47d99b27,transparent 68%);animation:respirar-portal 4s ease-in-out infinite;z-index:-1}
@keyframes respirar-portal{50%{opacity:.35;transform:translateX(-50%) scale(.93)}}
.portal-chao{width:95%;height:80px;bottom:21px;background:url(jogo/glasslands2-paisagem.webp) center bottom/auto 320px;box-shadow:none;z-index:0;clip-path:polygon(8% 0,92% 0,92% 12%,100% 12%,100% 68%,94% 68%,94% 86%,80% 86%,80% 100%,20% 100%,20% 86%,6% 86%,6% 68%,0 68%,0 12%,8% 12%);image-rendering:pixelated}
.conceito-arte .sprite-cavaleiro{left:18px;bottom:47px;z-index:2}
.conceito-arte .sprite-gato{right:22px;bottom:45px}
.legenda-arte{bottom:-14px;color:#b5bb91;font-size:8px;letter-spacing:1px}
.conceito-texto p:not(.sobrelinha){font-size:25px;line-height:1.4;margin-top:20px}
.ritmo-aventura{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:23px;color:#dfd8ae;font-size:22px}
.ritmo-aventura span{display:flex;gap:7px;align-items:center}.ritmo-aventura img{object-fit:contain}.ritmo-aventura i{font-style:normal;color:#637b4b}
.link-pixel{margin-top:23px;transition:color .15s,gap .15s}.link-pixel:hover{gap:19px}

/* Atlas: paisagem, legenda e seleção ocupam áreas próprias. */
.mundos{position:relative;background:radial-gradient(ellipse at 50% 38%,#29492f55,transparent 70%),#101b14;border-block:1px solid #465835;padding-top:100px;padding-bottom:84px}
.divisor-floresta{position:absolute;height:96px;top:-48px;left:0;width:100%;background:url(../assets/arte-site/rodada2/guirlanda-floresta.png) center/384px 96px no-repeat;image-rendering:pixelated;z-index:2;pointer-events:none;display:flex;justify-content:center;align-items:center}
.divisor-floresta span{display:grid;place-items:center;width:36px;height:36px;margin-top:2px;color:#e6c77d;font:21px var(--titulo);text-shadow:2px 2px #132015;background:#23351c;border:2px solid #826b3c;box-shadow:3px 3px #0b190e}
.secao-cabeca{gap:64px;margin-bottom:36px;grid-template-columns:1.2fr 1fr}.secao-cabeca>p{font-size:25px}
.atlas{padding:9px;background:#947344;box-shadow:0 0 0 3px #0b160d,0 0 0 6px #6c5936,8px 9px #07110b;position:relative}
.atlas:before,.atlas:after{content:"";position:absolute;top:-11px;width:19px;height:19px;background:#c3a062;border:3px solid #3b3822;box-shadow:2px 2px #0b160d;z-index:2}
.atlas:before{left:-10px}.atlas:after{right:-10px}
.atlas-cabecalho{display:flex;justify-content:space-between;gap:20px;padding:12px 18px 16px;color:#efd8a5;font:9px/1.7 var(--titulo);background:#282b1d;border:3px solid #263522;border-bottom:0}
.atlas-cabecalho>span+span{color:#acb58c;font-size:8px}.atlas-cabecalho i{font-style:normal;color:var(--ouro)}
.mundo-janela{height:auto;overflow:visible;background:#1a2a1d;border:3px solid #263522}
.mundo-janela:after{display:none}
.mundo-paisagem{position:relative;overflow:hidden;aspect-ratio:24/7;background:#5d7754;isolation:isolate}
.mundo-paisagem>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.mundo-paisagem:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #18271d40;z-index:3}
.mundo-janela .sprite{bottom:12px}.mundo-janela .sprite-cavaleiro{right:158px}.mundo-janela .sprite-goblin{right:55px}
.mundo-placa{position:relative;left:auto;bottom:auto;padding:21px 25px 23px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;background:linear-gradient(90deg,#263925,#1b2a1c);border-top:3px solid #68794a;text-shadow:2px 2px #152016}
.mundo-placa>span{grid-row:1/3;border:1px solid #677547;background:#142219;padding:15px 12px;font-size:11px;white-space:nowrap}
.mundo-placa h3{font-size:22px;margin:0}.mundo-placa p{font-size:23px;max-width:none;color:#becbad}
.mundo-controles{gap:6px;padding-top:9px}
.mundo-controles button{position:relative;text-align:left;isolation:isolate;overflow:hidden;min-height:100px;padding:16px 14px 15px 92px;font-size:22px;line-height:1.1;background:#252e21;border:2px solid #34402b;box-shadow:inset 0 2px #79724c;transition:background .18s,transform .18s,box-shadow .18s;color:#ccd0b8}
.mundo-controles button .bioma-numero{font-size:9px;margin-bottom:6px;color:#b4a477}
.mundo-controles .miniatura-mundo{position:absolute;left:10px;top:14px;width:70px;height:66px;margin:0;background-position:center bottom;background-size:auto 74px;border:2px solid #8c8153;image-rendering:pixelated;filter:saturate(.65);transition:filter .2s}
[data-mundo="glasslands2"] .miniatura-mundo{background-image:url(jogo/glasslands2-paisagem.webp)}
[data-mundo="deepforest"] .miniatura-mundo{background-image:url(jogo/deepforest-paisagem.webp)}
[data-mundo="deepswamp"] .miniatura-mundo{background-image:url(jogo/deepswamp-paisagem.webp)}
[data-mundo="graveyard"] .miniatura-mundo{background-image:url(jogo/graveyard-paisagem.webp)}
.mundo-controles button[aria-pressed=true]{background:#456034;box-shadow:inset 0 3px #c2d981,inset 0 -3px #294b27;border-color:#718b4a;color:#fff4cd}
.mundo-controles button[aria-pressed=true] .miniatura-mundo{filter:saturate(1.1);border-color:#d8cd83}
.mundo-controles button:hover{background:#394d2d;transform:translateY(-2px)}
.mundo-controles button[aria-busy=true]{border-color:#e6cf8a}
.mundo-controles button:focus-visible{z-index:3;outline-offset:3px}
.mundo-chegando .mundo-paisagem>img{animation:chegada-mundo .5s ease-out}
.mundo-chegando .mundo-placa{animation:chegada-placa .35s ease-out}
@keyframes chegada-mundo{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes chegada-placa{from{opacity:.5}to{opacity:1}}
.poeira-mundo{position:absolute;width:3px;height:3px;left:20%;bottom:22%;background:#f7dfa660;box-shadow:140px -65px #e6ffb660,270px -25px #e6ffb655,390px -98px #e6ffb670,600px -35px #f4e09377,810px -120px #e6ffb644;animation:poeira 7s ease-in-out infinite;pointer-events:none}
@keyframes poeira{50%{transform:translate(8px,-8px);opacity:.35}}
.nota-atlas{color:#b2bf9c;font-size:19px;margin-top:26px}
.mundo-erro{margin:10px 0 0;padding:12px 16px;background:#312b1d;color:#ffe2a6;font-size:21px}.mundo-erro[hidden]{display:none}

/* Equipamentos de verdade, com leitura de inventário e luz de raridade. */
.heroi{grid-template-columns:1.1fr 1fr;gap:80px;padding-block:96px}
.heroi-texto>p:not(.sobrelinha){font-size:25px}.lista-recursos{gap:25px;margin-top:28px}
.lista-recursos li{gap:18px}.lista-recursos li>img{width:42px;height:42px;background:#273923;border:2px solid #5c6b3d;padding:6px;box-shadow:3px 3px #0a140d;margin-top:1px}
.lista-recursos h3{font-size:12px;line-height:1.6}.lista-recursos p{font-size:23px;line-height:1.3}
.equipamento-vitrine{padding:26px 22px 18px;background:repeating-linear-gradient(0deg,#30271d 0,#30271d 28px,#2d251b 28px,#2d251b 30px);border:6px solid #9a784c;box-shadow:inset 0 0 0 3px #161e14,0 0 0 3px #0b170d,0 0 0 6px #584b30,9px 10px #07120c}
.vitrine-titulo{font-size:10px;padding-bottom:18px;letter-spacing:.3px}
.equipamento-miolo{grid-template-columns:86px minmax(0,1fr) 86px;gap:15px;margin:24px 0}
.coluna-itens{gap:14px}.item{position:relative;padding:10px 4px 8px;background:linear-gradient(145deg,#2f3826,#142217);border-color:#8c784e;box-shadow:inset 0 0 0 2px #111e12,3px 3px #122014;isolation:isolate;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.item img{width:48px;height:48px;position:relative;transition:transform .2s;z-index:1}
.item figcaption{font:18px/1.1 var(--texto);color:#d6d8ba;margin-top:6px;overflow-wrap:normal}
.item:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#e6c57733,transparent 65%);opacity:0;transition:opacity .2s}
.item:after{content:"";position:absolute;width:3px;height:3px;background:#f6d694;top:12px;left:9px;box-shadow:53px 37px #f6d694,12px 49px #e1c377;opacity:0}
.item:hover{transform:translateY(-4px);border-color:#dac88a;box-shadow:inset 0 0 0 2px #111e12,3px 7px #0b150c}
.item:hover img{transform:translateY(-2px)}.item:hover:before{opacity:1}.item:hover:after{animation:fagulha-item .7s steps(3) both}
@keyframes fagulha-item{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
.item-raro{border-color:#779872;background:linear-gradient(145deg,#304a31,#18291d)}
.item-epico{border-color:#a084b3;background:linear-gradient(145deg,#453c54,#251f32)}
.heroi-pedestal{min-height:332px;background:radial-gradient(ellipse at 50% 54%,#60744355,transparent 62%),linear-gradient(#202e20,#132117);border:2px solid #6d6540;overflow:hidden}
.heroi-pedestal .sprite{position:relative;z-index:1;width:180px;height:180px;background-size:1440px 180px;animation-name:idle-heroi;margin-left:-8px}
.heroi-pedestal .sprite:before{content:"";position:absolute;top:74%;left:12%;right:12%;height:10%;background:#647b44;box-shadow:0 4px #344e2c;z-index:-1;clip-path:polygon(10% 0,90% 0,90% 20%,100% 20%,100% 80%,90% 80%,90% 100%,10% 100%,10% 80%,0 80%,0 20%,10% 20%)}
.heroi-nome{position:relative;font-size:10px;margin-top:14px;z-index:1}.heroi-classe{position:relative;font-size:18px;padding:0 8px;z-index:1;max-width:none}
.vitrine-rodape{font-size:20px;padding-top:16px}

/* A tropa ocupa uma cena, em vez de uma linha solta. */
.companheiros{padding:64px 0;background:linear-gradient(90deg,#1b3020,#283c23,#1a3020);border-block:2px solid #52673e;box-shadow:inset 0 4px #0a1c11,inset 0 -4px #0a1c11}
.companheiros-miolo{grid-template-columns:1fr 1.5fr;gap:72px}.companheiros h2{font-size:29px}.companheiros p:not(.sobrelinha){font-size:25px}
.tropa{min-height:226px;align-items:end;padding-bottom:14px;border:3px solid #677a44;box-shadow:inset 0 0 0 3px #23341e,5px 6px #0b1a10;background:linear-gradient(#18362244,#14301a11),url(jogo/deepforest-paisagem.webp) center bottom/auto 240px;image-rendering:pixelated;overflow:hidden}
.tropa .sprite{position:relative;z-index:1}.tropa .sprite-gato{margin-bottom:9px}

/* Rota de entrada e perguntas em uma mesma linguagem de painéis. */
.passos{padding-block:92px 85px}
.passos-grade{gap:24px;margin-top:44px;position:relative}
.passos-grade:before{content:"";position:absolute;left:10%;right:10%;top:44px;height:3px;background:#71864b;z-index:-1}
.passos-grade article{padding:26px 25px 27px;border:2px solid #596b3c;background:linear-gradient(145deg,#283823,#1a291c);box-shadow:inset 0 3px #83945c,4px 5px #09160e;transition:transform .2s,border-color .2s}
.passos-grade article:hover{transform:translateY(-4px);border-color:#b3bc74}
.numero-passo{font-size:25px;color:#e1c782;display:inline-block;background:#142219;border:2px solid #8b8250;padding:9px 11px;box-shadow:3px 3px #0b180e}
.passo-icone{float:right;width:44px;height:44px;object-fit:contain;margin-top:7px}
.passos-grade h3{font-size:13px;line-height:1.7;margin-top:23px}.passos-grade p{font-size:24px;line-height:1.35;margin-top:12px}
.perguntas{margin-top:54px;max-width:900px;display:grid;gap:9px}
.perguntas details,.perguntas details:last-child{border:1px solid #50623c;background:#1b2a1d;box-shadow:2px 2px #0b160d}
.perguntas summary{padding:19px 24px;font-size:25px;transition:background .15s,color .15s}
.perguntas summary:hover,.perguntas details[open] summary{background:#273d27;color:#ffe5aa}
.perguntas summary:after{font-size:16px}.perguntas details p{padding:0 25px 24px;font-size:24px;line-height:1.4;background:#273d27}

/* O tesouro fecha a mesma aventura aberta no topo. */
.comunidade{overflow:visible;padding:55px 0 88px;border-top:1px solid #778e4b;background:#203b24}
.comunidade-paisagem{background-position:center 68%;filter:brightness(.48);overflow:hidden}
.comunidade:after{background:linear-gradient(0deg,#10251fe6,#14371e55 52%,#182c1dd9);pointer-events:none}
.comunidade-miolo{position:relative}
.tesouro-cena{position:relative;width:280px;height:204px;margin:0 auto 18px;isolation:isolate}
.tesouro-cena:after{content:"";position:absolute;z-index:-1;height:50px;bottom:13px;left:10px;right:10px;background:url(jogo/glasslands2-paisagem.webp) center bottom/auto 240px;image-rendering:pixelated;clip-path:polygon(5% 0,95% 0,95% 15%,100% 15%,100% 75%,90% 75%,90% 100%,10% 100%,10% 75%,0 75%,0 15%,5% 15%)}
.bau-tesouros{position:absolute;width:192px;height:192px;bottom:8px;left:33px;margin:0;filter:drop-shadow(5px 7px #122919);transition:transform .25s}
.tesouro-cena .sprite-gato{position:absolute;right:0;bottom:20px}
.tesouro-brilho{position:absolute;inset:0;background:radial-gradient(ellipse,#f8d87526,transparent 65%);z-index:-1;animation:respirar-tesouro 4s ease-in-out infinite}
.tesouro-brilho:after{content:"";position:absolute;width:4px;height:4px;background:#e8d086;left:32%;top:24%;box-shadow:101px 24px #f9e5a8,-26px 44px #d9be76,125px 66px #e7da8d;animation:poeira 3s ease-in-out infinite}
@keyframes respirar-tesouro{50%{opacity:.4;transform:scale(.93)}}
.comunidade-miolo:has(.botao:hover) .bau-tesouros,.comunidade-miolo:has(.botao:focus-visible) .bau-tesouros{transform:translateY(-7px) rotate(-3deg)}
.comunidade h2{font-size:clamp(25px,3.2vw,41px);text-shadow:3px 3px #12251b}.comunidade p:not(.sobrelinha){font-size:26px}
.comunidade .botao{min-width:360px;font-size:13px}
.social{font-size:23px;gap:23px}.social a{border-bottom:1px solid #89956866;padding-bottom:5px}
.rodape{padding-top:40px;border-top:3px solid #506a3e}.rodape-miolo{grid-template-columns:.8fr 1.2fr 1fr;gap:50px}
.rodape-final{color:#a5af93!important;font-size:8px!important}

/* O movimento só existe onde há algo visível e permanece opcional. */
.fora-da-tela *,.fora-da-tela *:before,.fora-da-tela *:after,.aba-inativa *,.aba-inativa *:before,.aba-inativa *:after{animation-play-state:paused!important}
.entrou .conceito-arte,.entrou .atlas,.entrou .equipamento-vitrine,.entrou .tropa,.entrou .passos-grade{animation:entrada-cena .65s ease-out both}
@keyframes entrada-cena{from{opacity:.75;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
html.animacoes-pausadas{scroll-behavior:auto!important}
.animacoes-pausadas *,.animacoes-pausadas *:before,.animacoes-pausadas *:after{transition:none!important;animation-play-state:paused!important}
.animacoes-pausadas .entrou .conceito-arte,.animacoes-pausadas .entrou .atlas,.animacoes-pausadas .entrou .equipamento-vitrine,.animacoes-pausadas .entrou .tropa,.animacoes-pausadas .entrou .passos-grade{animation:none!important}

@media(min-width:1600px){.abertura{min-height:0}.abertura-miolo{min-height:790px;padding-bottom:165px}.abertura-cenario{background-position:center 54%}}
@media(max-width:1180px){
  .navegacao{gap:18px}.cabecalho-miolo{gap:18px}.navegacao .botao{font-size:9px}
  .abertura-miolo{gap:42px;min-height:720px;grid-template-columns:1.2fr 1fr}.celular-vitrine{width:252px}
  .reliquia-espada{right:-60px}.reliquia-tesouro{left:-60px}.reliquia{font-size:16px;padding:8px}.reliquia img{width:28px;height:28px}
  .conceito{gap:44px;grid-template-columns:1fr 1.2fr}.portal{width:320px;height:320px}.conceito-arte{min-height:360px}
  .conceito-arte .sprite-cavaleiro{left:0;bottom:41px}.conceito-arte .sprite-gato{right:0;bottom:37px}.portal-chao{bottom:21px;height:62px}
  .mundo-controles button{padding-left:73px;font-size:21px}.mundo-controles .miniatura-mundo{width:53px}
  .heroi{gap:45px}.equipamento-miolo{grid-template-columns:73px minmax(0,1fr) 73px;gap:10px}.equipamento-vitrine{padding-inline:15px}.vitrine-titulo{font-size:9px}
  .heroi-pedestal .sprite{width:120px;height:120px;background-size:960px 120px;animation-name:idle;margin-left:0}
  .heroi-nome{font-size:9px}.heroi-classe{font-size:17px}.heroi-pedestal{min-height:328px}
  .companheiros-miolo{gap:40px}.companheiros h2{font-size:26px}.faixa-diferenciais{gap:25px}.faixa-diferenciais span{font-size:8px}
}
@media(max-width:980px){
  .largura,.cabecalho-miolo{width:calc(100% - 56px)}
  .cabecalho-miolo{min-height:76px}.cabecalho-acoes{margin-left:auto}.navegacao{margin-left:0;display:none;position:absolute;top:76px;left:0;right:0;background:#16251bf7;border-bottom:3px solid #9a8050;padding:24px 28px;flex-direction:column;gap:18px;align-items:stretch;text-align:center}
  .navegacao.aberta{display:flex}.navegacao .botao{align-self:center;font-size:11px}.navegacao>a:not(.botao):after{display:none}
  .menu-botao{display:flex;gap:9px;align-items:center;font:10px var(--titulo);border:2px solid #8d7748;background:#283922;padding:10px;color:var(--ouro);height:40px;box-shadow:2px 3px #07100b}.menu-botao span{font-size:20px}
  .abertura-miolo{gap:42px}.abertura .sobrelinha{font-size:8px;letter-spacing:.4px}h1{font-size:43px}.abertura-descricao{font-size:24px}.abertura .botao{font-size:10px;padding:11px 13px;min-height:60px}
  .celular-vitrine{width:238px}.reliquia{display:none}.celular-vitrine figcaption{font-size:8px;margin-inline:-8px}
  .secao{padding-block:74px}.conceito{gap:35px;grid-template-columns:1fr 1.15fr}.conceito-arte{min-height:310px}.portal{width:288px;height:288px}.portal-chao{bottom:8px}.conceito-arte .sprite-cavaleiro{left:-15px;bottom:19px}.conceito-arte .sprite-gato{right:-5px;bottom:18px}.legenda-arte{font-size:7px;bottom:-25px}
  .conceito-texto p:not(.sobrelinha),.heroi-texto>p:not(.sobrelinha),.secao-cabeca>p{font-size:24px}.ritmo-aventura{font-size:20px;gap:9px}.ritmo-aventura img{width:20px;height:20px}
  .secao-cabeca{gap:35px}.mundo-controles{grid-template-columns:repeat(4,1fr)}.mundo-controles button{padding:76px 8px 13px;text-align:center;min-height:130px;font-size:21px}.mundo-controles .miniatura-mundo{top:10px;left:calc(50% - 35px);height:55px;width:70px}
  .heroi{grid-template-columns:1fr;gap:44px}.heroi-texto{max-width:650px}.equipamento-vitrine{max-width:570px;width:100%;margin:auto;padding-inline:25px}.equipamento-miolo{grid-template-columns:90px 1fr 90px;gap:24px}.heroi-pedestal .sprite{width:180px;height:180px;background-size:1440px 180px;animation-name:idle-heroi}
  .heroi-pedestal{min-height:330px}.heroi-nome{font-size:11px}.heroi-classe{font-size:19px}.item img{width:48px;height:48px}.vitrine-titulo{font-size:10px}
  .companheiros-miolo{grid-template-columns:1fr 1.4fr;gap:35px}.tropa{min-height:218px}.tropa .sprite{margin-inline:-8px}.tropa .sprite-gato{margin-left:-16px}.companheiros h2{font-size:23px}.companheiros p:not(.sobrelinha){font-size:24px}
  .passos-grade{gap:18px}.passos-grade article{padding:22px 19px}.passos-grade h3{font-size:12px}.passos-grade p{font-size:23px}.rodape-miolo{gap:30px}
  html:not(.interacoes-prontas) .menu-botao{display:none}html:not(.interacoes-prontas) .cabecalho-miolo{flex-wrap:wrap;padding-block:14px}html:not(.interacoes-prontas) .navegacao{display:flex;position:static;flex-flow:row wrap;justify-content:center;width:100%;padding:10px 0;border:0;gap:14px 24px}
}
@media(max-width:760px){
  .abertura-miolo{display:flex;flex-direction:column;gap:32px;min-height:0;padding-top:44px;padding-bottom:134px}
  .abertura-texto{text-align:center;max-width:570px}.abertura .sobrelinha{justify-content:center;font-size:8px;margin-bottom:23px}
  h1{font-size:clamp(38px,7vw,52px);line-height:1.27}h1 span br{display:none}
  .abertura-descricao{max-width:460px;margin-inline:auto;font-size:25px}.acoes{justify-content:center}.nota-download{font-size:19px}
  .abertura-cenario{background-size:auto 100%;background-position:65% bottom;background-repeat:no-repeat}
  .abertura:before{background:linear-gradient(180deg,#11291ef5 0%,#14351fc9 33%,#14301e22 70%,#1a3322 100%)}
  .celular-vitrine{width:240px;margin:6px 0 0}.celular-vitrine figcaption{font-size:9px}.reliquia{display:flex}.reliquia-espada{right:-76px;top:70px}.reliquia-tesouro{left:-76px;bottom:113px}.reliquia span{display:none}.reliquia img{width:40px;height:40px}.reliquia{padding:12px}
  .abertura-chao{height:176px;background-size:auto 220px}.abertura-chao .sprite{display:none}.folhagem-canto{width:192px;height:192px;bottom:-58px}.canto-esquerdo{left:-66px}.canto-direito{right:-66px}.descer{bottom:17px;font-size:7px}
  .faixa-diferenciais{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px;padding:23px 28px}.faixa-diferenciais span{justify-content:center;font-size:8px;gap:10px}
  .conceito{grid-template-columns:1fr;gap:38px;padding-top:58px;padding-bottom:88px}.conceito-arte{max-width:430px;min-height:350px}.portal{width:320px;height:320px}.conceito-arte .sprite-cavaleiro{left:28px;bottom:39px}.conceito-arte .sprite-gato{right:27px;bottom:36px}.portal-chao{bottom:20px;height:65px}.legenda-arte{bottom:-8px;font-size:8px}.conceito-texto{margin:0}.conceito-texto p:not(.sobrelinha){font-size:24px}.ritmo-aventura{font-size:22px;gap:14px}.ritmo-aventura img{width:24px;height:24px}
  .secao-cabeca{grid-template-columns:1fr;gap:20px}.mundos{padding-top:80px}.secao-cabeca>p{max-width:570px}.mundo-paisagem{aspect-ratio:2.4}.mundo-janela .sprite{bottom:7px}.mundo-janela .sprite-cavaleiro{right:115px}.mundo-janela .sprite-goblin{right:20px}
  .mundo-placa{padding:18px;gap:6px 14px}.mundo-placa h3{font-size:19px}.mundo-placa p{font-size:22px}.mundo-placa>span{font-size:9px;padding:13px 9px}
  .mundo-controles{grid-template-columns:1fr 1fr;gap:6px}.mundo-controles button{padding:16px 10px 16px 86px;min-height:90px;text-align:left;font-size:22px}.mundo-controles .miniatura-mundo{left:10px;top:12px;width:65px;height:62px}.atlas-cabecalho{font-size:8px;padding-inline:13px}.atlas-cabecalho>span+span{font-size:7px}.nota-atlas{font-size:19px}
  .companheiros-miolo{grid-template-columns:1fr;gap:32px}.tropa{max-width:390px;width:100%;margin:auto;min-height:220px}.tropa .sprite{margin-inline:0}.companheiros h2{font-size:27px}.companheiros{padding-block:48px}
  .passos-grade{grid-template-columns:1fr;gap:19px;margin-top:32px}.passos-grade:before{display:none}.passos-grade article{display:grid;grid-template-columns:52px 1fr 40px;gap:8px 20px;padding:23px}.numero-passo{grid-column:1;grid-row:1/3;padding:9px 6px;font-size:21px;align-self:start;text-align:center}.passo-icone{float:none;grid-column:3;grid-row:1;width:34px;height:34px;margin:0;align-self:center}.passos-grade h3{grid-column:2;grid-row:1;margin:0;font-size:12px;align-self:center}.passos-grade p{grid-column:2/4;grid-row:2;margin:0;font-size:24px}.perguntas{margin-top:40px}
  .rodape-miolo{grid-template-columns:1fr 1fr}.rodape-miolo>nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px 26px}.rodape-final{font-size:7px!important}
}
@media(max-width:440px){
  .largura,.cabecalho-miolo{width:calc(100% - 36px)}.cabecalho-miolo{min-height:72px;gap:8px}.marca{gap:8px}.marca img{width:28px;height:28px}.marca-letras{font-size:10px}.marca-letras b{font-size:17px;letter-spacing:6px}.marca-letras small{font-size:7px;letter-spacing:1px}.cabecalho-acoes{gap:8px}.movimento-botao{width:34px;height:36px;font-size:14px}.menu-botao{height:36px;padding:7px;font-size:8px;gap:5px}.menu-botao span{font-size:17px}.navegacao{top:72px}
  .abertura-miolo{padding-top:35px;gap:29px;padding-bottom:124px}.abertura .sobrelinha{font-size:8px;letter-spacing:.3px;padding:8px;gap:8px;margin-bottom:23px}.ponto-vivo{width:5px;height:5px}h1{font-size:36px;letter-spacing:-1.6px}.abertura-descricao{font-size:24px;line-height:1.35;margin-top:22px}.abertura .botao{font-size:10px;padding:11px 13px;min-height:60px}.acoes{gap:18px}.trailer-link{font-size:21px}.nota-download{font-size:17px;max-width:280px;margin:19px auto 0}.celular-vitrine{width:218px}.celular-vitrine figcaption{font-size:8px;padding:11px 6px;margin-inline:-9px}.reliquia{padding:8px}.reliquia img{width:32px;height:32px}.reliquia-espada{right:-39px;top:63px}.reliquia-tesouro{left:-39px;bottom:101px}
  .faixa-diferenciais{padding:23px 16px;gap:18px 10px}.faixa-diferenciais span{font-size:7px;letter-spacing:.2px;gap:7px;justify-content:flex-start}.faixa-diferenciais img{width:23px;height:23px}
  .secao{padding-block:60px}h2{font-size:24px;letter-spacing:-1px}.sobrelinha{font-size:8px;letter-spacing:.7px}
  .conceito{padding-top:44px;padding-bottom:77px;gap:32px}.conceito-arte{min-height:298px}.portal{width:288px;height:288px}.portal-aura{width:240px;height:260px;top:5px}.portal-chao{height:57px;bottom:7px;width:100%}.conceito-arte .sprite-cavaleiro{left:-5px;bottom:22px}.conceito-arte .sprite-gato{right:-1px;bottom:19px}.legenda-arte{font-size:7px;bottom:-16px}.conceito-texto p:not(.sobrelinha){font-size:23px}.ritmo-aventura{gap:9px;font-size:20px}.ritmo-aventura img{width:20px;height:20px}.link-pixel{font-size:20px}
  .divisor-floresta{height:72px;top:-36px;background-size:auto 72px}.divisor-floresta span{width:30px;height:30px;font-size:17px}.mundos{padding-top:68px}.secao-cabeca{gap:18px;margin-bottom:30px}.secao-cabeca>p{font-size:23px}
  .atlas{padding:6px;box-shadow:0 0 0 3px #0b160d,0 0 0 5px #6c5936,5px 6px #07110b}.atlas-cabecalho{font-size:7px;padding:10px 9px 12px}.atlas-cabecalho>span+span{font-size:6px;max-width:89px;text-align:right}.mundo-paisagem{aspect-ratio:1.85}.mundo-janela .sprite{width:120px;height:120px;bottom:3px}.mundo-janela .sprite-cavaleiro{right:93px}.mundo-janela .sprite-goblin{right:3px}.mundo-placa{padding:16px 13px;grid-template-columns:1fr;gap:7px}.mundo-placa>span{grid-row:auto;font-size:8px;padding:0;border:0;background:none;justify-self:start}.mundo-placa h3{font-size:17px}.mundo-placa p{font-size:22px;line-height:1.15}
  .mundo-controles button{padding:69px 5px 12px;text-align:center;font-size:20px;min-height:128px}.mundo-controles .miniatura-mundo{left:calc(50% - 40px);top:8px;width:80px;height:52px;background-size:auto 60px}.mundo-controles button .bioma-numero{font-size:8px}.nota-atlas{font-size:18px}
  .heroi{gap:35px}.heroi-texto>p:not(.sobrelinha){font-size:23px}.lista-recursos h3{font-size:11px}.lista-recursos p{font-size:22px}.lista-recursos li{gap:14px}.lista-recursos li>img{width:36px;height:36px;padding:4px;flex-shrink:0}
  .equipamento-vitrine{padding:22px 11px 15px;border-width:5px}.vitrine-titulo{font-size:8px;line-height:1.7}.equipamento-miolo{grid-template-columns:62px minmax(0,1fr) 62px;gap:9px;margin-block:18px}.item{padding:8px 3px 7px}.item img{width:40px;height:40px}.item figcaption{font-size:16px}.coluna-itens{gap:12px}.heroi-pedestal{min-height:293px}.heroi-pedestal .sprite{width:120px;height:120px;background-size:960px 120px;animation-name:idle;margin:0}.heroi-nome{font-size:8px}.heroi-classe{font-size:16px;padding-inline:3px;max-width:100px}.vitrine-rodape{font-size:18px;gap:7px}.vitrine-rodape img{width:23px;height:23px}
  .companheiros{padding-block:42px}.companheiros h2{font-size:23px}.companheiros p:not(.sobrelinha){font-size:23px}.tropa{min-height:200px;background-size:auto 215px}.companheiros-miolo{gap:29px}
  .passos-grade article{grid-template-columns:42px 1fr 28px;gap:8px 13px;padding:20px 17px}.numero-passo{font-size:18px;padding:7px 3px}.passos-grade h3{font-size:11px}.passos-grade p{font-size:23px}.passo-icone{width:28px;height:28px}.perguntas summary{padding:17px 15px;font-size:24px}.perguntas details p{font-size:23px;padding:0 16px 21px}
  .comunidade{padding:42px 0 60px}.tesouro-cena{width:248px;height:184px;margin-bottom:22px}.bau-tesouros{width:172px;height:172px;left:25px}.tesouro-cena .sprite-gato{right:0;bottom:19px}.comunidade h2{font-size:23px}.comunidade p:not(.sobrelinha){font-size:24px}.comunidade .botao{min-width:0;width:100%;max-width:350px;font-size:11px;padding:12px}.social{font-size:22px;gap:17px}.rodape-miolo{grid-template-columns:1fr;gap:23px}.rodape-miolo>p{font-size:21px}.rodape-final{font-size:6px!important;padding-inline:20px}
}
@media(max-width:350px){h1{font-size:32px}.abertura .sobrelinha{font-size:8px}.celular-vitrine{width:204px}.reliquia-espada{right:-31px}.reliquia-tesouro{left:-31px}.ritmo-aventura{gap:6px;font-size:19px}.ritmo-aventura img{width:17px;height:17px}.equipamento-miolo{grid-template-columns:62px minmax(0,1fr) 62px;gap:7px}.item figcaption{font-size:15px}.heroi-nome{font-size:7px}.heroi-pedestal .sprite{width:90px;height:90px;background-size:720px 90px;animation-name:idle-compacto}.vitrine-titulo{font-size:7px}.vitrine-rodape{font-size:17px}.companheiros h2{font-size:21px}}
@keyframes idle-compacto{to{background-position:-720px 0}}
@media(min-width:761px) and (max-width:980px){h1{font-size:38px;letter-spacing:-1.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.sprite{background-position:0 0}}

/* Origem: aventura-v4.css */
/* Interface de madeira e bronze: a superfície visual é desenhada no PixelLab.
   As larguras após / são da arte, independentes das bordas usadas pelo layout.
   Cantos mantêm escala uniforme; só as laterais e o centro se estendem. */
:root{
  --moldura-bosque:url(../assets/arte-site/rodada3/moldura-bosque.webp);
  --placa-aventura:url(../assets/arte-site/rodada4/placa-aventura-inteira.webp);
  --botao-esmeralda:url(../assets/arte-site/rodada4/botao-esmeralda-inteiro.webp);
  --slot-equipamento:url(../assets/arte-site/rodada3/slot-equipamento.webp);
  --papel:#fff0cc;--ouro:#f1cc83;--suave:#c5c7af;
}
body{background:radial-gradient(ellipse at 18% 24%,#29402c44,transparent 36%),#111d17}
.cabecalho{background:#101c16;border-color:#78603b}
.cabecalho-miolo{min-height:86px}
.marca{filter:drop-shadow(2px 3px #070e09)}
.botao,.botao-verde,.botao:active,.botao-verde:active{
  border:solid transparent;border-width:16px 24px;
  border-image:var(--botao-esmeralda) 24 32 fill / 24px 32px stretch;
  background:none;box-shadow:none;min-height:78px;padding:6px 14px;
  color:#fff3c6;text-shadow:2px 2px #172916;image-rendering:pixelated;
  filter:drop-shadow(0 5px 0 #07140d);overflow:visible;
}
.botao:before{display:none}
.botao:hover{box-shadow:none;filter:brightness(1.17) drop-shadow(0 8px 0 #08190f);transform:translateY(-3px)}
.botao:active{box-shadow:none;filter:brightness(.96) drop-shadow(0 2px 0 #08190f);transform:translateY(2px)}
.botao-pequeno{min-height:56px;border-width:12px 18px;padding:3px 6px;font-size:9px}
.movimento-botao,.menu-botao,.play-pixel,.fechar-janela{
  border:10px solid transparent;border-image:var(--slot-equipamento) 16 fill / 16px stretch;
  background:none;box-shadow:none;image-rendering:pixelated;
}
.movimento-botao{width:46px;height:46px;font-size:15px}
.movimento-botao:hover,.movimento-botao[aria-pressed=true]{background:none;border-color:transparent;filter:brightness(1.28)}
.play-pixel{display:grid;place-items:center;width:49px;height:49px;padding:0;font-size:14px}
.trailer-link:hover .play-pixel{background:none;filter:brightness(1.3)}
.abertura-miolo{min-height:800px;padding-top:54px;padding-bottom:164px;gap:76px}
.abertura .sobrelinha{border:solid transparent;border-width:10px 18px;border-image:var(--placa-aventura) 40 fill / 20px stretch;background:none;padding:3px 10px;image-rendering:pixelated;margin-bottom:25px}
h1{font-size:clamp(42px,4.7vw,64px);line-height:1.23;color:#fff4d9;text-shadow:3px 3px #122019,5px 5px #081810}
h1 span{color:#f5cc7f}
.abertura-descricao{margin-block:25px 27px}
.celular-vitrine{width:290px;animation-duration:7s}
/* O aparelho tem acabamento físico; o vidro preserva a proporção da captura real. */
.aparelho-real,.celular.aparelho-real{
  position:relative;display:block;isolation:isolate;border:2px solid #737b7e;
  border-image:none;border-radius:38px;padding:7px;background:linear-gradient(115deg,#42494d,#111416 22%,#07090b 64%,#30373c);
  box-shadow:inset 0 0 0 1px #090c0e,inset 0 0 0 3px #aab6bc24,0 2px 0 1px #c5cdd333,0 24px 42px #030a0899,9px 8px 18px #02070666;
  filter:none;image-rendering:auto;overflow:visible;transition:filter .2s;
}
.celular.aparelho-real:hover{filter:brightness(1.04)}
.aparelho-real:before{content:"";position:absolute;inset:3px;border:1px solid #d7e0e32b;border-radius:33px;z-index:2;pointer-events:none}
.aparelho-real:after,.celular.aparelho-real:after{content:"";display:block;position:absolute;right:-4px;top:27%;width:3px;height:42px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#151a1e,#869194,#343b40);box-shadow:1px 0 1px #040809;pointer-events:none}
.aparelho-botoes{position:absolute;left:-4px;top:18%;width:3px;height:56px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#879194,#353e44,#12171b);box-shadow:-1px 0 1px #040809;pointer-events:none}
.aparelho-camera{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:9px;height:9px;border:2px solid #080c10;border-radius:50%;background:radial-gradient(circle at 40% 35%,#446174,#172431 38%,#070b10 65%);box-shadow:0 0 0 1px #090f1666;z-index:3;pointer-events:none}
.aparelho-camera:before{content:"";position:absolute;left:50%;top:-13px;transform:translateX(-50%);width:27px;height:2px;border-radius:2px;background:#040608;box-shadow:0 1px #87929533}
.aparelho-tela{position:relative;display:block;overflow:hidden;border-radius:28px;background:#070a0c;box-shadow:0 0 0 1px #000,0 0 0 2px #8b999927}
.aparelho-tela img{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0;box-shadow:none;image-rendering:auto}
.celular-vitrine figcaption{border:solid transparent;border-width:14px 22px;border-image:var(--placa-aventura) 40 fill / 20px stretch;padding:5px 9px;margin:18px -27px 0;background:none;box-shadow:none;font-size:9px;image-rendering:pixelated}
.celular-vitrine figcaption:before,.celular-vitrine figcaption:after{display:none}
.celular-vitrine figcaption small{display:block;font:18px/1.2 var(--texto);color:#c3c5a4;margin-top:7px}
.reliquia{border:12px solid transparent;border-image:var(--placa-aventura) 40 fill / 20px stretch;padding:4px 7px;background:none;box-shadow:none;filter:drop-shadow(3px 5px #0c2112b3);image-rendering:pixelated}
.reliquia-espada{right:-116px;top:142px}.reliquia-tesouro{left:-116px;bottom:205px}
.descer{border:solid transparent;border-width:10px 18px;border-image:var(--placa-aventura) 40 fill / 20px stretch;padding:3px 12px;background:none;image-rendering:pixelated}
.faixa-diferenciais{background:#1a2a1d;border-top:2px solid #84995b;border-bottom:2px solid #4d5c35;box-shadow:inset 0 5px #091b11;gap:40px}
.faixa-diferenciais img{width:32px;height:32px;filter:drop-shadow(2px 3px #0a150c)}

/* Portal e terreno são uma única ilustração, sem recorte de paisagem. */
.conceito{grid-template-columns:1.05fr 1.15fr;gap:68px;padding-block:96px 116px}
.conceito-arte{width:100%;max-width:512px;min-height:0;aspect-ratio:1;display:block}
.portal{position:absolute;inset:0;width:100%;height:100%;max-width:none;filter:drop-shadow(0 10px 0 #07140c55)}
.portal-aura{top:8%;width:80%;height:80%;z-index:-1}
.conceito-arte .sprite-cavaleiro{left:64%;bottom:8%;transform:none;z-index:2}
.conceito-arte .sprite-gato{right:15%;bottom:18%;z-index:3}
.legenda-arte{left:50%;bottom:-27px;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.7px;color:#dfcc92;border:solid transparent;border-width:12px 22px;border-image:var(--placa-aventura) 40 fill / 20px stretch;background:none;padding:3px 7px;image-rendering:pixelated}
.ritmo-aventura{gap:9px;font-size:21px;flex-wrap:nowrap}
.ritmo-aventura>span{border:10px solid transparent;border-image:var(--placa-aventura) 40 fill / 20px stretch;padding:1px 4px;image-rendering:pixelated}
.ritmo-aventura i{color:#b69e66}

/* O atlas é um objeto do mundo, com suas bordas entalhadas preservadas. */
.mundos{background:radial-gradient(ellipse at 50% 30%,#344b2e44,transparent 68%),#0e1a13;padding-block:106px 90px}
.atlas{border:32px solid transparent;border-image:var(--moldura-bosque) 48 fill / 48px stretch;background:none;padding:3px;box-shadow:none;filter:drop-shadow(0 12px 0 #060f0966);image-rendering:pixelated}
.atlas:before,.atlas:after{display:none}
.atlas-cabecalho{border:0;background:none;padding:3px 7px 20px;color:#e9ca83;align-items:center}
.atlas-cabecalho>span:first-child{display:flex;gap:13px;align-items:center}
.atlas-cabecalho img{object-fit:contain;flex-shrink:0}
.mundo-janela{border:0;background:none}
.mundo-paisagem{outline:3px solid #111c13;box-shadow:0 0 0 6px #6e6841}
.mundo-placa{border:0;background:none;padding:26px 8px 22px;gap:5px 20px}
.mundo-placa>span{border:12px solid transparent;border-image:var(--slot-equipamento) 16 fill / 16px stretch;background:none;padding:5px;image-rendering:pixelated}
.mundo-placa h3{font-size:23px}.mundo-placa p{font-size:24px;color:#c3c6aa}
.mundo-controles{gap:8px;padding-top:2px}
.mundo-controles button,.mundo-controles button[aria-pressed=true],.mundo-controles button:hover{
  background:none;box-shadow:none;border:solid transparent;border-width:13px;
  border-image:var(--placa-aventura) 40 fill / 20px stretch;image-rendering:pixelated;
  padding:12px 7px 12px 94px;min-height:104px;color:#c4c3a9;
}
.mundo-controles button[aria-pressed=true]{border-image-source:var(--botao-esmeralda);border-image-slice:24 32 fill;border-image-width:12px 16px;color:#fff1be;filter:brightness(1.12)}
.mundo-controles button:hover{filter:brightness(1.2)}
.mundo-controles button:focus-visible{outline-offset:-6px}
/* A paisagem termina no interior da moldura, inclusive nos cantos transparentes. */
.mundo-controles .miniatura-mundo{left:12px;top:50%;transform:translateY(-50%);width:70px;height:64px;border:8px solid transparent;border-image:var(--slot-equipamento) 16 / 8px stretch;filter:saturate(.7);background-origin:content-box;background-clip:content-box;background-repeat:no-repeat;image-rendering:pixelated}
.mundo-controles button[aria-pressed=true] .miniatura-mundo{border-color:transparent;filter:saturate(1.18)}
/* A ramagem é exibida inteira; a altura acompanha a imagem, sem janela de recorte. */
.divisor-floresta{height:auto;top:0;transform:translateY(-50%);background:none;overflow:visible}
.divisor-floresta .ramagem-divisor{display:block;width:384px;max-width:calc(100% - 24px);height:auto;flex:none;object-fit:contain}
.divisor-floresta .selo-divisor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px #0b160d99)}

/* Inventário em madeira e bronze, com slots e pedestal desenhados. */
.heroi{gap:64px;grid-template-columns:1.05fr 1fr;padding-block:102px}
.equipamento-vitrine{border:32px solid transparent;border-image:var(--moldura-bosque) 48 fill / 48px stretch;padding:10px 4px 4px;background:none;box-shadow:none;image-rendering:pixelated;filter:drop-shadow(6px 10px 0 #07110a88)}
.equipamento-vitrine:before,.equipamento-vitrine:after{display:none}
.vitrine-titulo{border:0;line-height:1.8;font-size:9px;padding:0 6px 8px;color:#efcd85}
.equipamento-miolo{grid-template-columns:82px minmax(0,1fr) 82px;gap:8px;margin-block:22px}
.coluna-itens{gap:16px}
.item,.item-raro,.item-epico{border:0;background:none;padding:0;box-shadow:none;overflow:visible}
.item img{display:block;box-sizing:content-box;width:44px;height:44px;padding:6px;border:12px solid transparent;border-image:var(--slot-equipamento) 16 fill / 16px stretch;background:none;image-rendering:pixelated;margin:auto;max-width:none}
.item figcaption{font:18px/1.1 var(--texto);margin-top:6px;color:#d6d0b2}
.item:hover{box-shadow:none;transform:translateY(-3px)}
.item:hover img{filter:brightness(1.18);transform:translateY(-2px)}
.item:before{display:none}.item:after{z-index:3;left:12px;top:10px}
.item-raro figcaption{color:#b6d290}.item-epico figcaption{color:#d4b6e6}
.heroi-pedestal{background:radial-gradient(ellipse at 50% 44%,#6a805e22,transparent 65%);border:0;min-height:292px;overflow:visible}
.heroi-diorama{position:relative;width:192px;height:200px;max-width:100%;isolation:isolate}
.heroi-pedestal .sprite{position:absolute;left:50%;top:0;margin:0 0 0 -90px;width:180px;height:180px;background-size:1440px 180px;animation-name:idle-heroi}
.heroi-pedestal .sprite:before{display:none}
.pedestal-pedra{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:192px;height:96px;background:url(../assets/arte-site/rodada3/pedestal-musgoso.webp) center/contain no-repeat;image-rendering:pixelated;z-index:-1}
.heroi-nome{font-size:10px;margin-top:5px;text-shadow:2px 2px #101b13}.heroi-classe{font-size:19px;line-height:1.1;color:#aaa98d;margin-top:10px}
.vitrine-rodape{border:0;font-size:20px;padding-top:4px;color:#d3bf85}
.lista-recursos li>img{border:10px solid transparent;border-image:var(--slot-equipamento) 16 fill / 16px stretch;background:none;padding:4px;width:56px;height:56px;box-shadow:none;image-rendering:pixelated;flex-shrink:0}
.companheiros{background:#1c3020;border:0;box-shadow:none;padding-block:74px;position:relative}
.companheiros:before,.companheiros:after{content:"";position:absolute;height:1px;left:9%;right:9%;background:#70845255}
.companheiros:before{top:0}.companheiros:after{bottom:0}
.companheiros-miolo>*{min-width:0}
.tropa{border:26px solid transparent;border-image:var(--moldura-bosque) 48 / 48px stretch;box-shadow:none;background:linear-gradient(#122e2333,#142b1c11),url(jogo/deepforest-paisagem.webp) center bottom/auto 240px;min-height:248px;padding-bottom:0;background-clip:border-box;overflow:visible}

/* Placas de missão, perguntas e detalhes compartilham os materiais do jogo. */
.passos{padding-block:100px}
.passos-grade{gap:22px}.passos-grade:before{display:none}
.passos-grade article{border:24px solid transparent;border-image:var(--placa-aventura) 40 fill / 40px stretch;background:none;padding:13px 8px 18px;box-shadow:none;image-rendering:pixelated}
.passos-grade article:hover{border-color:transparent;filter:brightness(1.07)}
.numero-passo{background:none;border:10px solid transparent;border-image:var(--slot-equipamento) 16 fill / 16px stretch;padding:5px;font-size:22px;box-shadow:none;image-rendering:pixelated}
.passo-icone{width:48px;height:48px;filter:drop-shadow(2px 3px #0b170c)}
.passos-grade h3{font-size:12px;line-height:1.65;margin-top:20px;color:#f2d096}
.passos-grade p{font-size:24px;color:#c5c4a9;margin-top:12px}
.perguntas{max-width:936px;margin:70px auto 0;gap:12px}
.perguntas-titulo{text-align:center;margin-bottom:15px}
.perguntas-titulo img{width:48px;height:48px;margin-bottom:14px}
.perguntas-titulo h3{font-size:23px;color:#f1d397}.perguntas-titulo p{font-size:23px;color:#aeb99d;margin-top:10px}
.perguntas details,.perguntas details:last-child{border:solid transparent;border-width:16px 24px;border-image:var(--placa-aventura) 40 fill / 20px stretch;background:none;box-shadow:none;image-rendering:pixelated}
.perguntas summary,.perguntas details[open] summary,.perguntas summary:hover{background:none;padding:7px 7px;font-size:25px}
.perguntas details p{background:none;padding:12px 7px 14px;font-size:24px;color:#c6c9ad}
.perguntas summary:after{color:#e5c778}
.tesouro-cena{width:384px;height:262px;margin-bottom:24px}
.tesouro-cena:after{width:384px;height:192px;left:0;right:auto;bottom:0;background:url(../assets/arte-site/rodada3/base-tesouro.webp) center/contain no-repeat;clip-path:none;image-rendering:pixelated}
.bau-tesouros{width:192px;height:192px;left:90px;bottom:68px;filter:drop-shadow(3px 5px #18341b66)}
.tesouro-cena .sprite-gato{right:56px;bottom:76px}
.comunidade{padding-top:54px;padding-bottom:94px}
.comunidade .botao{min-height:84px;padding:7px 20px;min-width:min(372px,100%);font-size:12px}
.comunidade-miolo:has(.botao:hover) .bau-tesouros,.comunidade-miolo:has(.botao:focus-visible) .bau-tesouros{transform:translateY(-4px)}
.social a{border:solid transparent;border-width:12px 19px;border-image:var(--placa-aventura) 40 fill / 20px stretch;padding:4px 8px;image-rendering:pixelated;font-size:21px}
.social a:hover{filter:brightness(1.18);color:#ffedbb}

/* Janela da captura: moldura artística, rolagem própria e foco nativo. */
.janela-wallpaper{width:min(1020px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);border:32px solid transparent;border-image:var(--moldura-bosque) 48 fill / 48px stretch;background:none;padding:22px;color:var(--papel);margin:auto;overflow:auto;overscroll-behavior:contain;image-rendering:pixelated;scrollbar-color:#958054 #172219}
.janela-wallpaper:not([open]){display:none}
.janela-wallpaper::backdrop{background:#050e0cdd;backdrop-filter:blur(5px)}
.janela-conteudo{display:grid;grid-template-columns:minmax(220px,.83fr) 1.17fr;gap:46px;align-items:center;padding-top:18px}
.fechar-janela{position:absolute;right:0;top:0;width:44px;height:44px;padding:0;color:#f8d497;font:24px/1 var(--texto);z-index:2;display:grid;place-items:center}
.fechar-janela:hover{filter:brightness(1.3)}
.detalhe-captura{text-align:center;padding:5px}
.detalhe-captura .aparelho-real{width:min(100%,calc(min(69dvh,630px) * 720 / 1520 + 18px));margin:auto}
.detalhe-texto .sobrelinha{font-size:8px;line-height:1.7;margin-bottom:17px}
.detalhe-texto h2{font-size:27px;line-height:1.4}
.detalhe-texto>p:not(.sobrelinha){font-size:25px;line-height:1.4;color:#c7cbb2;margin-top:20px}
.detalhe-emblemas{display:flex;flex-wrap:wrap;gap:10px 20px;margin-block:22px 25px;color:#e8ce8b;font-size:21px}
.detalhe-emblemas span{display:flex;align-items:center;gap:7px}
.detalhe-texto .botao{font-size:11px;width:100%;max-width:370px}
.detalhe-texto .link-pixel{font-size:22px;margin-top:18px}
/* Fundos inscritos sob a madeira: preservam a transparência externa da arte. */
.atlas,.equipamento-vitrine,.janela-wallpaper{background:linear-gradient(#17241a 0 0) center / calc(100% - 36px) calc(100% - 36px) no-repeat;border-image-outset:0;background-origin:border-box}
.botao,.botao-verde,.botao:active,.botao-verde:active{background:linear-gradient(#315e33,#24432a) center / calc(100% - 28px) calc(100% - 28px) no-repeat;background-origin:border-box}
.celular-vitrine figcaption,.reliquia,.abertura .sobrelinha,.descer,.legenda-arte,.ritmo-aventura>span,.passos-grade article,.perguntas details,.perguntas details:last-child,.social a{background:linear-gradient(#202b1e 0 0) center / calc(100% - 16px) calc(100% - 16px) no-repeat;background-origin:border-box}
.mundo-controles button,.mundo-controles button:hover{background:linear-gradient(#202b1e 0 0) center / calc(100% - 16px) calc(100% - 16px) no-repeat;background-origin:border-box;background-clip:padding-box}
.mundo-controles button[aria-pressed=true]{background:linear-gradient(#294731 0 0) center / calc(100% - 14px) calc(100% - 14px) no-repeat;background-origin:border-box;background-clip:padding-box}
.passos-grade article{background-size:calc(100% - 32px) calc(100% - 32px)}
html.janela-aberta{overflow:hidden}
.janela-aberta .cabecalho *,.janela-aberta main *,.janela-aberta main *:before,.janela-aberta main *:after,.janela-aberta .rodape *{animation-play-state:paused!important}

@media(min-width:1600px){.abertura-miolo{min-height:835px}.abertura-cenario{background-position:center 52%}}
@media(max-width:1180px){
  .abertura-miolo{gap:44px;grid-template-columns:1.15fr 1fr}.celular-vitrine{width:260px}
  .reliquia-espada{right:-66px}.reliquia-tesouro{left:-66px}.reliquia span{display:none}
  .conceito{gap:40px}.conceito-arte .sprite-cavaleiro{left:57%;bottom:5%}.conceito-arte .sprite-gato{right:10%;bottom:17%}
  .ritmo-aventura{font-size:19px;gap:5px}.ritmo-aventura>span{padding:1px 0;border-width:8px}.ritmo-aventura img{width:20px;height:20px}
  .mundo-controles button,.mundo-controles button[aria-pressed=true],.mundo-controles button:hover{padding:84px 2px 8px;text-align:center;min-height:142px;font-size:22px}
  .mundo-controles .miniatura-mundo{left:calc(50% - 35px);top:12px;transform:none}
  .heroi{gap:42px}.equipamento-vitrine{border-width:26px}.equipamento-miolo{grid-template-columns:68px minmax(0,1fr) 68px;gap:6px}.item img{width:36px;height:36px;padding:4px;border-width:10px}.item figcaption{font-size:17px}
  .heroi-diorama{height:178px}.heroi-pedestal .sprite{width:120px;height:120px;background-size:960px 120px;animation-name:idle;margin-left:-60px;top:21px}.pedestal-pedra{top:78px;width:144px;height:72px}
}
@media(max-width:980px){
  .cabecalho-miolo{min-height:76px}.menu-botao{height:46px;min-width:66px;padding:2px 4px;font-size:9px;border-image:var(--placa-aventura) 40 fill / 20px stretch;background:none;box-shadow:none}
  .navegacao{top:76px;background:#111e17;border-bottom:0;border:solid transparent;border-width:0 18px 18px;border-image:var(--moldura-bosque) 48 fill / 0 24px 24px stretch;padding:18px 24px 14px;image-rendering:pixelated}
  .abertura-miolo{gap:34px;padding-top:45px;min-height:750px}.abertura .sobrelinha{font-size:7px;letter-spacing:.1px;padding-inline:4px;border-width:10px 12px}h1{font-size:39px;letter-spacing:-1.8px}.celular-vitrine{width:246px}
  .celular-vitrine figcaption{margin-inline:-12px;border-width:12px 16px;padding-inline:3px;font-size:8px}
  .abertura .botao{border-width:14px 18px;padding:4px 8px;min-height:72px;font-size:10px}
  .conceito{grid-template-columns:1fr;gap:64px;padding-top:66px}.conceito-arte{max-width:448px}.conceito-texto{max-width:650px;margin:auto}.conceito-texto h2{font-size:34px}.conceito-arte .sprite-cavaleiro{left:64%;bottom:8%}.conceito-arte .sprite-gato{right:15%;bottom:18%}
  .ritmo-aventura{font-size:22px;gap:12px}.ritmo-aventura>span{border-width:10px;padding:2px 6px}.ritmo-aventura img{width:24px;height:24px}
  .atlas{border-width:28px}.mundo-placa h3{font-size:21px}.mundo-controles{gap:5px}.mundo-controles button,.mundo-controles button[aria-pressed=true],.mundo-controles button:hover{font-size:20px;border-width:10px}
  .heroi{grid-template-columns:1fr;gap:40px}.equipamento-vitrine{max-width:570px;border-width:32px;padding-inline:12px}.equipamento-miolo{grid-template-columns:82px 1fr 82px;gap:18px}.item img{width:44px;height:44px;padding:6px;border-width:12px}.item figcaption{font-size:18px}
  .heroi-diorama{height:200px}.heroi-pedestal .sprite{width:180px;height:180px;background-size:1440px 180px;animation-name:idle-heroi;top:0;margin-left:-90px}.pedestal-pedra{top:92px;width:192px;height:96px}
  .passos-grade{gap:13px}.passos-grade article{border-width:18px;padding:8px 4px 15px}.passos-grade h3{font-size:11px}.passos-grade p{font-size:23px}.passo-icone{width:38px;height:38px}.numero-passo{font-size:19px;padding:3px}
  .janela-conteudo{gap:28px}.janela-wallpaper{padding:14px;border-width:26px}.detalhe-texto h2{font-size:23px}.detalhe-texto>p:not(.sobrelinha){font-size:23px}
}
@media(max-width:760px){
  .abertura-miolo{min-height:0;gap:34px;padding-top:42px;padding-bottom:150px}.abertura .sobrelinha{font-size:8px;letter-spacing:.2px;border-width:10px 17px;padding-inline:5px}
  h1{font-size:clamp(37px,7vw,52px)}.celular-vitrine{width:270px}.celular-vitrine figcaption{font-size:9px;margin-inline:-15px;border-width:14px 22px}.reliquia{padding:4px;border-image:var(--slot-equipamento) 16 fill / 16px stretch}.reliquia-espada{right:-45px}.reliquia-tesouro{left:-45px}.reliquia img{width:38px;height:38px}
  .conceito{gap:56px;padding-block:48px 84px}.conceito-arte{max-width:416px}.conceito-texto h2{font-size:29px}.legenda-arte{font-size:8px}
  .atlas{border-width:28px;padding:0}.atlas-cabecalho{padding:2px 3px 20px;font-size:8px}.atlas-cabecalho>span+span{font-size:7px}.atlas-cabecalho img{width:26px;height:26px}.atlas-cabecalho>span:first-child{gap:8px}
  .mundo-placa{padding:23px 4px 20px;gap:6px 12px}.mundo-placa h3{font-size:19px}.mundo-placa p{font-size:23px}.mundo-placa>span{font-size:9px;border-width:10px;padding:2px}
  .mundo-controles{grid-template-columns:1fr 1fr;gap:7px}.mundo-controles button,.mundo-controles button[aria-pressed=true],.mundo-controles button:hover{padding:14px 3px 14px 88px;text-align:left;min-height:96px;font-size:22px;border-width:12px}
  .mundo-controles .miniatura-mundo{left:12px;top:50%;transform:translateY(-50%);width:64px;height:60px}
  .companheiros{padding-block:55px}.tropa{min-height:238px;max-width:400px}.companheiros h2{font-size:26px}
  .passos-grade{gap:18px}.passos-grade article{grid-template-columns:52px 1fr 36px;gap:8px 16px;border-width:20px;padding:13px 8px 16px}.passos-grade h3{margin:0;font-size:12px}.passos-grade p{margin:0;font-size:24px}.numero-passo{font-size:21px;padding:5px 1px}.passo-icone{width:36px;height:36px}
  .perguntas{margin-top:50px}.perguntas details,.perguntas details:last-child{border-width:16px 20px}.perguntas summary{font-size:25px}
  .janela-wallpaper{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-width:26px;padding:10px}
  .fechar-janela{position:sticky;top:0;right:auto;margin-left:auto;margin-bottom:-44px}
  .janela-conteudo{grid-template-columns:1fr;gap:25px;padding-top:42px}.detalhe-captura .aparelho-real{width:min(100%,calc(55dvh * 720 / 1520 + 18px))}.detalhe-texto{text-align:center;padding-bottom:12px}.detalhe-texto h2{font-size:25px}.detalhe-texto .sobrelinha{font-size:8px}.detalhe-emblemas{justify-content:center}.detalhe-texto .botao{margin:auto;font-size:10px}.detalhe-texto .link-pixel{display:flex;justify-content:center;width:max-content;margin:18px auto 0}
}
@media(max-width:440px){
  .divisor-floresta .ramagem-divisor{width:288px}.divisor-floresta .selo-divisor{width:48px;height:48px}
  .cabecalho-miolo{min-height:74px}.movimento-botao{width:38px;height:40px;border-width:9px;font-size:12px}.menu-botao{height:40px;min-width:60px;border-width:9px;font-size:8px;gap:3px;padding-inline:2px}.navegacao{top:74px}
  .abertura-miolo{padding-top:30px;gap:29px;padding-bottom:133px}.abertura .sobrelinha{font-size:7px;padding:3px 2px;border-width:10px 13px;margin-bottom:22px}h1{font-size:35px;letter-spacing:-1.8px}.abertura-descricao{font-size:24px;margin-top:23px}.abertura .botao{font-size:10px;min-height:73px;border-width:14px 20px;padding:4px 6px}.acoes{gap:19px}.nota-download{margin-top:18px}
  .celular-vitrine{width:246px}.celular-vitrine figcaption{font-size:8px;border-width:12px 19px;padding:5px 2px;margin-inline:-16px}.celular-vitrine figcaption small{font-size:17px}.reliquia img{width:30px;height:30px}.reliquia{border-width:9px;padding:3px}.reliquia-espada{right:-29px;top:74px}.reliquia-tesouro{left:-29px;bottom:110px}
  .faixa-diferenciais{gap:18px 10px}.faixa-diferenciais img{width:26px;height:26px}
  .conceito{gap:54px;padding-top:36px;padding-bottom:72px}.conceito-arte{max-width:352px}.conceito-arte .sprite-cavaleiro{left:51%;bottom:4%;width:120px;height:120px}.conceito-arte .sprite-gato{right:8%;bottom:15%}.legenda-arte{font-size:7px;bottom:-28px;border-width:10px 16px;padding:4px}.conceito-texto h2{font-size:24px}.ritmo-aventura{font-size:19px;gap:4px}.ritmo-aventura>span{border-width:8px;padding:0;gap:4px}.ritmo-aventura img{width:18px;height:18px}
  .mundos{padding-top:70px;padding-bottom:62px}.atlas{border-width:28px}.atlas-cabecalho{font-size:7px;padding:2px 1px 18px;gap:9px}.atlas-cabecalho>span+span{font-size:6px;max-width:70px}.atlas-cabecalho img{display:none}.mundo-paisagem{aspect-ratio:1.9}.mundo-placa{grid-template-columns:1fr;padding:20px 1px 18px;gap:8px}.mundo-placa>span{border:0;border-image:none;background:none;padding:0;font-size:8px}.mundo-placa h3{font-size:17px}.mundo-placa p{font-size:22px}
  .mundo-controles button,.mundo-controles button[aria-pressed=true],.mundo-controles button:hover{padding:66px 0 9px;text-align:center;min-height:136px;font-size:20px;border-width:10px}.mundo-controles .miniatura-mundo{width:70px;height:56px;left:calc(50% - 35px);top:1px}
  .heroi{padding-block:67px;gap:32px}.equipamento-vitrine{border-width:26px;padding:6px 1px 8px;max-width:390px}.equipamento-miolo{grid-template-columns:64px minmax(0,1fr) 64px;gap:3px;margin-block:17px}.vitrine-titulo{font-size:7px;padding:0 0 8px;letter-spacing:0}.item img{width:32px;height:32px;padding:5px;border-width:10px}.item figcaption{font-size:16px}.coluna-itens{gap:13px}.heroi-pedestal{min-height:260px}.heroi-diorama{height:167px}.heroi-pedestal .sprite{width:120px;height:120px;background-size:960px 120px;animation-name:idle;top:5px;margin-left:-60px}.pedestal-pedra{top:65px;width:132px;height:66px}.heroi-nome{font-size:8px}.heroi-classe{font-size:16px;max-width:108px;padding-inline:0}.vitrine-rodape{font-size:17px;padding:0;gap:6px}.vitrine-rodape img{width:22px;height:22px}.lista-recursos li>img{width:48px;height:48px;border-width:8px;padding:4px}
  .tropa{min-height:215px;border-width:26px;background-size:auto 222px}.companheiros h2{font-size:23px}.companheiros-miolo{gap:30px}
  .passos{padding-block:68px}.passos-grade article{grid-template-columns:42px minmax(0,1fr) 26px;gap:8px 10px;border-width:17px;padding:12px 5px 14px}.numero-passo{border-width:8px;font-size:19px;padding:4px 0}.passos-grade h3{font-size:11px;line-height:1.6}.passos-grade p{font-size:23px}.passo-icone{width:26px;height:26px}.perguntas-titulo h3{font-size:21px}.perguntas-titulo p{font-size:22px}.perguntas details,.perguntas details:last-child{border-width:13px 16px}.perguntas summary,.perguntas details[open] summary{font-size:24px;padding:7px 2px}.perguntas details p{font-size:23px;padding:12px 2px}
  .tesouro-cena{width:288px;height:222px;margin-bottom:22px}.tesouro-cena:after{width:288px;height:144px;bottom:0}.bau-tesouros{width:172px;height:172px;left:56px;bottom:49px}.tesouro-cena .sprite-gato{right:34px;bottom:57px}.comunidade{padding-top:44px;padding-bottom:58px}.comunidade .botao{min-width:0;min-height:78px;border-width:15px 22px;padding:5px 7px;font-size:11px}.social{gap:10px}.social>span{display:none}.social a{font-size:21px;border-width:12px 17px;padding:3px 6px}
  .janela-wallpaper{border-width:26px;padding:7px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.fechar-janela{width:40px;height:40px;margin-bottom:-40px}.janela-conteudo{padding-top:44px}.detalhe-texto h2{font-size:23px}.detalhe-texto>p:not(.sobrelinha){font-size:23px}.detalhe-texto .botao{font-size:9px;padding:4px;min-height:72px;border-width:14px 17px}.detalhe-emblemas{font-size:20px;gap:9px;margin-block:18px 22px}
}
@media(max-width:350px){
  h1{font-size:31px}.abertura .sobrelinha{font-size:6px}.celular-vitrine{width:224px}.reliquia-espada{right:-24px}.reliquia-tesouro{left:-24px}
  .ritmo-aventura{font-size:18px;gap:2px}.ritmo-aventura>span{border-width:7px;gap:3px}.ritmo-aventura img{width:16px;height:16px}
  .equipamento-vitrine{border-width:26px}.equipamento-miolo{grid-template-columns:54px minmax(0,1fr) 54px;gap:2px}.item img{width:26px;height:26px;padding:4px;border-width:10px}.item figcaption{font-size:15px}.heroi-nome{font-size:7px}.heroi-classe{font-size:15px}.heroi-diorama{width:100%}.pedestal-pedra{width:108px;height:54px;top:70px}.vitrine-rodape{font-size:16px}.vitrine-titulo{font-size:6px}
  .passos-grade article{grid-template-columns:36px 1fr;gap:8px 10px}.passo-icone{display:none}.passos-grade p{grid-column:2}.passos-grade h3{font-size:10px}
  .tesouro-cena{width:264px}.tesouro-cena:after{width:264px;height:132px}.bau-tesouros{left:43px;bottom:44px}.tesouro-cena .sprite-gato{right:29px;bottom:52px}
}
@media(min-width:441px) and (max-width:560px){
  .equipamento-vitrine{max-width:430px;border-width:26px;padding-inline:4px}
  .equipamento-miolo{grid-template-columns:72px minmax(0,1fr) 72px;gap:8px}
  .item img{width:36px;height:36px;padding:5px;border-width:10px}
}
@media(max-width:380px){
  .tropa .sprite{width:90px;height:90px;background-size:720px 90px;animation-name:idle-compacto}
  .tropa .sprite-gato{width:40px;height:40px;background-size:320px 40px;animation-name:idle-gato-pequeno}
}
@keyframes idle-gato-pequeno{to{background-position:-320px 0}}
@media(prefers-reduced-motion:reduce){.aparelho-real,.celular.aparelho-real,.botao,.reliquia,.passos-grade article{transition:none;animation:none}}

/* Pés medidos nos sprites (Cavaleiro y45/60, gato y20/20) e no diorama. */
.conceito-arte .sprite-cavaleiro{left:calc(73.4375% - 60px);top:calc(75.390625% - 90px);bottom:auto;width:120px;height:120px}
.conceito-arte .sprite-gato{right:auto;left:calc(43.75% - 30px);top:calc(78.515625% - 60px);bottom:auto}

/* Folga para os detalhes da arte, áreas de toque e leitura em telas estreitas. */
.botao{max-width:100%;text-align:center}
.botao>img,.botao>span{flex-shrink:0}
.abertura .sobrelinha,.legenda-arte,.ritmo-aventura>span{min-height:40px}
.abertura .botao{font-size:12px;min-width:min(100%,300px)}
.trailer-link{min-height:48px}
.navegacao .botao-pequeno{font-size:10px}
.movimento-botao,.fechar-janela{width:48px;height:48px}
.movimento-botao{padding:0;font-size:14px}
.mundo-controles{grid-template-columns:repeat(4,minmax(0,1fr))}
.mundo-controles button{min-width:0;overflow:visible}
.mundo-controles button[aria-pressed=true] .bioma-numero{color:#fff0b9}
.tropa{position:relative;isolation:isolate;background:none;border-image:none}
.tropa:before{content:"";position:absolute;inset:-8px;z-index:-1;background:linear-gradient(#122e2333,#142b1c11),url(jogo/deepforest-paisagem.webp) center bottom/auto 240px}
.tropa:after{content:"";position:absolute;inset:-26px;border:26px solid transparent;border-image:var(--moldura-bosque) 48 / 48px stretch;z-index:2;pointer-events:none}
.numero-passo{display:inline-grid;place-items:center;min-width:48px;min-height:48px;border-width:8px;border-image-width:8px;padding:4px;font-size:20px;line-height:1}
.perguntas summary{min-height:44px;align-items:center}
.perguntas details[open] summary{color:#ffe2a4}
.perguntas details[open] p{border-top:1px solid #71845b55;margin-top:6px}
.rodape nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1180px){
  .reliquia-espada{right:-38px}.reliquia-tesouro{left:-38px}
  .companheiros-miolo{gap:44px}
}
@media(max-width:980px){
  .menu-botao{min-width:72px;height:48px;background:linear-gradient(#202b1e 0 0) center / calc(100% - 16px) calc(100% - 16px) no-repeat;background-origin:border-box}
  .navegacao{top:100%;max-height:calc(100dvh - 90px);overflow-y:auto}
  .navegacao .botao{margin-block:4px 8px}
  .abertura .botao{min-width:0;font-size:11px}
  .companheiros-miolo{grid-template-columns:1fr;gap:36px}
  .companheiros-miolo>div:last-child{max-width:650px;margin-inline:auto}
  .tropa{width:100%;max-width:440px;margin-inline:auto}
}
@media(max-width:760px){
  .abertura .botao{min-width:min(100%,300px);min-height:80px;font-size:12px}
  .reliquia-espada{right:-30px;top:144px}.reliquia-tesouro{left:-30px;bottom:192px}
  .mundo-controles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos-grade article{grid-template-columns:48px minmax(0,1fr) 30px;gap:12px;padding:14px 10px;border-width:20px}
  .passos-grade article{border-image-width:20px;background-size:calc(100% - 16px) calc(100% - 16px)}
  .reliquia{background:none}
  .numero-passo{grid-row:1;align-self:center}
  .passos-grade p{grid-column:1/-1;grid-row:2}
  .passo-icone{width:30px;height:30px}
  .fechar-janela{margin-bottom:-48px}
  .janela-conteudo{padding-top:54px}
}
@media(max-width:560px){
  .mundo-controles{gap:10px}
  .mundo-controles button,.mundo-controles button:hover,.mundo-controles button[aria-pressed=true]{padding:78px 4px 13px;text-align:center;min-height:156px;border-width:10px;font-size:22px;line-height:1.15}
  .mundo-controles .miniatura-mundo{left:calc(50% - 36px);top:12px;transform:none;width:72px;height:56px}
  .tropa .sprite{width:90px;height:90px;background-size:720px 90px;animation-name:idle-compacto}
  .tropa .sprite-gato{width:40px;height:40px;background-size:320px 40px;animation-name:idle-gato-pequeno}
}
@media(max-width:440px){
  .cabecalho-acoes{gap:6px}.menu-botao{min-width:66px;font-size:8px}
  .movimento-botao{width:44px;height:48px}
  .abertura .botao{font-size:11px;gap:8px}
  .reliquia-espada{right:-24px;top:126px}.reliquia-tesouro{left:-24px;bottom:180px}
  .passos-grade article{padding:12px 8px;border-width:18px;gap:12px 10px}
  .passos-grade h3{font-size:11px}
  .tropa{border-width:22px}.tropa:before{inset:-4px;background-size:auto 222px}.tropa:after{inset:-22px;border-width:22px}
  .comunidade .botao{min-height:86px;line-height:1.7}
}
@media(max-width:350px){
  .abertura .botao{min-width:100%;font-size:10px}
  .ritmo-aventura{font-size:17px}
  .reliquia-espada{right:-18px}.reliquia-tesouro{left:-18px}
  .mundo-controles button,.mundo-controles button:hover,.mundo-controles button[aria-pressed=true]{font-size:20px;padding-inline:1px}
  .passos-grade article{grid-template-columns:48px minmax(0,1fr)}
  .passos-grade h3{font-size:10px}
}

/* Origem: aventura-v5.css */
/* Direção de arte: capítulos, luz e movimento com os materiais do jogo. */
@font-face{font-family:PixelTexto;src:url(jogo/VT323.woff2) format("woff2"),url(jogo/VT323.ttf) format("truetype");font-display:swap}
@font-face{font-family:PixelTitulo;src:url(jogo/Silkscreen.woff2) format("woff2"),url(jogo/Silkscreen.ttf) format("truetype");font-display:swap}
:root{--ritmo:.22s;--luz:#f6dda3;--fagulha:url(../assets/arte-site/rodada5/fagulha-esmeralda.webp)}
body{background:radial-gradient(ellipse at 9% 28%,#36513922,transparent 35%),#101c16}
h2{line-height:1.35;text-shadow:2px 3px #07130f;max-width:24ch}
.sobrelinha{color:#edcb85;font-size:10px;letter-spacing:1px;line-height:1.8}
.conceito-texto p:not(.sobrelinha),.heroi-texto>p:not(.sobrelinha),.secao-cabeca>p{color:#cbd0b9;max-width:43ch}
.conceito-texto p:not(.sobrelinha){margin-top:18px}
.capitulo-numero{display:inline-block;color:#a7c17d;font:12px/1 var(--texto);letter-spacing:1px;margin-right:10px;vertical-align:2px}
.ornamento-capitulo{display:block;width:192px;height:32px;object-fit:contain;margin-top:16px;opacity:.85}
.ornamento-central{margin-inline:auto}
.passos>h2,.comunidade h2{margin-inline:auto}

/* A altura do cabeçalho é estável para não deslocar o conteúdo na rolagem. */
.cabecalho{background:#101c16f5;transition:background var(--ritmo),box-shadow var(--ritmo)}
.cabecalho.cabecalho-compacto{background:#0c1813fc;box-shadow:0 5px 18px #030b0899}
.progresso-jornada{position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#e8c17b;transform-origin:left;transform:scaleX(var(--progresso-jornada,0));pointer-events:none;box-shadow:0 1px #594729}
.marca{transition:filter var(--ritmo)}
.marca:hover,.marca:focus-visible{filter:brightness(1.2) drop-shadow(2px 3px #070e09)}
.navegacao>a:not(.botao){transition:color var(--ritmo)}
.navegacao>a:not(.botao):focus-visible{color:var(--luz)}
.navegacao>a:not(.botao):focus-visible:after{left:0;right:0}

/* O telefone e o convite principal comandam a primeira cena. */
.abertura-miolo{min-height:790px;padding-top:46px;padding-bottom:156px}
.abertura .sobrelinha{font-size:9px;letter-spacing:.7px;padding-inline:9px;margin-bottom:24px}
.abertura-descricao{font-size:27px;max-width:31ch;line-height:1.4;margin-block:24px 28px;color:#edf0df}
.abertura-descricao strong{margin-top:10px;color:#fff1d2}
.abertura .botao{font-size:13px;min-width:316px}
.nota-download{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:20px;color:#d2ddbc;max-width:400px}
.nota-download i{font-style:normal;color:#d5b77d}
.nota-download small{flex-basis:100%;font:18px/1.3 var(--texto);color:#afbb9f}
.celular-vitrine:before{inset:40px -64px 5px;background:radial-gradient(ellipse,#e9ce8340,transparent 68%)}
.celular-vitrine figcaption{line-height:1.8}
.celular-vitrine figcaption small{font-size:19px;color:#cbd6b8}
.celular.aparelho-real:focus-visible{outline-offset:8px;filter:brightness(1.08)}
.faixa-diferenciais{background:#19291e;min-height:86px;column-gap:46px}
.faixa-diferenciais span{font-size:9px;letter-spacing:.4px}

/* Fagulhas desenhadas no PixelLab, em poucas posições da cena. */
.magia-portal,.magia-tesouro{position:absolute;inset:0;pointer-events:none;z-index:2}
.magia-portal i,.magia-tesouro i{position:absolute;display:block;width:24px;height:24px;background:var(--fagulha) center/contain no-repeat;image-rendering:pixelated;animation:luz-da-jornada 5s steps(8) infinite;opacity:.75}
.magia-portal i:nth-child(1){left:35%;top:29%}
.magia-portal i:nth-child(2){left:54%;top:47%;width:16px;height:16px;animation-delay:-1.8s}
.magia-portal i:nth-child(3){left:27%;top:62%;width:16px;height:16px;animation-delay:-3.5s}
.magia-tesouro i:nth-child(1){left:23%;top:32%;animation-delay:-1s}
.magia-tesouro i:nth-child(2){left:66%;top:20%;width:16px;height:16px;animation-delay:-3s}
.magia-tesouro i:nth-child(3){left:52%;top:52%;width:16px;height:16px;animation-delay:-4.2s}
@keyframes luz-da-jornada{0%,100%{opacity:.25;transform:translateY(2px)}45%{opacity:.9;transform:translateY(-8px)}75%{opacity:.5;transform:translateY(-4px)}}
/* A luz se dissolve dentro da aura, sem marcar as bordas da seção. */
.portal-aura{background:radial-gradient(ellipse closest-side at 50% 43%,#55d8a538,#55d8a510 48%,#55d8a500 100%);animation-duration:5s}
.conceito{background:none}
/* Somente o miolo recebe pixels animados; arco e terreno ficam na arte original. */
.portal-vivo{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;image-rendering:pixelated;opacity:0}
.portal-vivo.portal-preparado{opacity:1}
/* A queda continua no fundo da página, com a legenda à frente da cena. */
.cavaleiro-passeio{position:absolute;left:0;top:0;width:125%;height:137.5%;z-index:3;pointer-events:none;image-rendering:pixelated}
.conceito-arte .legenda-arte{z-index:4}
.mundos{background:radial-gradient(ellipse at 50% 33%,#344d302b,transparent 70%),#0d1913}
.secao-cabeca{align-items:center;margin-bottom:40px}
.nota-atlas{color:#c0ccb0;font-size:21px}
.atlas-cabecalho>span+span{color:#c5d0ab}
.mundo-controles button{transition:transform var(--ritmo),filter var(--ritmo);touch-action:manipulation}
.mundo-controles button:focus-visible{filter:brightness(1.17)}
.mundo-controles button[aria-busy=true]{animation:aguardar-horizonte 1.2s steps(4) infinite}
@keyframes aguardar-horizonte{50%{filter:brightness(1.28)}}
.mundo-chegando .mundo-paisagem>img{animation:chegada-mundo .65s cubic-bezier(.2,.7,.2,1)}
.mundo-chegando .mundo-placa{animation:chegada-placa .4s ease-out}

/* As respostas visuais acompanham o mouse, o teclado e o toque. */
.botao{transition:transform .18s,filter .18s;color:#fff4cd}
.botao:focus-visible{filter:brightness(1.17) drop-shadow(0 8px 0 #08190f);transform:translateY(-3px)}
.botao:after{content:"";position:absolute;right:-13px;top:-10px;width:24px;height:24px;background:var(--fagulha) center/contain no-repeat;image-rendering:pixelated;opacity:0;pointer-events:none}
.botao:is(:hover,:focus-visible):after{animation:fagulha-convite .85s steps(5) both}
@keyframes fagulha-convite{0%{opacity:0;transform:translateY(4px)}35%{opacity:1;transform:translateY(-2px)}100%{opacity:0;transform:translateY(-8px)}}
.movimento-botao:focus-visible,.menu-botao:focus-visible,.fechar-janela:focus-visible{filter:brightness(1.25)}
.social a{transition:filter var(--ritmo),transform var(--ritmo)}
.social a:is(:hover,:focus-visible){filter:brightness(1.2);transform:translateY(-2px)}
.link-pixel:focus-visible,.trailer-link:focus-visible{color:var(--luz)}
.rodape nav a{transition:color var(--ritmo)}
.rodape nav a:focus-visible{color:var(--luz)}

/* A vitrine permite conhecer cada peça, sem simular o progresso do jogo. */
.item{display:block;width:100%;font:inherit;color:inherit;touch-action:manipulation}
.item-legenda{display:block;font:18px/1.1 var(--texto);color:#d6d0b2;margin-top:6px}
.item-raro .item-legenda{color:#b6d290}.item-epico .item-legenda{color:#d4b6e6}
.item:is(:hover,:focus-visible,[aria-pressed=true]) img{filter:brightness(1.25);transform:translateY(-2px)}
.item[aria-pressed=true] .item-legenda{color:#fff1b8}
.item:focus-visible{outline-offset:2px}
.item:after{width:16px;height:16px;background:var(--fagulha) center/contain no-repeat;box-shadow:none;left:4px;top:4px}
.item[aria-pressed=true]:after{opacity:.9;animation:luz-da-jornada 3s steps(6) infinite}
/* Reserva medida para a descrição mais longa, evitando saltos na escolha. */
.detalhe-equipamento{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:160px;margin:2px 0 14px;padding:8px 12px;border:12px solid transparent;border-image:var(--placa-aventura) 40 fill / 20px stretch;background:linear-gradient(#202d20 0 0) center/calc(100% - 16px) calc(100% - 16px) no-repeat;background-origin:border-box;text-align:center}
.detalhe-equipamento strong{font:10px/1.6 var(--titulo);color:#f2d397;font-weight:400}
.detalhe-equipamento p{font:22px/1.25 var(--texto);color:#cbd3ba;margin:0;max-width:35ch;align-self:center}
.heroi-nome{color:#f3d795}.heroi-classe{color:#c4ceb3}
.vitrine-titulo{color:#f4d996;letter-spacing:.4px}
.vitrine-rodape{padding-bottom:7px;color:#dfcf9f}
.lista-recursos{gap:28px}
.companheiros{background:radial-gradient(ellipse at 22% 50%,#3b4e2638,transparent 60%),#1a2d1f}
.passos-grade article:hover{transform:none;filter:none}
.passos-grade{margin-top:30px}
.perguntas summary{color:#e6e8d4;line-height:1.25}
.perguntas summary:after{flex-shrink:0;margin-left:4px}
.perguntas summary:is(:hover,:focus-visible){color:#ffe4ac}
.perguntas details[open] p{animation:resposta-pergunta .28s ease-out}
@keyframes resposta-pergunta{from{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.comunidade-miolo>p:not(.sobrelinha){max-width:38ch;margin-inline:auto}
.comunidade .botao{font-size:13px;min-height:88px}
.tesouro-brilho{background:radial-gradient(ellipse,#f8d87538,transparent 65%)}
.janela-wallpaper[open]{animation:abrir-captura .28s cubic-bezier(.2,.7,.2,1)}
@keyframes abrir-captura{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.detalhe-texto .sobrelinha{font-size:9px}

/* Revelações pontuais: conteúdo visível também sem JavaScript ou movimento. */
.entrou .conceito-arte,.entrou .atlas,.entrou .equipamento-vitrine,.entrou .tropa,.entrou .passos-grade{animation:none}
[data-revelar].pixel-texto-preparado{opacity:0;translate:0 3px}
[data-revelar].pixel-legenda{animation:legenda-pixel .35s cubic-bezier(.22,1,.36,1) both}
@keyframes legenda-pixel{from{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}
.fumaca-pixel{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;image-rendering:pixelated;contain:strict}
.pixel-preparado,.pixel-formando,.pixel-preparado :is(.portal,.portal-vivo,.mundo-paisagem,.inventario-palco,.tropa-canvas,.bau-tesouros),.pixel-formando :is(.portal,.portal-vivo,.mundo-paisagem,.inventario-palco,.tropa-canvas,.bau-tesouros){mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.tropa[data-arte-pixel]:is(.pixel-preparado,.pixel-formando):before{mask-image:var(--mascara-fumaca,none);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--mascara-fumaca,none);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.animacoes-pausadas [data-revelar],.aba-inativa [data-revelar],.janela-aberta main [data-revelar]{animation:none!important}
.trailer-aberto main [data-revelar]{animation:none!important}
.animacoes-pausadas .fumaca-pixel,.aba-inativa .fumaca-pixel,.janela-aberta .fumaca-pixel,.trailer-aberto .fumaca-pixel{visibility:hidden}
.animacoes-pausadas .janela-wallpaper[open],.animacoes-pausadas .perguntas details[open] p{animation:none!important}
.animacoes-pausadas .magia-portal i,.animacoes-pausadas .magia-tesouro i{opacity:.45;transform:none}
html:not(.equipamentos-prontos) .detalhe-equipamento{display:none}
.item:disabled{pointer-events:none;opacity:1}

@media(min-width:1600px){.abertura-miolo{min-height:820px}}
@media(max-width:1180px){
  .abertura .botao{min-width:0;font-size:12px}
  .abertura-descricao{font-size:25px}
  .item-legenda{font-size:17px}
  .detalhe-equipamento p{font-size:21px}
}
@media(max-width:980px){
  .sobrelinha{font-size:9px;letter-spacing:.7px}
  .abertura .sobrelinha{font-size:8px;letter-spacing:.4px}
  .abertura-miolo{padding-top:38px;gap:40px}
  .navegacao{box-shadow:0 18px 28px #030b08aa}
  .navegacao a:not(.botao){min-height:40px;display:grid;place-items:center}
  .item-legenda{font-size:18px}
  .detalhe-equipamento{min-height:160px}
  .vitrine-titulo{font-size:9px}
}
@media(max-width:760px){
  .abertura-miolo{min-height:0;padding-bottom:142px}
  .abertura-descricao{font-size:25px;max-width:33ch;margin-block:20px 23px}
  .abertura .botao{font-size:12px;min-width:min(100%,310px)}
  .nota-download{justify-content:center;margin-inline:auto;column-gap:10px;row-gap:4px}
  .sobrelinha{font-size:9px;line-height:1.9}
  .ornamento-capitulo{margin-top:13px}
  .conceito-texto p:not(.sobrelinha){margin-top:17px}
  .secao-cabeca{margin-bottom:30px}
  .capitulo-numero{font-size:14px;vertical-align:0;margin-right:8px}
  .nota-atlas{font-size:20px}
  .passos-grade{margin-top:26px}
  .perguntas{margin-top:48px}
  .comunidade .botao{font-size:12px}
}
@media(max-width:440px){
  .abertura-miolo{padding-top:26px;gap:25px;padding-bottom:130px}
  .abertura .sobrelinha{font-size:8px;padding-inline:4px;letter-spacing:.5px;margin-bottom:20px}
  h1{font-size:34px;line-height:1.2}
  .abertura-descricao{font-size:24px;line-height:1.35;margin-top:18px}
  .abertura .botao{font-size:11px;min-height:78px}
  .nota-download{font-size:20px;max-width:100%;margin-top:16px}
  .nota-download small{font-size:18px}
  .celular-vitrine figcaption{font-size:9px;line-height:1.8}
  .celular-vitrine figcaption small{font-size:19px}
  .faixa-diferenciais{padding-inline:18px;gap:18px 10px}
  .faixa-diferenciais span{font-size:7px;letter-spacing:.1px;gap:7px}
  .sobrelinha{font-size:9px;letter-spacing:.4px;margin-bottom:16px}
  .conceito{gap:46px;padding-bottom:78px}
  .legenda-arte{font-size:8px;letter-spacing:.3px}
  .secao-cabeca>p,.heroi-texto>p:not(.sobrelinha){font-size:24px}
  .atlas-cabecalho{font-size:8px;gap:8px}
  .atlas-cabecalho>span+span{font-size:7px;max-width:82px}
  .vitrine-titulo{font-size:8px;line-height:1.8;padding-inline:2px}
  .item-legenda{font-size:17px}
  .detalhe-equipamento{min-height:180px;padding-inline:4px;margin-bottom:12px}
  .detalhe-equipamento strong{font-size:9px}
  .detalhe-equipamento p{font-size:21px;line-height:1.3}
  .heroi-nome{font-size:8px}
  .comunidade .botao{font-size:11px;min-height:86px}
  .perguntas summary,.perguntas details[open] summary{font-size:25px}
}
@media(max-width:350px){
  h1{font-size:30px}
  .abertura .sobrelinha{font-size:8px;letter-spacing:0}
  .abertura .botao{font-size:10px;min-width:100%}
  .nota-download{column-gap:8px;font-size:19px}
  .celular-vitrine figcaption{font-size:8px}
  .sobrelinha{font-size:8px;letter-spacing:.2px}
  .atlas-cabecalho{font-size:7px}
  .atlas-cabecalho>span+span{max-width:68px;font-size:7px}
  .vitrine-titulo{font-size:8px}
  .item-legenda{font-size:15px}
  .legenda-arte{font-size:8px}
  .detalhe-equipamento{min-height:208px}
  .detalhe-equipamento p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  [data-revelar],.janela-wallpaper[open],.perguntas details[open] p{animation:none!important}
  [data-revelar].pixel-texto-preparado{opacity:1;translate:none}
  .fumaca-pixel{display:none}
  .magia-portal i,.magia-tesouro i{opacity:.45;transform:none}
}
.inventario-experiencia{width:100%;min-width:0;max-width:580px;margin-inline:auto;text-align:center}
.inventario-experiencia>.sobrelinha{justify-content:center;font-size:9px;line-height:1.8;margin-bottom:12px}
.inventario-palco{position:relative;width:100%;max-width:500px;aspect-ratio:500/568;margin-inline:auto}
.inventario-demo{position:relative;display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:dark;z-index:1}
.inventario-demo:not([data-pronto]){visibility:hidden}
.inventario-espera{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:30px;font-size:22px;color:#cbd0b9}
.inventario-espera[hidden]{display:none}
.inventario-legenda{font-size:21px;line-height:1.4;color:#cbd0b9;margin:8px auto 0;max-width:35ch}

/* O Canvas fica dentro da moldura 9-slice; o bosque estático cobre falhas de carga. */
.tropa[data-tropa-viva]{display:block;min-height:0;aspect-ratio:384/220;padding:0;max-width:none}
.tropa[data-tropa-viva]:before{inset:0;background-size:auto 100%}
.tropa[data-tropa-viva]:after{inset:-10px;border-image-width:26px}
.tropa[data-tropa-viva].tropa-pronta:before{visibility:hidden}
.tropa-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;visibility:hidden;image-rendering:auto}
.tropa-pronta .tropa-canvas{visibility:visible}
@media(max-width:760px){.tropa[data-tropa-viva]{width:100%;max-width:580px;margin-inline:auto}}
@media(max-width:440px){.tropa[data-tropa-viva]:after{inset:-8px;border-image-width:22px}}

/* O deslocamento individual se soma à flutuação e ao hover, sem mover os textos. */
.rolagem-cinematica{translate:var(--rolagem-x,0px) var(--rolagem-y,0px)}
.rolagem-fundo{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rolagem-fundo-abertura{z-index:-3}
.rolagem-fundo-comunidade{z-index:-2}
.rolagem-fundo>.abertura-cenario{inset:-44px 0;z-index:0}
.rolagem-fundo>.comunidade-paisagem{inset:-32px 0;z-index:0}
@media(max-width:760px){
  .rolagem-fundo>.abertura-cenario{inset:-20px 0}
  .rolagem-fundo>.comunidade-paisagem{inset:-16px 0}
}
@media(prefers-reduced-motion:reduce){.rolagem-cinematica{translate:none}}

/* Textos compõem o transform com o translate da névoa; artes preservam seus transforms nativos. */
.rolagem-viva:not(.rolagem-leitura){translate:var(--rolagem-x,0px) var(--rolagem-y,0px);scale:var(--rolagem-escala,1);rotate:var(--rolagem-rotacao,0deg)}
.rolagem-viva.rolagem-leitura,.passos-grade article.rolagem-leitura{transform:translate3d(var(--rolagem-x,0px),var(--rolagem-y,0px),0) rotate(var(--rolagem-rotacao,0deg)) scale(var(--rolagem-escala,1))}
.selo-divisor.rolagem-viva{transform-origin:0 0}
.rolagem-fundo>.abertura-cenario{inset:-108px 0}
.rolagem-fundo>.comunidade-paisagem{inset:-84px 0}
@media(max-width:760px){
  .rolagem-fundo>.abertura-cenario{inset:-40px 0}
  .rolagem-fundo>.comunidade-paisagem{inset:-34px 0}
}
@media(prefers-reduced-motion:reduce){
  .rolagem-viva:not(.rolagem-leitura){translate:none;scale:1;rotate:none}
  .rolagem-viva.rolagem-leitura,.passos-grade article.rolagem-leitura{transform:none}
}

/* Ouro e brilhos acompanham a abertura do baú, sem interceptar os controles. */
.tesouro-efeitos{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;image-rendering:pixelated;opacity:0;transition:transform .25s}
.tesouro-efeitos.tesouro-pronto{opacity:1}
.comunidade-miolo:has(.botao:hover) .tesouro-efeitos,.comunidade-miolo:has(.botao:focus-visible) .tesouro-efeitos{transform:translateY(-4px)}
.animacoes-pausadas .tesouro-efeitos,.aba-inativa .tesouro-efeitos,.janela-aberta .tesouro-efeitos,.trailer-aberto .tesouro-efeitos,.fora-da-tela .tesouro-efeitos{opacity:0}
@media(prefers-reduced-motion:reduce){.tesouro-efeitos.tesouro-pronto{opacity:0}}

/* A ilha é o chão comum; a altura dos pés decide a oclusão pelo baú. */
.tesouro-cena .bau-tesouros{z-index:1}
.gatos-ilha{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;opacity:0}
.gatos-ilha-atras{z-index:0}.gatos-ilha-frente{z-index:2}
.gatos-ilha-prontos .gatos-ilha{opacity:1}
.tesouro-cena.gatos-ilha-prontos>.sprite-gato{visibility:hidden}

/* Origem: batalha-v1.css */
/* A faixa exibe somente o motor real; durante a carga, conserva o panorama da abertura. */
.abertura-miolo{padding-bottom:96px}
.abertura .descer{bottom:214px}
.abertura .folhagem-canto{display:none}
.abertura-chao.batalha-viva{position:relative;height:200px;bottom:auto;z-index:2;mask-image:none;background:transparent;overflow:hidden;isolation:isolate}
/* O iframe compartilha o esquema do documento interno para conservar o canvas transparente. */
.batalha-jogo{position:absolute;left:0;bottom:0;width:66.666667%;height:132px;border:0;transform:scale(1.5);transform-origin:left bottom;background:transparent;color-scheme:normal;opacity:0;pointer-events:none;image-rendering:pixelated;mask-image:linear-gradient(transparent,#000 30%)}
.batalha-pronta .batalha-jogo{opacity:1}
@media(max-width:760px){.abertura .descer{bottom:210px}}

/* Origem: celular-vivo-v1.css */
/* A tela lógica permanece fixa; só o vidro do aparelho muda de tamanho. */
.aparelho-tela.tela-viva{aspect-ratio:360/760}
.tela-viva>.captura-wallpaper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.celular-conteudo{position:absolute;left:0;top:0;width:360px;height:760px;transform:scale(var(--escala-wallpaper,.65));transform-origin:top left;opacity:0;pointer-events:none}
.celular-pronto .celular-conteudo{opacity:1}
.celular-pronto>.captura-wallpaper{visibility:hidden}
.celular-jogo{display:block;width:360px;height:760px;border:0;background:transparent;color-scheme:normal;pointer-events:none;image-rendering:pixelated}
/* Ícones e barras nativos ficam por cima do wallpaper, como na tela inicial. */
.tela-android{position:absolute;inset:0;color:#fff;font:11px/1.15 Arial,sans-serif;image-rendering:auto;text-shadow:0 1px 3px #0009}
.android-status{position:absolute;inset:10px 18px auto;display:flex;justify-content:space-between;align-items:center;height:14px;font-size:11px;font-weight:600;letter-spacing:.15px}
.android-sinais{display:flex;gap:7px;align-items:center}
.android-sinais svg{width:13px;height:13px;fill:currentColor}
.android-grade{position:absolute;left:18px;right:18px;top:57px;display:flex;justify-content:space-between;gap:7px}
.android-app{width:63px;text-align:center;font-size:9px;letter-spacing:0}
.android-icone{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin:0 auto 7px;border-radius:50%;background:#138ed6;box-shadow:0 1px 3px #0003;text-shadow:none}
.android-icone svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tela-viva .android-icone img{width:43px;height:43px;border-radius:50%;image-rendering:pixelated}
.android-icone.galeria{background:linear-gradient(145deg,#ffb849,#f77e28)}
.android-icone.musica{background:linear-gradient(145deg,#ba82ed,#8e4ace)}
.android-icone.mensagens{background:linear-gradient(145deg,#40b7f2,#158ce2)}
.android-base{position:absolute;left:24px;right:24px;bottom:100px;display:flex;justify-content:space-between}
.android-icone.ajustes{background:#13bdb9}
.android-icone.contatos{background:#258af1}
.android-dock{position:absolute;left:25px;right:25px;bottom:43px;display:flex;justify-content:space-between;align-items:center}
.android-dock .android-icone{width:41px;height:41px;margin:0}
.android-icone.telefone{background:#1a9bde}
.android-icone.camera{background:#dae4e7}
.android-icone.camera svg{stroke:#445d66}
.android-icone.navegador{background:#fff}
.android-icone.navegador svg{stroke:none}
.android-navegacao{position:absolute;left:0;right:0;bottom:0;height:30px;display:flex;gap:63px;align-items:center;justify-content:center;background:linear-gradient(transparent,#0008)}
.android-voltar{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #fff}
.android-inicio{width:13px;height:13px;border:1.7px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #fff3}
.android-recentes{width:10px;height:10px;border-radius:1px;background:#fff}
.detalhe-captura .aparelho-tela.tela-viva{border-radius:28px}

/* Origem: trailer-v1.css */
/* A moldura 9-slice existente envolve o vídeo sem recortar seus controles. */
.janela-trailer{width:min(1100px,calc(100% - 40px));padding:22px}
.trailer-cabecalho{padding:12px 54px 24px 0}
.trailer-cabecalho .sobrelinha{font-size:8px;line-height:1.8;margin-bottom:12px}
.trailer-cabecalho h2{font-size:24px;line-height:1.4}
.trailer-video{width:100%;min-height:200px;aspect-ratio:16/9;background:#080d0b;overflow:hidden;box-shadow:0 0 0 2px #756039,0 6px 0 #0c160f}
.trailer-video iframe{display:block;width:100%;height:100%;border:0;image-rendering:auto}
.trailer-rodape{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;font:22px/1.4 var(--texto);color:#c7cbb2;margin-top:22px}
.trailer-rodape a{color:var(--papel);text-decoration:underline;text-underline-offset:4px}
.trailer-rodape a:hover{color:#f8d497}
@media(max-width:760px){
  .janela-trailer{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-width:18px;padding:10px}
  .trailer-cabecalho{padding:12px 42px 22px 0}
  .trailer-cabecalho h2{font-size:18px}
  .trailer-cabecalho .sobrelinha{font-size:7px;line-height:1.9}
  .trailer-rodape{font-size:20px;margin-top:18px}
}

/* Origem: atlas-vivo-v1.css */
/* O atlas vivo ocupa a mesma janela e conserva a moldura e o fallback original. */
.mundo-paisagem>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;image-rendering:pixelated;pointer-events:none}
.mundo-paisagem.atlas-pronto>canvas{opacity:1}
.mundo-paisagem.atlas-pronto>#mundo-imagem{visibility:hidden}

/* Origem: localizacao-v1.css */
/* O seletor usa nomes nativos e não baixa fontes internacionais. */
.idioma-seletor{display:flex;align-items:center;gap:7px;flex-shrink:0}
.idioma-seletor svg{width:18px;height:18px;fill:none;stroke:var(--ouro);stroke-width:1.5}
.idioma-seletor select{max-width:145px;min-height:38px;padding:7px 24px 7px 8px;border:1px solid #677044;border-radius:3px;background:#152219;color:var(--papel);font:14px/1.3 system-ui,sans-serif;cursor:pointer}
.idioma-seletor select:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.cabecalho-acoes{gap:10px}
.abertura-texto,.conceito-texto,.heroi-texto,.secao-cabeca>*{min-width:0}
h1,h2,h3,.botao,.sobrelinha{overflow-wrap:break-word}
.botao{white-space:normal;text-align:center}
html.idioma-sistema{--titulo:system-ui,sans-serif;--texto:system-ui,sans-serif}
.idioma-sistema body{font-size:20px;line-height:1.6}
.idioma-sistema h1{font-size:clamp(32px,4vw,58px);line-height:1.3}
.idioma-sistema h2{line-height:1.5;letter-spacing:0}
.idioma-sistema .sobrelinha{line-height:1.7;letter-spacing:.5px}
.idioma-sistema .android-app{font-family:system-ui,sans-serif;font-size:9px}
.idioma-sistema .inventario-prancheta,.idioma-sistema .inventario-prancheta button{font-family:system-ui,sans-serif}
@media(min-width:981px) and (max-width:1240px){.cabecalho .menu-botao{display:inline-flex}.navegacao{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;text-align:center;gap:20px;padding:24px;background:#16251bf7;border-bottom:2px solid #9a8050}.navegacao.aberta{display:flex}}
@media(max-width:980px){.idioma-seletor select{max-width:120px;font-size:12px}}
@media(max-width:420px){.idioma-seletor svg{display:none}.idioma-seletor select{max-width:84px;padding-inline:5px;font-size:11px}.cabecalho-acoes{gap:4px}.cabecalho .marca>img{display:none}.cabecalho .movimento-botao{width:34px}.cabecalho .menu-botao{min-width:50px;font-size:7px}}