/* 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.png) 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.png)}.sprite-goblin{background-image:url(jogo/goblin-idle.png);animation-duration:1.4s}.sprite-gato{background-image:url(jogo/gato-idle.png);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.png) 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}}