/* Interface web de Herdeiros do Olimpo (PRD 16 §4.3).
   Reproduz a composição do Godot atual (scripts/olimpo/pincel.gd, olimpo.gd, arsenal.gd,
   comercio.gd, scripts/hud/hud.gd e scripts/ui/estilo.gd), medida na referência 1920×1080.
   --u é um pixel da referência: min(largura/1920, altura/1080). Em janelas mais largas, os
   blocos flexíveis recebem a sobra; em janelas estreitas (< 1100 px), as colunas se empilham e
   a página rola, mantendo a hierarquia. */

@font-face{font-family:Fira;src:url('../public/interface/fontes/FiraSans-Regular.ttf');font-weight:400}
@font-face{font-family:Fira;src:url('../public/interface/fontes/FiraSans-Medium.ttf');font-weight:500}
@font-face{font-family:Fira;src:url('../public/interface/fontes/FiraSans-SemiBold.ttf');font-weight:600}
@font-face{font-family:Fira;src:url('../public/interface/fontes/FiraSans-Bold.ttf');font-weight:700}
@font-face{font-family:Fira;src:url('../public/interface/fontes/FiraSans-Italic.ttf');font-style:italic}
@font-face{font-family:Marcellus;src:url('../public/interface/fontes/Marcellus-Regular.ttf')}

:root{
  --u:max(.5px,min(100vw / 1920,100vh / 1080));
  --hud:1;
  --uh:calc(max(.6px,min(100vw / 1920,100vh / 1080)) * var(--hud));
  --ouro:#f6d696;--creme:#eee3cb;--creme-hud:#f4ead6;--rotulo:#c9b48a;--rotulo-claro:#e9c98a;
  --apagado:#8f8676;--suave:#cbbca3;--falta:#f0a070;--tem:#b9e0a0;--cinza:#8f8a76;--pardo:#bcb49b;
  --painel-alto:rgba(30,25,18,.88);--painel-baixo:rgba(18,15,11,.92);
  --borda:rgba(233,201,138,.24);--borda-acesa:rgba(246,214,150,.88);
  --vidro:rgba(14,10,8,.72);--fio:rgba(255,236,204,.24);
  --sombra-texto:0 calc(2 * var(--u)) 0 rgba(8,5,3,.75);
  color-scheme:dark;font-family:Fira,system-ui,sans-serif;color:var(--creme);background:#0c0a07;font-synthesis:none
}
*{box-sizing:border-box}
html,body,#aplicacao{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#0c0a07}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;margin:0;touch-action:manipulation;text-align:inherit}
button:disabled{cursor:default}
button:focus{outline:none}
img{display:block}
h1,h2,h3,p,dl,dd,ul{margin:0}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* ------------------------------------------------------------ peças comuns (pincel.gd) */
.serifa{font-family:Marcellus,Georgia,serif;font-weight:400}
.sobretitulo{font-family:Fira;font-weight:500;text-transform:uppercase;color:var(--rotulo);letter-spacing:.2em;font-size:calc(16 * var(--u));line-height:1.15;display:block;text-shadow:var(--sombra-texto)}
.painel{position:relative;border-radius:calc(14 * var(--u));border:1px solid var(--borda);
  background:linear-gradient(var(--painel-alto),rgba(30,25,18,0)) ,var(--painel-baixo);
  box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(0,0,0,.42)}
.painel.fio-dourado:before{content:'';position:absolute;top:-1px;left:calc(34 * var(--u));right:calc(34 * var(--u));height:calc(2 * var(--u));
  background:linear-gradient(90deg,rgba(233,201,138,0),var(--rotulo-claro) 50%,rgba(233,201,138,0))}
.fio{height:calc(1.5 * var(--u));min-height:1px;background:linear-gradient(90deg,rgba(201,180,138,0),rgba(201,180,138,.55) 50%,rgba(201,180,138,0))}
.linha-fina{height:calc(1.5 * var(--u));min-height:1px;background:rgba(148,120,74,.4)}
.ornamento{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));height:calc(32 * var(--u))}
.ornamento:before,.ornamento:after{content:'';width:calc(62 * var(--u));height:calc(1.5 * var(--u));min-height:1px;background:linear-gradient(90deg,rgba(201,164,106,0),#c9a46a 50%,rgba(201,164,106,0))}
.ornamento i{width:calc(8.5 * var(--u));height:calc(8.5 * var(--u));background:#c9a46a;transform:rotate(45deg)}
kbd,.tecla{display:inline-grid;place-items:center;min-width:calc(26 * var(--u));height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(6 * var(--u));
  background:rgba(8,6,4,.92);border:1px solid rgba(255,235,204,.32);color:#efe0c2;font:600 calc(15 * var(--u))/1 Fira;text-shadow:none;letter-spacing:0;white-space:nowrap}
.tecla.clara{background:#efe0c2;color:#1b140e;border-color:#efe0c2}
.selo{display:inline-flex;align-items:center;height:calc(29 * var(--u));padding:0 calc(13 * var(--u));border-radius:calc(7 * var(--u));background:rgba(0,0,0,.28);
  border:1px solid color-mix(in srgb,var(--cor,#c2bfa5) 55%,transparent);color:var(--cor,#c2bfa5);font:500 calc(15 * var(--u))/1 Fira;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}

/* Botão principal em bronze (pincel.bronze). */
.bronze{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));border-radius:calc(12 * var(--u));
  background:linear-gradient(#b9783c,#7d4a22);border:1px solid #f0c27a;color:#fff4dc;font-family:Marcellus;font-size:calc(22 * var(--u));letter-spacing:calc(1.2 * var(--u));text-shadow:var(--sombra-texto);
  box-shadow:0 0 0 calc(4 * var(--u)) rgba(232,179,99,.14),0 calc(5 * var(--u)) calc(14 * var(--u)) rgba(240,189,110,.12),inset 0 calc(1.5 * var(--u)) 0 rgba(255,219,168,.6);
  transition:transform .14s,box-shadow .14s,background .14s,border-color .14s}
.bronze:not(:disabled):hover,.bronze:not(:disabled):focus-visible{transform:translateY(calc(-2 * var(--u)));background:linear-gradient(#c7895a,#8f5e3d);border-color:#ffe2a8;color:#fff;
  box-shadow:0 0 0 calc(4 * var(--u)) rgba(232,179,99,.26),0 calc(8 * var(--u)) calc(30 * var(--u)) rgba(240,189,110,.42),inset 0 calc(1.5 * var(--u)) 0 rgba(255,219,168,.6)}
.bronze:disabled{background:linear-gradient(#5a4c3e,#3a3128);border-color:#7a6a55;color:var(--apagado);box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(61,52,43,.6)}

/* Botão comum (pincel.botao_jogo): painel que se acende com o foco; .plano é o liso de ajuste. */
.botao{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));border-radius:calc(10 * var(--u));
  background:linear-gradient(var(--painel-alto),rgba(30,25,18,0)),var(--painel-baixo);border:1px solid var(--borda);box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.42);
  color:var(--creme);font-family:Marcellus;font-size:calc(20 * var(--u));letter-spacing:calc(.6 * var(--u));text-shadow:var(--sombra-texto);transition:transform .14s,box-shadow .14s,border-color .14s,color .14s}
.botao.com-icone{justify-content:flex-start;padding-left:calc(20 * var(--u));font-family:Fira;letter-spacing:0}
.botao.com-icone img{width:calc(32 * var(--u));height:calc(32 * var(--u));object-fit:contain}
.botao:not(:disabled):hover,.botao:not(:disabled):focus-visible,.botao.marcado{transform:translateY(calc(-2 * var(--u)));border-color:var(--borda-acesa);color:#ffe7aa;
  box-shadow:0 0 calc(26 * var(--u)) rgba(240,191,110,.24),0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.42)}
.plano{display:inline-grid;place-items:center;border-radius:calc(10 * var(--u));background:rgba(255,240,214,.05);border:1px solid rgba(232,201,138,.3);color:var(--creme);
  font-family:Fira;font-size:calc(17 * var(--u));text-shadow:var(--sombra-texto);transition:background .14s,border-color .14s,color .14s}
.plano:not(:disabled):hover,.plano:not(:disabled):focus-visible{background:rgba(255,240,214,.1);border-color:var(--borda-acesa);color:#ffe7aa;box-shadow:0 0 0 calc(.5 * var(--u)) var(--borda-acesa)}
.plano:disabled,.botao:disabled{color:var(--apagado);opacity:.75}
.plano.seta{width:calc(45 * var(--u));height:calc(45 * var(--u));font-family:Marcellus;font-size:calc(26 * var(--u));color:var(--rotulo-claro)}

/* Abas em pílulas (pincel.abas). */
.abas{display:flex;gap:calc(8 * var(--u));flex-wrap:wrap}
.aba{height:calc(38 * var(--u));padding:0 calc(17 * var(--u));border-radius:calc(19 * var(--u));background:rgba(255,242,217,.03);border:1px solid rgba(232,201,138,.22);
  color:var(--creme);font:400 calc(17 * var(--u)) Fira;text-shadow:var(--sombra-texto);white-space:nowrap}
.aba:hover,.aba:focus-visible{background:rgba(255,242,217,.08);border-color:var(--borda-acesa);color:#ffe7aa}
.aba[aria-pressed=true]{background:rgba(232,194,122,.2);border:calc(1.5 * var(--u)) solid var(--rotulo);color:var(--ouro)}

/* Espaço de item com moldura por grau (pincel.espaco_item). */
.espaco{position:relative;display:block;width:var(--lado);height:var(--alto,var(--lado));flex:none;text-shadow:none}
.espaco:before{content:'';position:absolute;inset:5%;border-radius:calc(6 * var(--u));background:rgba(18,14,10,.88)}
.espaco.vazio:before{background:rgba(18,14,10,.7)}
.espaco>.moldura{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.espaco.vazio>.moldura{opacity:.5}
.espaco>.icone{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}
.espaco>.inicial{position:absolute;inset:12%;display:grid;place-items:center;font-family:Marcellus;color:#c6a25c;font-size:calc(var(--lado) * .4)}
button.espaco:not(:disabled):hover:before,button.espaco:focus-visible:before{background:#382d20}
.espaco.escolhido:before{background:#4a3c28}
.espaco.escolhido:after{content:'';position:absolute;inset:calc(-4 * var(--u));border-radius:calc(12 * var(--u));border:calc(2 * var(--u)) solid rgba(245,209,133,.65);box-shadow:0 0 calc(16 * var(--u)) rgba(245,209,133,.22)}
.qtd{position:absolute;right:calc(16 * var(--u));bottom:calc(16 * var(--u));transform:translate(0,0);min-width:calc(30 * var(--u));height:calc(25 * var(--u));padding:0 calc(7 * var(--u));display:grid;place-items:center;
  border-radius:calc(6 * var(--u));background:rgba(13,10,8,.92);border:1px solid rgba(171,140,84,.9);color:#ffe6b0;font:600 calc(17 * var(--u))/1 Fira}
.preco{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font:600 calc(16 * var(--u))/1 Fira;color:#ffe6b0}
.preco img{width:calc(22 * var(--u));height:calc(22 * var(--u))}
.preco.falta{color:var(--falta)}
.espaco>.etiqueta-preco{position:absolute;left:calc(28 * var(--u));bottom:calc(18 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u));background:rgba(24,19,15,.92)}
.espaco>.faixa-passivo{position:absolute;left:calc(17 * var(--u));right:calc(17 * var(--u));top:calc(50% - 12 * var(--u));height:calc(24 * var(--u));display:grid;place-items:center;
  background:rgba(21,17,13,.82);color:#fff1c8;font:400 calc(13 * var(--u))/1 Fira;white-space:nowrap;overflow:hidden}

/* ------------------------------------------------------------ moldura das telas */
.menu{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;text-shadow:var(--sombra-texto);
  background:linear-gradient(90deg,rgba(15,12,9,.85),rgba(11,9,7,.91)),url('../public/interface/menus/fundo-olimpo.jpg') center/cover}
.cabecalho{position:relative;flex:none;height:calc(110 * var(--u));display:flex;align-items:flex-start;justify-content:space-between;gap:calc(24 * var(--u));padding:calc(32 * var(--u)) calc(60 * var(--u)) 0}
.cabecalho:after{content:'';position:absolute;left:calc(60 * var(--u));right:calc(60 * var(--u));bottom:0;height:calc(1.5 * var(--u));min-height:1px;
  background:linear-gradient(90deg,rgba(201,180,138,0),rgba(201,180,138,.55) 50%,rgba(201,180,138,0))}
.cabecalho h1{font:400 calc(34 * var(--u))/calc(47 * var(--u)) Marcellus;letter-spacing:calc(1.2 * var(--u));color:var(--creme);white-space:nowrap}
.recursos{display:flex;gap:calc(12 * var(--u));flex:none}
.pilula{display:flex;align-items:center;height:calc(46 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(8 * var(--u));gap:calc(10 * var(--u));border-radius:calc(23 * var(--u));
  background:rgba(14,11,8,.74);border:1px solid rgba(232,201,138,.28);font:600 calc(21 * var(--u))/1 Fira;color:var(--creme);text-shadow:none;white-space:nowrap}
.pilula img{width:calc(32 * var(--u));height:calc(32 * var(--u));object-fit:contain}
.pilula.cheia{color:var(--falta)}
.trilho-xp{width:calc(70 * var(--u));height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:rgba(255,255,255,.12);margin-left:calc(12 * var(--u));overflow:hidden}
.trilho-xp i{display:block;height:100%;min-width:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:var(--rotulo)}
.pagina{position:relative;flex:1;min-height:0;overflow:auto;padding:calc(48 * var(--u)) calc(60 * var(--u)) calc(24 * var(--u));scrollbar-color:#8b794f #1a160f;font-size:calc(19 * var(--u))}
.pagina:focus{outline:none}
.rodape-menu{position:relative;flex:none;height:calc(110 * var(--u));display:flex;align-items:flex-start;justify-content:space-between;gap:calc(20 * var(--u));padding:calc(25 * var(--u)) calc(60 * var(--u)) 0}
.rodape-menu:before{content:'';position:absolute;top:0;left:calc(60 * var(--u));right:calc(60 * var(--u));height:calc(1.5 * var(--u));min-height:1px;
  background:linear-gradient(90deg,rgba(201,180,138,0),rgba(201,180,138,.4) 50%,rgba(201,180,138,0))}
.retorno{display:flex;align-items:center;gap:calc(14 * var(--u));height:calc(59 * var(--u));padding:0 calc(26 * var(--u)) 0 calc(24 * var(--u));border-radius:calc(12 * var(--u));
  background:rgba(255,240,214,.05);border:1px solid rgba(232,201,138,.3);font:400 calc(20 * var(--u)) Fira;color:var(--creme);transition:background .14s,border-color .14s,box-shadow .14s}
.retorno kbd{min-width:calc(42 * var(--u))}
.retorno:hover,.retorno:focus-visible{background:rgba(255,240,214,.1);border:calc(1.5 * var(--u)) solid var(--borda-acesa);color:#fff3d0;box-shadow:0 0 calc(16 * var(--u)) rgba(240,189,110,.2)}
.rodape-menu .botao{height:calc(58 * var(--u));padding:0 calc(25 * var(--u));margin-top:calc(1 * var(--u))}

/* Quem atende o serviço, à esquerda (pincel.npc). */
.npc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;margin-left:calc(-12 * var(--u));padding-bottom:0}
.npc:after{content:'';position:absolute;right:0;top:calc(-48 * var(--u));bottom:calc(-24 * var(--u));width:calc(1.5 * var(--u));min-width:1px;background:rgba(153,122,77,.22)}
.npc img{width:calc(298 * var(--u));height:calc(314 * var(--u));object-fit:contain}
.npc strong{display:block;width:calc(298 * var(--u));margin-top:calc(16 * var(--u));text-align:center;font:400 calc(26 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.npc q{display:block;width:calc(298 * var(--u));margin-top:calc(8 * var(--u));text-align:center;font:italic 400 calc(18 * var(--u))/calc(25 * var(--u)) Fira;color:#cdbfa4;quotes:'“' '”';white-space:nowrap}

/* ------------------------------------------------------------ Olimpo */
.tela-olimpo{background:
  linear-gradient(rgba(10,8,6,0) 70%,rgba(10,8,6,.7)),
  linear-gradient(90deg,rgba(10,8,6,.18) 0%,rgba(10,8,6,.32) 42%,rgba(10,8,6,.86) 64%,rgba(10,8,6,.93) 100%),
  url('../public/interface/menus/fundo-olimpo.jpg') left center/cover}
.tela-olimpo .pagina{padding:0;overflow:hidden}
.olimpo{position:relative;height:100%;width:100%}
.olimpo>*{position:absolute}
.olimpo .refugio{left:calc(60 * var(--u));top:calc(36 * var(--u));height:calc(46 * var(--u));display:flex;align-items:center;font-size:calc(18 * var(--u));color:#d8c8a8}
.olimpo .recursos{right:calc(60 * var(--u));top:calc(32 * var(--u))}
.olimpo .identidade{left:calc(120 * var(--u));top:calc(170 * var(--u))}
.identidade .sobretitulo{font-size:calc(20 * var(--u));color:var(--rotulo-claro);line-height:calc(24 * var(--u))}
.identidade h2{margin-top:calc(6 * var(--u));font:400 calc(104 * var(--u))/calc(108 * var(--u)) Marcellus;letter-spacing:calc(1 * var(--u));color:#fbf1dc}
.mapas-entrada{left:calc(120 * var(--u));top:calc(430 * var(--u));width:calc(660 * var(--u));height:calc(114 * var(--u));padding:calc(10 * var(--u));display:flex;gap:calc(15 * var(--u));overflow:hidden}
.mapas-entrada-mini{width:calc(112 * var(--u));height:calc(94 * var(--u));object-fit:cover;flex:none;border-radius:calc(5 * var(--u));border:1px solid var(--borda)}
.mapas-entrada-texto{min-width:0;display:flex;flex-direction:column;justify-content:center}
.mapas-entrada .sobretitulo{font-size:calc(13 * var(--u))}
.mapas-entrada h3{font:400 calc(24 * var(--u)) Marcellus;color:var(--ouro);line-height:1.15;margin-top:calc(3 * var(--u))}
.mapas-entrada p{font-size:calc(15 * var(--u));color:var(--suave);margin-top:calc(2 * var(--u))}
.mapas-entrada-acoes{display:flex;gap:calc(7 * var(--u));margin-top:calc(7 * var(--u));flex-wrap:wrap}
.mapas-entrada-acoes .botao{font-size:calc(14 * var(--u));height:calc(26 * var(--u));padding:0 calc(10 * var(--u))}
.missao-capitulo{left:calc(120 * var(--u));top:calc(560 * var(--u));width:calc(660 * var(--u));height:calc(332 * var(--u));padding:calc(30 * var(--u)) calc(34 * var(--u));border-radius:calc(16 * var(--u))}
.missao-capitulo .sobretitulo{font-size:calc(18 * var(--u));color:#cdb98f}
.missao-capitulo h3{margin-top:calc(14 * var(--u));font:400 calc(38 * var(--u))/calc(50 * var(--u)) Marcellus;color:#f4e6c8}
.missao-capitulo p{margin-top:calc(12 * var(--u));font:400 calc(22 * var(--u))/calc(33 * var(--u)) Fira;color:#d7cab2}
.missao-capitulo .acoes{position:absolute;left:calc(34 * var(--u));top:calc(230 * var(--u));display:flex;gap:calc(20 * var(--u))}
.missao-capitulo .bronze{width:calc(320 * var(--u));height:calc(66 * var(--u));font-size:calc(25 * var(--u))}
.missao-capitulo .botao{width:calc(220 * var(--u));height:calc(66 * var(--u));font-size:calc(22 * var(--u))}
.olimpo .servicos{right:calc(80 * var(--u));top:calc(170 * var(--u));width:calc(720 * var(--u))}
.servicos .sobretitulo{font-size:calc(20 * var(--u));color:var(--rotulo-claro);height:calc(46 * var(--u))}
.grade-servicos{display:grid;grid-template-columns:repeat(2,calc(351 * var(--u)));gap:calc(18 * var(--u))}
.servico{height:calc(124 * var(--u));display:flex;align-items:center;gap:calc(18 * var(--u));padding:0 calc(14 * var(--u)) 0 calc(22 * var(--u));text-align:left;
  border-radius:calc(14 * var(--u));border:1px solid var(--borda);background:linear-gradient(var(--painel-alto),rgba(30,25,18,0)),var(--painel-baixo);box-shadow:0 calc(5 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.42);
  transition:transform .14s,border-color .14s,box-shadow .14s}
.servico img{width:calc(76 * var(--u));height:calc(76 * var(--u));object-fit:contain;transition:transform .14s}
.servico span{display:block;font:400 calc(29 * var(--u))/calc(40 * var(--u)) Marcellus;color:#f4e6c8}
.servico small{display:block;margin-top:calc(4 * var(--u));font:400 calc(19 * var(--u))/calc(24 * var(--u)) Fira;color:#c6b796}
.servico:hover,.servico:focus-visible{transform:translateY(calc(-3 * var(--u)));border:calc(1.5 * var(--u)) solid var(--borda-acesa);box-shadow:0 0 calc(24 * var(--u)) rgba(240,191,110,.24),0 calc(5 * var(--u)) calc(24 * var(--u)) rgba(0,0,0,.42),inset 0 calc(-2 * var(--u)) 0 -1px var(--ouro)}
.servico:hover img,.servico:focus-visible img{transform:scale(1.08)}
.servicos .linha-botoes{display:flex;gap:calc(14 * var(--u));margin-top:calc(26 * var(--u))}
.servicos .linha-botoes .botao{height:calc(58 * var(--u))}
.futuros{right:calc(80 * var(--u));bottom:calc(70 * var(--u));display:flex;gap:calc(18 * var(--u))}
.futuro{width:calc(260 * var(--u));height:calc(74 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));text-align:left;
  border-radius:calc(12 * var(--u));background:rgba(18,15,11,.72);border:1px solid rgba(233,201,138,.22)}
.futuro:hover,.futuro:focus-visible{border-color:rgba(246,214,150,.62)}
.futuro img{width:calc(50 * var(--u));height:calc(50 * var(--u));object-fit:contain;filter:saturate(.8) brightness(.85)}
.futuro span{font:400 calc(22 * var(--u))/calc(30 * var(--u)) Marcellus;color:#e6d6b4}
.futuro small{display:block;font:500 calc(15 * var(--u))/calc(18 * var(--u)) Fira;letter-spacing:.2em;text-transform:uppercase;color:#bba57a}
.dicas-tecla{left:calc(120 * var(--u));bottom:calc(54 * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u));font:400 calc(19 * var(--u)) Fira;color:#cbbd9f}
.dicas-tecla span{margin-right:calc(18 * var(--u))}

/* ------------------------------------------------------------ História */
.historia{display:grid;grid-template-columns:calc(1082 * var(--u)) minmax(calc(560 * var(--u)),1fr);gap:calc(42 * var(--u));height:calc(765 * var(--u))}
.carta{position:relative;height:calc(765 * var(--u));border:calc(1.5 * var(--u)) solid #a58c56;border-radius:calc(6 * var(--u));overflow:hidden;
  background:linear-gradient(rgba(25,20,15,.5),rgba(84,68,50,.12) 50%,rgba(25,20,15,.5)),rgba(34,27,20,.93)}
.carta-interna{position:absolute;inset:0}
.carta-interna>svg{position:absolute;inset:0;width:100%;height:100%}
.carta .titulo-carta{position:absolute;left:calc(65 * var(--u));top:calc(39 * var(--u));font:400 calc(17 * var(--u)) Marcellus;letter-spacing:calc(2.7 * var(--u));color:#d5bf88}
.carta .rodape-carta{position:absolute;left:calc(65 * var(--u));top:calc(700 * var(--u));font:400 calc(17 * var(--u)) Marcellus;color:var(--creme)}
.ponto-mapa{position:absolute;width:calc(168 * var(--u));height:calc(140 * var(--u));transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.ponto-mapa .disco{margin-top:calc(4 * var(--u));width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:50%;display:grid;place-items:center;background:#261f17;border:calc(2 * var(--u)) solid #8a7548;position:relative}
.ponto-mapa .disco:after{content:'';position:absolute;inset:calc(4 * var(--u));border-radius:50%;border:calc(1.5 * var(--u)) solid #a38c56}
.ponto-mapa .disco svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}
.ponto-mapa.marcado .disco,.ponto-mapa:hover .disco,.ponto-mapa:focus-visible .disco{border-color:#dfc080}
.ponto-mapa.marcado .disco{box-shadow:0 0 0 calc(10 * var(--u)) rgba(214,173,99,.16)}
.ponto-mapa .nome{margin-top:calc(2 * var(--u));height:calc(36 * var(--u));padding:0 calc(13 * var(--u));display:grid;place-items:center;background:rgba(34,28,21,.8);font:400 calc(21 * var(--u)) Marcellus;color:var(--creme)}
.ponto-mapa .estado{margin-top:calc(6 * var(--u));height:calc(19 * var(--u));padding:0 calc(6 * var(--u));display:grid;place-items:center;background:#221c14;font:400 calc(13 * var(--u)) Fira;color:#bcb49b;text-shadow:none}
.ficha-mapa{padding:calc(32 * var(--u)) calc(33 * var(--u));display:flex;flex-direction:column}
.ficha-mapa .sobretitulo{font-size:calc(20 * var(--u))}
.ficha-mapa h2{margin-top:calc(20 * var(--u));font:400 calc(38 * var(--u))/calc(57 * var(--u)) Marcellus;color:var(--ouro)}
.ficha-mapa .ornamento{margin-top:calc(37 * var(--u))}
.ficha-mapa p{margin-top:calc(13 * var(--u));font:400 calc(20 * var(--u))/calc(30 * var(--u)) Fira;color:var(--creme)}
.fichas-linha{display:flex;justify-content:space-between;gap:calc(20 * var(--u));height:calc(40 * var(--u));align-items:center;font:400 calc(19 * var(--u)) Fira;color:#bfb299}
.fichas-linha b{font-weight:400;color:#e5d2a2;text-align:right}
.ficha-mapa .fichas{margin-top:calc(14 * var(--u))}
.ficha-mapa .linha-fina{margin-top:calc(18 * var(--u));background:#766c3e}
.ficha-mapa h3{margin-top:calc(22 * var(--u));font:400 calc(30 * var(--u))/calc(57 * var(--u)) Marcellus;color:var(--ouro)}
.ficha-mapa .bronze{margin-top:auto;margin-bottom:calc(65 * var(--u));align-self:flex-start;height:calc(68 * var(--u));padding:0 calc(36 * var(--u));min-width:calc(280 * var(--u));font-size:calc(20 * var(--u))}
.ficha-mapa .abrir-atlas{align-self:flex-start;margin-top:calc(-48 * var(--u));font-size:calc(18 * var(--u))}

/* Catálogo de mapas do lobby: a ficha distingue prévia, missão e planejamento. */
.tela-atlas .pagina{padding-top:calc(25 * var(--u))}
.atlas-mapas{height:100%;min-height:0;display:flex;flex-direction:column;gap:calc(13 * var(--u))}
.atlas-mapas h2{font:400 calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.atlas-intro{font-size:calc(18 * var(--u));color:var(--suave)}
.atlas-filtros{display:flex;flex-wrap:wrap;gap:calc(7 * var(--u));padding:calc(5 * var(--u)) 0}
.atlas-filtros button{padding:calc(7 * var(--u)) calc(13 * var(--u));border:1px solid var(--borda);border-radius:calc(6 * var(--u));font-size:calc(17 * var(--u));background:#211b13}
.atlas-filtros button[aria-pressed=true],.atlas-filtros button:hover,.atlas-filtros button:focus-visible{border-color:var(--ouro);color:var(--ouro)}
.atlas-corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(calc(400 * var(--u)),.85fr);gap:calc(20 * var(--u))}
.atlas-lista{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:calc(10 * var(--u));padding:0 calc(8 * var(--u)) calc(15 * var(--u)) 0;scrollbar-color:#8b794f #1a160f}
.atlas-item{min-height:calc(100 * var(--u));padding:calc(11 * var(--u)) calc(16 * var(--u));border:1px solid var(--borda);border-radius:calc(9 * var(--u));background:#211a13;display:flex;flex-direction:column;gap:calc(4 * var(--u))}
.atlas-item span{font-size:calc(13 * var(--u));color:var(--rotulo);letter-spacing:.1em;text-transform:uppercase}
.atlas-item strong{font:400 calc(20 * var(--u)) Marcellus;color:var(--creme)}
.atlas-item small{font-size:calc(15 * var(--u));color:var(--suave)}
.atlas-item.escolhido,.atlas-item:hover,.atlas-item:focus-visible{border-color:var(--ouro);background:#3c2d1b}
.atlas-detalhe{padding:calc(28 * var(--u));overflow:auto;display:flex;flex-direction:column;gap:calc(16 * var(--u))}
.atlas-detalhe h3{font:400 calc(34 * var(--u)) Marcellus;color:var(--ouro)}
.atlas-detalhe p{font-size:calc(18 * var(--u));line-height:1.5}
.atlas-detalhe .atlas-estado{color:var(--tem);font-weight:600}
.atlas-detalhe .atlas-aviso{color:var(--rotulo)}
.atlas-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12 * var(--u));margin-top:auto}
.atlas-acoes .bronze,.atlas-acoes .botao{font-size:calc(17 * var(--u));padding:calc(8 * var(--u)) calc(15 * var(--u))}
.atlas-previa-erimanto{width:100%;max-height:calc(255 * var(--u));object-fit:contain;background:#34464b;border:1px solid var(--borda);border-radius:calc(8 * var(--u))}
.tela-previa-lerna .pagina{padding:calc(15 * var(--u)) calc(30 * var(--u))}
.tela-previa-erimanto .pagina{padding:calc(15 * var(--u)) calc(30 * var(--u))}
.previa-mapa{height:100%;min-height:0;display:flex;flex-direction:column;gap:calc(10 * var(--u))}
.previa-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--u))}
.previa-cabecalho p{font-size:calc(17 * var(--u));color:var(--suave)}
.previa-mapa iframe{flex:1;min-height:0;width:100%;border:1px solid var(--borda);border-radius:calc(8 * var(--u));background:#1b241e}
.previa-erimanto{height:100%;overflow:auto;display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.previa-erimanto-galeria{display:grid;grid-template-columns:1fr 1fr;gap:calc(12 * var(--u))}
.previa-erimanto-galeria figure{margin:0;min-width:0;padding:calc(8 * var(--u));background:#263633;border:1px solid var(--borda);border-radius:calc(8 * var(--u))}
.previa-erimanto-galeria figure:first-child{grid-column:1/-1}
.previa-erimanto-galeria img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}
.previa-erimanto-galeria figcaption{padding:calc(8 * var(--u)) calc(5 * var(--u)) calc(2 * var(--u));font-size:calc(16 * var(--u));color:var(--suave)}
@media(max-width:900px){.atlas-corpo{display:flex;flex-direction:column;overflow:auto}.atlas-lista{flex:none;max-height:45vh}.atlas-detalhe{flex:none}.previa-cabecalho{display:block}}
@media(max-width:600px){.previa-erimanto-galeria{display:flex;flex-direction:column}}

/* ------------------------------------------------------------ Portões */
.tela-portoes .pagina{padding-top:calc(46 * var(--u));padding-bottom:calc(30 * var(--u))}
.portoes{display:grid;grid-template-columns:calc(325 * var(--u)) minmax(calc(801 * var(--u)),1fr) calc(613 * var(--u));column-gap:0;height:calc(784 * var(--u))}
.portoes .npc img{width:calc(298 * var(--u));height:calc(248 * var(--u))}
.portoes .npc strong{font-size:calc(25 * var(--u))}
.portoes .npc q{font-size:calc(17 * var(--u));color:#c7bea4}
.portoes .npc{padding-bottom:calc(-6 * var(--u))}
.cartao-missao{position:relative;margin-left:calc(16 * var(--u));margin-right:calc(41 * var(--u));background:#1b1610;border:calc(1.5 * var(--u)) solid #9f844b;border-radius:calc(6 * var(--u));overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cartao-missao .arte{position:absolute;left:0;right:0;top:0;height:calc(380 * var(--u));background:url('../public/interface/menus/fundo-cartao-nemeia.jpg') center 34.65%/100% auto;opacity:.92}
.cartao-missao .arte:after{content:'';position:absolute;left:0;right:0;top:calc(170 * var(--u));height:calc(211 * var(--u));background:linear-gradient(rgba(26,21,16,0),#1a1510 52%)}
.texto-missao{position:relative;margin-top:calc(288 * var(--u));padding:0 calc(32 * var(--u));display:flex;flex-direction:column;flex:1}
.texto-missao .sobretitulo{font-size:calc(19 * var(--u));line-height:calc(22 * var(--u))}
.texto-missao h2{margin-top:calc(6 * var(--u));font:400 calc(38 * var(--u))/calc(57 * var(--u)) Marcellus;color:var(--ouro)}
.texto-missao .linha-selo{margin-top:calc(11 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u));font:400 calc(19 * var(--u)) Marcellus;color:var(--creme)}
.texto-missao p{margin-top:calc(19 * var(--u));font:400 calc(19 * var(--u))/calc(28.5 * var(--u)) Fira;color:var(--creme)}
.texto-missao .sobretitulo.encontrar{margin-top:calc(18 * var(--u));font-size:calc(16 * var(--u))}
.bestiario{margin-top:calc(12 * var(--u));display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:calc(14 * var(--u))}
.monstro{height:calc(196 * var(--u));display:flex;flex-direction:column;align-items:center;background:linear-gradient(#392e22,#1a1510);border:calc(1.5 * var(--u)) solid rgba(158,132,81,.55);border-radius:calc(6 * var(--u));min-width:0;padding:calc(4 * var(--u)) calc(2 * var(--u)) 0}
.monstro.elite{border-color:#b58a52}
.monstro.chefe{border:calc(2 * var(--u)) solid #f0cb80}
.monstro canvas{width:100%;height:calc(130 * var(--u));display:block}
.monstro strong{display:grid;place-items:center;height:calc(34 * var(--u));text-align:center;font:400 calc(13 * var(--u))/calc(15 * var(--u)) Marcellus;color:var(--creme)}
.monstro.chefe strong{color:#fff1c8}
.monstro .sobretitulo{margin-top:auto;margin-bottom:calc(8 * var(--u));font-size:calc(12 * var(--u))}
.monstro.elite .sobretitulo{color:#d9a86a}
.monstro.chefe .sobretitulo{color:#f0cb80}
.preparacao{padding:calc(32 * var(--u)) calc(33 * var(--u)) 0;display:flex;flex-direction:column}
.preparacao h2{font:400 calc(25 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.preparacao>.sobretitulo{margin-top:calc(25 * var(--u))}
.heroi-escolhido{position:relative;margin-top:calc(12 * var(--u));height:calc(107 * var(--u));display:flex;align-items:center;gap:calc(19 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(22 * var(--u));
  background:linear-gradient(#514731,#2e251b);border:calc(1.5 * var(--u)) solid #f0cb80;border-radius:calc(6 * var(--u));box-shadow:inset 0 0 0 calc(2 * var(--u)) rgba(182,151,88,.27)}
.heroi-escolhido>img{width:calc(59 * var(--u));height:calc(59 * var(--u));object-fit:contain}
.heroi-escolhido span{flex:1;font:400 calc(25 * var(--u))/calc(38 * var(--u)) Marcellus;color:#fff1c8}
.heroi-escolhido small{display:block;font:400 calc(17 * var(--u))/calc(25 * var(--u)) Marcellus;color:#dac9a2}
.heroi-escolhido .plano{width:calc(214 * var(--u));height:calc(51 * var(--u))}
.preparacao .ornamento{margin-top:calc(13 * var(--u))}
.cinto-titulo{margin-top:calc(12 * var(--u));display:flex;justify-content:space-between;align-items:center;height:calc(26 * var(--u))}
.cinto-titulo b{font:400 calc(19 * var(--u)) Fira;color:#e5d2a2}
.cinto{margin-top:calc(9 * var(--u));display:flex;flex-direction:column;gap:calc(10 * var(--u))}
.cinto-linha{position:relative;height:calc(78 * var(--u));display:flex;align-items:center;gap:calc(16 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(8 * var(--u));
  background:rgba(39,31,23,.9);border:calc(1.5 * var(--u)) solid #6e6140;border-radius:calc(6 * var(--u))}
.cinto-linha.leva{border-color:#c6a25c}
.cinto-linha.sem-estoque{opacity:.5}
.cinto-linha .espaco{--lado:calc(64 * var(--u))}
.cinto-linha>span{flex:1;min-width:0;font:400 calc(21 * var(--u))/calc(30 * var(--u)) Marcellus;color:var(--creme)}
.cinto-linha small{display:block;font:400 calc(15 * var(--u))/calc(18 * var(--u)) Fira;color:#bcb49b}
.cinto-linha .plano{width:calc(52 * var(--u));height:calc(52 * var(--u));font-size:calc(28 * var(--u));font-family:Marcellus}
.cinto-linha strong{width:calc(72 * var(--u));text-align:center;font:400 calc(28 * var(--u)) Marcellus;color:#f2d796}
.cinto-linha strong.zero{color:var(--cinza)}
.cinto-nota{margin-top:calc(18 * var(--u));font:400 calc(15 * var(--u)) Fira;color:#c7bea4}
.cinto-nota.alerta{margin-top:calc(6 * var(--u));color:var(--falta)}
.preparacao .partir{margin-top:auto;margin-bottom:calc(30 * var(--u));height:calc(110 * var(--u));width:100%;font-size:calc(24 * var(--u));color:#fff1c6}

/* ------------------------------------------------------------ Personagens */
.tela-personagens .pagina,.tela-arsenal .pagina{padding-top:calc(36 * var(--u))}
.personagens{display:grid;grid-template-columns:calc(390 * var(--u)) calc(670 * var(--u)) minmax(calc(560 * var(--u)),1fr);height:calc(792 * var(--u))}
.elenco .sobretitulo{font-size:calc(17 * var(--u));height:calc(34 * var(--u));display:flex;align-items:center}
.elenco{display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.cartao-heroi{position:relative;height:calc(96 * var(--u));display:flex;align-items:center;gap:calc(16 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(14 * var(--u));text-align:left;
  border-radius:calc(14 * var(--u));border:1px solid var(--borda);background:linear-gradient(var(--painel-alto),rgba(30,25,18,0)),var(--painel-baixo);box-shadow:0 calc(5 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.42);transition:transform .14s,border-color .14s}
.cartao-heroi.escolhido{border:calc(1.5 * var(--u)) solid var(--borda-acesa);box-shadow:0 0 calc(26 * var(--u)) rgba(240,191,110,.24),0 calc(5 * var(--u)) calc(16 * var(--u)) rgba(0,0,0,.42)}
.cartao-heroi:not(.escolhido){opacity:1}
.cartao-heroi:not(.escolhido)>*{opacity:.55}
.cartao-heroi:not(.escolhido):hover,.cartao-heroi:not(.escolhido):focus-visible{transform:translateY(calc(-3 * var(--u)));border-color:var(--borda-acesa)}
.cartao-heroi:not(.escolhido):hover>*,.cartao-heroi:not(.escolhido):focus-visible>*{opacity:.8}
.medalha-heroi{width:calc(68 * var(--u));height:calc(68 * var(--u));flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(20,15,11,.93);border:calc(1.5 * var(--u)) solid rgba(214,171,105,.8)}
.medalha-heroi img{width:calc(52 * var(--u));height:calc(52 * var(--u));object-fit:contain}
.cartao-heroi:not(.escolhido) .medalha-heroi img{filter:grayscale(.6) sepia(.2) brightness(.85)}
.cartao-heroi .nome{flex:1;font:400 calc(28 * var(--u))/calc(36 * var(--u)) Marcellus;color:#fbf1dc}
.cartao-heroi .nome small{display:block;font:400 calc(17 * var(--u))/calc(24 * var(--u)) Fira;color:#d8c8a6}
.cartao-heroi .marca{position:absolute;right:calc(12 * var(--u));top:calc(12 * var(--u));height:calc(24 * var(--u));padding:0 calc(11 * var(--u));display:grid;place-items:center;border-radius:calc(12 * var(--u));
  background:rgba(0,0,0,.3);border:1px solid rgba(153,145,128,.5);font:500 calc(13 * var(--u))/1 Fira;letter-spacing:calc(2.6 * var(--u));text-transform:uppercase;color:#a59d88;text-shadow:none}
.cartao-heroi.escolhido .marca{background:rgba(232,194,122,.18);border-color:#f0cb80;color:#f0cb80}
.palco{position:relative;margin:0 calc(49 * var(--u)) 0 calc(50 * var(--u));min-width:0}
.palco .luz{position:absolute;inset:0;background:radial-gradient(closest-side,rgba(250,199,122,.2),rgba(250,199,122,.08) 45%,rgba(250,199,122,0))}
.palco .chao{position:absolute;left:50%;bottom:6.5%;width:96%;height:calc(var(--palco-l) * .26);transform:translate(-50%,50%);background:radial-gradient(closest-side,rgba(250,209,140,.5),rgba(250,209,140,.2) 45%,rgba(250,209,140,0))}
.palco .anel{position:absolute;left:50%;bottom:6.5%;transform:translate(-50%,50%);border-radius:50%}
.palco .anel.a{width:68%;height:calc(var(--palco-l) * .14);border:calc(2 * var(--u)) solid rgba(245,204,133,.6)}
.palco .anel.b{width:90%;height:calc(var(--palco-l) * .186);border:calc(1.5 * var(--u)) solid rgba(245,204,133,.22)}
.palco .heroi-palco{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.palco .pendente{position:absolute;left:0;right:0;top:44%;text-align:center;font:400 calc(16 * var(--u))/1.5 Fira;color:rgba(203,188,163,.62);padding:0 calc(40 * var(--u))}
.personagens .palco{--palco-l:calc(571 * var(--u));height:calc(789 * var(--u));margin-top:calc(4 * var(--u))}
.personagens .ficha-heroi{margin-top:calc(4 * var(--u))}
.ficha-heroi{padding:calc(28 * var(--u)) calc(34 * var(--u)) 0;display:flex;flex-direction:column;min-width:0}
.ficha-heroi>.sobretitulo{font-size:calc(17 * var(--u));color:var(--rotulo-claro)}
.ficha-heroi h2{font:400 calc(62 * var(--u))/calc(74 * var(--u)) Marcellus;color:#fbf1dc}
.medalhas{display:flex;gap:calc(14 * var(--u));margin-top:calc(10 * var(--u))}
.medalha{height:calc(48 * var(--u));display:flex;align-items:center;gap:calc(9 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(9 * var(--u));border-radius:calc(10 * var(--u));background:rgba(15,12,8,.8);border:1px solid rgba(232,201,138,.35)}
.medalha svg{width:calc(38 * var(--u));height:calc(38 * var(--u));flex:none}
.medalha small{display:block;font:500 calc(11 * var(--u))/calc(14 * var(--u)) Fira;letter-spacing:calc(1.8 * var(--u));text-transform:uppercase;color:var(--rotulo);text-shadow:none}
.medalha b{display:block;font:400 calc(20 * var(--u))/calc(24 * var(--u)) Marcellus;color:#f0d69b}
.quadros-atributos{margin-top:calc(24 * var(--u));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(10 * var(--u))}
.quadro-atributo{height:calc(64 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) 0 calc(14 * var(--u));border-radius:calc(10 * var(--u));background:rgba(13,10,8,.55);border:1px solid rgba(232,201,138,.2)}
.quadro-atributo b{display:block;font:600 calc(27 * var(--u))/calc(32 * var(--u)) Fira;color:var(--ouro)}
.quadro-atributo small{display:block;margin-top:calc(2 * var(--u));font:500 calc(13 * var(--u))/calc(18 * var(--u)) Fira;letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.secundarios{margin-top:calc(12 * var(--u));font:400 calc(15 * var(--u)) Fira;color:#cdbfa4}
.ficha-heroi .rotulo-habilidades{margin-top:calc(22 * var(--u));font-size:calc(17 * var(--u))}
.habilidades{margin-top:calc(12 * var(--u));display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.habilidade{position:relative;display:grid;grid-template-columns:calc(60 * var(--u)) 1fr auto;column-gap:calc(18 * var(--u));min-height:calc(60 * var(--u))}
.habilidade .quadro-icone{position:relative;grid-row:span 2;width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:calc(11 * var(--u));background:rgba(14,10,8,.85);border:calc(1.5 * var(--u)) solid rgba(255,236,204,.24);display:grid;place-items:center}
.habilidade .quadro-icone img{width:calc(52 * var(--u));height:calc(52 * var(--u));object-fit:contain}
.habilidade .quadro-icone kbd{position:absolute;left:calc(-7 * var(--u));bottom:calc(-14 * var(--u))}
.habilidade strong{font:400 calc(23 * var(--u))/calc(30 * var(--u)) Marcellus;color:#f4e6c8;margin-top:calc(-2 * var(--u))}
.habilidade .recarga{align-self:start;height:calc(24 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(12 * var(--u));display:grid;place-items:center;background:rgba(0,0,0,.3);border:1px solid rgba(232,201,138,.25);font:400 calc(15 * var(--u)) Fira;color:#cdbfa4;margin-top:calc(2 * var(--u))}
.habilidade p{grid-column:2 / 4;font:400 calc(16 * var(--u))/calc(21 * var(--u)) Fira;color:#d7cab2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ficha-heroi .bronze{margin-top:auto;margin-bottom:calc(16 * var(--u));align-self:flex-end;width:calc(340 * var(--u));height:calc(58 * var(--u));font-size:calc(20 * var(--u))}

/* ------------------------------------------------------------ Arsenal */
.arsenal{display:grid;grid-template-columns:calc(1051 * var(--u)) minmax(calc(560 * var(--u)),1fr);height:calc(800 * var(--u))}
.arsenal-figura{position:relative;margin-left:calc(-60 * var(--u));height:calc(800 * var(--u))}
.lugares{position:relative;width:100%;height:100%}
.arsenal-figura .palco{position:absolute;left:calc(356 * var(--u));top:calc(50 * var(--u));width:calc(420 * var(--u));height:calc(580 * var(--u));margin:0;--palco-l:calc(420 * var(--u))}
.lugar{position:absolute;width:calc(163 * var(--u));display:flex;flex-direction:column;align-items:center}
.lugar .espaco{--lado:calc(163 * var(--u))}
.lugar .vazio-marca{position:absolute;inset:0;display:grid;place-items:center;font:400 calc(30 * var(--u)) Marcellus;color:rgba(158,132,81,.55);pointer-events:none}
.lugar .gemas{position:absolute;left:calc(51.5 * var(--u));top:calc(115 * var(--u));display:flex;gap:0;pointer-events:none}
.gema{width:calc(20 * var(--u));height:calc(20 * var(--u));object-fit:contain}
.gema.fechada{opacity:.35}
.gema.vazia{filter:grayscale(1) brightness(.45)}
.lugar>small{margin-top:calc(4 * var(--u));width:calc(233 * var(--u));text-align:center;font:500 calc(13 * var(--u))/calc(16 * var(--u)) Fira;letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo)}
.lugar.marcado>small{color:var(--ouro)}
.vestidas{position:absolute;left:calc(356 * var(--u));top:calc(654 * var(--u));width:calc(420 * var(--u));text-align:center;font-size:calc(13 * var(--u))}
.ficha-arsenal{padding:calc(19 * var(--u)) calc(30 * var(--u)) 0;display:flex;flex-direction:column;min-width:0;height:calc(765 * var(--u));margin-top:calc(11 * var(--u))}
.ficha-arsenal h2{font:400 calc(23 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.atributos-arsenal{margin-top:calc(10 * var(--u));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(8 * var(--u)) calc(10 * var(--u))}
.atributo-arsenal{position:relative;height:calc(56 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u)) 0;background:rgba(26,21,16,.88);border:calc(1.5 * var(--u)) solid rgba(158,132,81,.6);border-radius:calc(6 * var(--u))}
.atributo-arsenal b{display:block;font:400 calc(22 * var(--u))/calc(32 * var(--u)) Marcellus;color:#f2d796}
.atributo-arsenal i{position:absolute;right:calc(10 * var(--u));top:calc(9 * var(--u));font:400 calc(14 * var(--u)) Fira;color:var(--tem);font-style:normal}
.atributo-arsenal small{display:block;font:500 calc(11 * var(--u))/calc(16 * var(--u)) Fira;letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.linha-info{margin-top:calc(4 * var(--u));min-height:calc(22 * var(--u));font:400 calc(14 * var(--u))/calc(22 * var(--u)) Fira;color:#c7bea4}
.linha-info.vazia{color:var(--cinza)}
.linha-info.passivo{color:var(--tem)}
.linha-info.vazia.passivo{color:var(--cinza)}
.ficha-arsenal .linha-fina{margin-top:calc(10 * var(--u))}
.ficha-arsenal .nome-lugar{margin-top:calc(14 * var(--u));font-size:calc(15 * var(--u));color:var(--ouro)}
.peca-vestida{margin-top:calc(10 * var(--u));height:calc(120 * var(--u));position:relative;display:flex;align-items:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(10 * var(--u));background:rgba(37,30,22,.9);border:calc(1.5 * var(--u)) solid #9e8451;border-radius:calc(6 * var(--u))}
.peca-vestida .espaco{--lado:calc(100 * var(--u))}
.peca-vestida .texto{flex:1;min-width:0}
.peca-vestida .texto strong{display:block;font:400 calc(23 * var(--u))/calc(34 * var(--u)) Marcellus;color:#fff1c8}
.peca-vestida .texto small{display:block;margin-top:calc(6 * var(--u));font:400 calc(14 * var(--u))/calc(20 * var(--u)) Fira;color:var(--creme)}
.peca-vestida .plano{align-self:flex-start;margin-top:calc(12 * var(--u));width:calc(110 * var(--u));height:calc(42 * var(--u))}
.peca-vestida.vazia{display:block;padding:calc(26 * var(--u)) calc(24 * var(--u))}
.peca-vestida.vazia strong{display:block;font:400 calc(21 * var(--u))/calc(32 * var(--u)) Marcellus;color:#bcb49b}
.peca-vestida.vazia small{display:block;margin-top:calc(6 * var(--u));font:400 calc(14 * var(--u))/calc(22 * var(--u)) Fira;color:var(--cinza)}
.encaixes{margin-top:calc(12 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u))}
.encaixe{height:calc(62 * var(--u));display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(10 * var(--u));text-align:left;background:rgba(26,21,16,.88);border:calc(1.5 * var(--u)) solid rgba(158,132,81,.6);border-radius:calc(6 * var(--u))}
.encaixe:disabled{border-color:rgba(158,132,81,.3)}
.encaixe:not(:disabled):hover,.encaixe:not(:disabled):focus-visible{background:#3a2f23;border-color:#edcc87}
.encaixe.marcado{background:#514130;border:calc(2 * var(--u)) solid #f0cb80}
.encaixe img{width:calc(38 * var(--u));height:calc(38 * var(--u));object-fit:contain}
.encaixe span{min-width:0;font:400 calc(15 * var(--u))/calc(20 * var(--u)) Fira;color:var(--creme);overflow:hidden}
.encaixe small{display:block;font:400 calc(12 * var(--u))/calc(16 * var(--u)) Fira;color:#bcb49b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.encaixe:disabled span{color:var(--cinza)}
.encaixe:disabled small{color:#6e6a58}
.lista-titulo{margin-top:calc(16 * var(--u));display:flex;align-items:center;justify-content:space-between;min-height:calc(30 * var(--u))}
.lista-titulo .sobretitulo{font-size:calc(13 * var(--u))}
.paginador{display:flex;align-items:center;gap:0;font:400 calc(15 * var(--u)) Fira;color:var(--creme)}
.paginador .plano{width:calc(36 * var(--u));height:calc(32 * var(--u));font-family:Marcellus;font-size:calc(20 * var(--u))}
.paginador span{min-width:calc(80 * var(--u));text-align:center}
.candidatos{margin-top:calc(6 * var(--u));display:flex;flex-direction:column;gap:calc(8 * var(--u))}
.candidato{height:calc(66 * var(--u));display:flex;align-items:center;gap:calc(9 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(5 * var(--u));background:rgba(26,21,16,.88);border:calc(1.5 * var(--u)) solid rgba(158,132,81,.6);border-radius:calc(6 * var(--u))}
.candidato .espaco{--lado:calc(58 * var(--u))}
.candidato .texto{flex:1;min-width:0}
.candidato strong{font:400 calc(19 * var(--u))/calc(28 * var(--u)) Marcellus;color:var(--creme)}
.candidato strong em{font:500 calc(12 * var(--u)) Fira;font-style:normal;letter-spacing:.2em;text-transform:uppercase;margin-left:calc(12 * var(--u))}
.candidato small{display:block;font:400 calc(14 * var(--u))/calc(20 * var(--u)) Fira;color:#bcb49b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.candidato .plano{width:calc(112 * var(--u));height:calc(44 * var(--u))}
.nota-vazia{margin-top:calc(8 * var(--u));font:400 calc(15 * var(--u))/calc(22 * var(--u)) Fira;color:var(--cinza)}
.nota-rodape{margin-top:auto;margin-bottom:calc(20 * var(--u));font:400 calc(14 * var(--u)) Fira;color:var(--cinza)}
.retirar-orbe{display:flex;align-items:center;gap:calc(14 * var(--u));margin-top:calc(6 * var(--u))}
.retirar-orbe .plano{height:calc(44 * var(--u));padding:0 calc(16 * var(--u))}
.retirar-orbe span{font:400 calc(14 * var(--u)) Fira;color:var(--cinza)}

/* ------------------------------------------------------------ Inventário, Mercador e Forja */
.inventario{display:grid;grid-template-columns:calc(871 * var(--u)) minmax(calc(560 * var(--u)),1fr);height:calc(788 * var(--u))}
.grade-itens{margin-top:calc(25 * var(--u));display:grid;grid-template-columns:repeat(5,calc(158 * var(--u)));gap:calc(10 * var(--u))}
.grade-itens .espaco{--lado:calc(158 * var(--u));--alto:calc(165 * var(--u))}
.pe-grade{margin-top:calc(14 * var(--u));display:flex;align-items:center;height:calc(38 * var(--u));font:400 calc(17 * var(--u)) Fira;color:#c5b89e}
.pe-grade .ocupacao{width:calc(500 * var(--u))}
.pe-grade .ocupacao.cheia{color:var(--falta)}
.pe-grade .paginador .plano{width:calc(40 * var(--u));height:calc(38 * var(--u));font-size:calc(22 * var(--u))}
.pe-grade .paginador span{min-width:calc(130 * var(--u));font-size:calc(17 * var(--u))}
.detalhe{padding:calc(34 * var(--u)) calc(33 * var(--u)) 0;display:flex;flex-direction:column;min-width:0}
.detalhe .cabeca{display:flex;gap:calc(26 * var(--u));align-items:flex-start;min-height:calc(150 * var(--u))}
.detalhe .cabeca .espaco{--lado:calc(150 * var(--u))}
.detalhe .cabeca h2{margin-top:calc(8 * var(--u));font:400 calc(34 * var(--u))/calc(46 * var(--u)) Marcellus;color:var(--ouro)}
.detalhe .cabeca .selo{margin-top:calc(10 * var(--u))}
.detalhe>.linha-fina{margin-top:calc(30 * var(--u))}
.detalhes{margin-top:calc(24 * var(--u));display:flex;flex-direction:column;gap:calc(16 * var(--u))}
.detalhes dt{font:500 calc(14 * var(--u))/calc(18 * var(--u)) Fira;letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo)}
.detalhes dd{margin-top:calc(8 * var(--u));font:400 calc(19 * var(--u))/calc(28.5 * var(--u)) Fira;color:var(--creme)}
.detalhe .acoes{margin-top:auto;margin-bottom:calc(22 * var(--u));display:flex;gap:calc(20 * var(--u))}
.detalhe .acoes .botao{width:calc(300 * var(--u));height:calc(52 * var(--u));font-size:calc(18 * var(--u))}
.detalhe .vazio-titulo{font:400 calc(25 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.detalhe .vazio-texto{margin-top:calc(16 * var(--u));font:400 calc(19 * var(--u))/calc(28.5 * var(--u)) Fira;color:var(--creme)}

.comercio{display:grid;grid-template-columns:calc(325 * var(--u)) calc(905 * var(--u)) minmax(calc(560 * var(--u)),1fr);height:calc(791 * var(--u))}
.tela-mercador .pagina,.tela-forja .pagina{padding-top:calc(45 * var(--u))}
.comercio .npc{height:calc(791 * var(--u))}
.servico-centro{padding-left:calc(15 * var(--u));min-width:0}
.comercio .grade-itens{margin-top:calc(21 * var(--u));grid-template-columns:repeat(5,calc(158 * var(--u)));column-gap:calc(13 * var(--u));row-gap:calc(12 * var(--u))}
.comercio .grade-itens .espaco{--alto:calc(167 * var(--u))}
.comercio .pe-grade{justify-content:center;margin-top:calc(10 * var(--u))}
.painel-servico{margin-top:0;height:calc(785 * var(--u));padding:calc(33 * var(--u)) calc(30 * var(--u)) 0;display:flex;flex-direction:column;min-width:0}
.painel-servico .cabeca{display:flex;gap:calc(18 * var(--u));align-items:flex-start}
.painel-servico .cabeca .espaco{--lado:calc(120 * var(--u))}
.painel-servico .cabeca h2{margin-top:calc(2 * var(--u));font:400 calc(26 * var(--u))/calc(36 * var(--u)) Marcellus;color:var(--ouro)}
.painel-servico .cabeca .selo{margin-top:calc(6 * var(--u))}
.painel-servico>.linha-fina{margin-top:calc(20 * var(--u))}
.painel-servico .detalhes{margin-top:calc(16 * var(--u));gap:calc(10 * var(--u));overflow:hidden}
.painel-servico .detalhes dt{font-size:calc(13 * var(--u))}
.painel-servico .detalhes dd{margin-top:calc(6 * var(--u));font-size:calc(17 * var(--u));line-height:calc(26 * var(--u))}
.negociar{margin-top:auto}
.negociar .linha-fina{margin-bottom:calc(16 * var(--u))}
.negociar .linha{display:flex;align-items:center;gap:0;min-height:calc(44 * var(--u));margin-bottom:calc(12 * var(--u))}
.negociar .linha .sobretitulo{width:calc(142 * var(--u));font-size:calc(13 * var(--u))}
.negociar .plano{width:calc(44 * var(--u));height:calc(44 * var(--u));font-size:calc(24 * var(--u))}
.negociar .plano.max{width:calc(76 * var(--u));margin-left:calc(12 * var(--u));font-size:calc(16 * var(--u))}
.negociar .unidades{width:calc(68 * var(--u));text-align:center;font:400 calc(24 * var(--u)) Marcellus;color:#f2d796}
.negociar .preco{font-size:calc(22 * var(--u))}
.negociar .preco img{width:calc(30 * var(--u));height:calc(30 * var(--u))}
.negociar .bronze{width:100%;height:calc(62 * var(--u))}
.motivo{height:calc(36 * var(--u));display:grid;place-items:center;font:400 calc(15 * var(--u)) Fira;color:var(--falta)}
.painel-servico .vazio-titulo{font:400 calc(25 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.painel-servico .vazio-texto{margin-top:calc(14 * var(--u));font:400 calc(18 * var(--u))/calc(27 * var(--u)) Fira;color:var(--creme)}
.linhas-forja{margin-top:calc(21 * var(--u));display:flex;flex-direction:column;gap:calc(11 * var(--u))}
.linha-forja{height:calc(99 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(12 * var(--u));text-align:left;background:rgba(37,30,22,.9);border:calc(1.5 * var(--u)) solid #5b5a41;border-radius:calc(6 * var(--u))}
.linha-forja:hover,.linha-forja:focus-visible{background:linear-gradient(90deg,#3a2f23,#272017);border-color:#edcc87}
.linha-forja.marcada{background:linear-gradient(90deg,#514130,#352b20);border:calc(2 * var(--u)) solid #c6a25c}
.linha-forja .espaco{--lado:calc(84 * var(--u))}
.linha-forja .texto{flex:1;min-width:0}
.linha-forja strong{display:block;font:400 calc(23 * var(--u))/calc(34 * var(--u)) Marcellus;color:var(--creme)}
.linha-forja.marcada strong{color:#fff1c8}
.linha-forja small{display:block;font:400 calc(15 * var(--u))/calc(22 * var(--u)) Fira;color:#bcb49b}
.linha-forja .situacao{font:400 calc(16 * var(--u)) Fira;color:var(--cinza)}
.linha-forja .situacao.pronta{color:var(--tem)}
.forja-vazia{height:calc(99 * var(--u));display:grid;place-items:center;margin-top:calc(21 * var(--u));font:400 calc(23 * var(--u)) Marcellus;color:#bcb49b}
.nota-forja{margin-top:calc(8 * var(--u));font:400 calc(15 * var(--u)) Fira;color:var(--cinza)}
.painel-servico>.selo{align-self:flex-start}
.painel-servico .titulo-receita{margin-top:calc(9 * var(--u));font:400 calc(28 * var(--u))/calc(40 * var(--u)) Marcellus;color:var(--ouro)}
.bloco-forja{margin-top:calc(12 * var(--u))}
.bloco-forja .sobretitulo{font-size:calc(13 * var(--u))}
.bloco-forja p{margin-top:calc(8 * var(--u));font:400 calc(17 * var(--u))/calc(25 * var(--u)) Fira;color:var(--creme)}
.muda{display:flex;justify-content:space-between;font:400 calc(17 * var(--u))/calc(26 * var(--u)) Fira;color:var(--creme)}
.muda b{font-weight:400;color:var(--tem)}
.encaixes-forja{margin-top:calc(8 * var(--u));display:grid;grid-template-columns:repeat(3,1fr)}
.encaixes-forja div{display:flex;gap:calc(6 * var(--u));align-items:center;font:400 calc(16 * var(--u))/calc(19 * var(--u)) Fira;color:var(--creme)}
.encaixes-forja img{width:calc(34 * var(--u));height:calc(34 * var(--u));object-fit:contain}
.encaixes-forja .fechado{color:var(--cinza)}
.encaixes-forja .fechado img{opacity:.45;filter:grayscale(1)}
.encaixes-forja small{display:block;font-size:calc(13 * var(--u));color:var(--cinza)}
.encaixes-forja small.novo{color:var(--tem)}
.ingredientes{margin-top:calc(8 * var(--u));display:flex;flex-direction:column;gap:calc(6 * var(--u))}
.ingrediente{height:calc(46 * var(--u));display:flex;align-items:center;gap:calc(9 * var(--u));padding:0 calc(14 * var(--u)) 0 calc(5 * var(--u));background:rgba(26,21,16,.88)}
.ingrediente .espaco{--lado:calc(42 * var(--u))}
.ingrediente>img{width:calc(28 * var(--u));height:calc(28 * var(--u));margin:0 calc(7 * var(--u)) 0 calc(5 * var(--u))}
.ingrediente span{flex:1;font:400 calc(18 * var(--u)) Marcellus;color:var(--creme)}
.ingrediente b{font:400 calc(18 * var(--u)) Fira;color:var(--falta)}
.ingrediente b.basta{color:var(--tem)}

/* ------------------------------------------------------------ Conta e Configurações */
.bloco-largo{padding:calc(32 * var(--u)) calc(32 * var(--u)) calc(30 * var(--u));min-height:calc(711 * var(--u));display:flex;flex-direction:column}
.conta .sobretitulo{font-size:calc(16 * var(--u))}
.conta h2{margin-top:calc(16 * var(--u));font:400 calc(54 * var(--u))/calc(61 * var(--u)) Marcellus;letter-spacing:calc(2.1 * var(--u));color:var(--creme)}
.conta .experiencia{margin-top:calc(44 * var(--u));display:flex;justify-content:space-between;font:400 calc(21 * var(--u))/calc(32 * var(--u)) Marcellus;color:var(--creme)}
.conta .experiencia b{font-weight:400;color:#e5d2a2}
.conta .trilho{margin-top:calc(27 * var(--u));height:calc(11 * var(--u));background:#19140f;border:calc(1.5 * var(--u)) solid #97824c;border-radius:calc(6 * var(--u));overflow:hidden}
.conta .trilho i{display:block;height:100%;background:linear-gradient(90deg,#88703b,#d5b568)}
.numeros-conta{margin-top:calc(42 * var(--u));display:grid;grid-template-columns:repeat(3,1fr);height:calc(150 * var(--u))}
.numeros-conta div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.numeros-conta img{width:calc(38 * var(--u));height:calc(38 * var(--u));margin-bottom:calc(8 * var(--u))}
.numeros-conta b{font:400 calc(53 * var(--u))/calc(79 * var(--u)) Marcellus;color:#f2d796}
.numeros-conta small{font:400 calc(17 * var(--u))/calc(25 * var(--u)) Marcellus;color:#bcb49b}
.numeros-conta div:not(:first-child){justify-content:flex-start}
.conta .fichas{margin-top:calc(26 * var(--u))}
.conta .acoes-conta{margin-top:calc(16 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u));flex-wrap:wrap}
.conta .acoes-conta .bronze{width:calc(283 * var(--u));height:calc(68 * var(--u));font-size:calc(20 * var(--u))}
.copia-conta{margin-left:auto;display:flex;align-items:center;gap:calc(14 * var(--u));font:400 calc(16 * var(--u)) Fira;color:#bcb49b}
.copia-conta .plano,.copia-conta label.plano{height:calc(52 * var(--u));padding:0 calc(20 * var(--u));cursor:pointer;display:inline-grid}
.copia-conta input{position:absolute;width:1px;height:1px;opacity:0}
.copia-conta label.plano:focus-within{background:rgba(255,240,214,.1);border-color:var(--borda-acesa)}
.configuracoes{min-height:calc(761 * var(--u))}
.configuracoes h2{font:400 calc(25 * var(--u))/calc(38 * var(--u)) Marcellus;color:var(--ouro)}
.opcoes{margin-top:calc(27 * var(--u));display:flex;flex-direction:column;gap:calc(28 * var(--u))}
.opcao{display:flex;align-items:center;height:calc(45 * var(--u))}
.opcao>span{flex:1;font:400 calc(21 * var(--u)) Marcellus;color:var(--creme)}
.opcao output{width:calc(260 * var(--u));text-align:center;font:400 calc(21 * var(--u)) Fira;color:#f2dfb8}
.configuracoes .acoes-config{margin-top:calc(48 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u))}
.configuracoes .bronze,.configuracoes .acoes-config .botao{width:calc(240 * var(--u));height:calc(58 * var(--u));font-size:calc(20 * var(--u))}
.pendente{font:400 calc(18 * var(--u)) Fira;color:#ffd890}

/* ------------------------------------------------------------ painéis sobre a caçada e diálogos */
dialog{padding:0;border:0;background:transparent;color:inherit;max-width:none;max-height:none;overflow:visible}
dialog::backdrop{background:rgba(8,6,4,.62)}
.janela{position:relative;width:min(calc(560 * var(--u)),calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:calc(18 * var(--u));padding:calc(36 * var(--u)) calc(60 * var(--u)) calc(24 * var(--u));text-shadow:var(--sombra-texto);
  font-size:calc(19 * var(--u))}
.janela.larga{width:min(calc(820 * var(--u)),calc(100vw - 32px))}
.janela.media{width:min(calc(980 * var(--u)),calc(100vw - 32px))}
.janela>h2{text-align:center;font:400 calc(36 * var(--u))/calc(56 * var(--u)) Marcellus;color:var(--creme-hud)}
.janela .itens-pausa{margin-top:calc(16 * var(--u));display:flex;flex-direction:column;gap:calc(16 * var(--u))}
.item-pausa{height:calc(60 * var(--u));border-radius:calc(12 * var(--u));background:rgba(255,240,214,.05);border:1px solid rgba(232,201,138,.3);font:400 calc(25 * var(--u)) Marcellus;color:var(--creme-hud);text-align:center}
.item-pausa:hover,.item-pausa:focus-visible{background:linear-gradient(#c4844a,#85502a);border-color:#ffe2a8;color:#fff4dc;box-shadow:0 0 0 calc(4 * var(--u)) rgba(232,179,99,.22),0 calc(7 * var(--u)) calc(20 * var(--u)) rgba(240,189,110,.35)}
.janela .rodape-janela{margin-top:calc(22 * var(--u));text-align:center;font:400 calc(18 * var(--u)) Fira;color:var(--suave)}
.janela .linhas-ajuda{margin-top:calc(22 * var(--u));display:flex;flex-direction:column;gap:calc(13 * var(--u));font:400 calc(20 * var(--u))/calc(25 * var(--u)) Fira;color:var(--creme-hud)}
.janela .texto-janela{margin-top:calc(10 * var(--u));text-align:center;font:400 calc(20 * var(--u))/1.5 Fira;color:var(--creme-hud)}
.janela .acoes-janela{margin-top:calc(22 * var(--u));display:flex;justify-content:center;gap:calc(16 * var(--u));flex-wrap:wrap}
.janela .acoes-janela .bronze,.janela .acoes-janela .botao{height:calc(58 * var(--u));padding:0 calc(28 * var(--u))}
.janela .erro{color:#ffac8e}
.opcoes-painel{margin-top:calc(14 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u))}
.opcoes-painel .opcao{height:calc(58 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(20 * var(--u));border-top:1px solid rgba(232,201,138,.12)}
.opcoes-painel .opcao:first-child{border-top:0}
.opcoes-painel .opcao>span{font:400 calc(22 * var(--u)) Fira;color:var(--creme-hud)}
.opcoes-painel .plano.seta{width:calc(38 * var(--u));height:calc(38 * var(--u))}
.opcoes-painel output{width:calc(254 * var(--u));font:600 calc(22 * var(--u)) Fira;color:#fff8ea}
.opcao.acao{justify-content:space-between}
.opcao.acao .salvar-linha{width:calc(330 * var(--u));height:calc(38 * var(--u));border-radius:calc(19 * var(--u));background:rgba(232,194,122,.16);border:1px solid rgba(232,201,138,.45);font:600 calc(19 * var(--u)) Fira;color:#ffd890;text-align:center}
.opcao.acao .salvar-linha:hover,.opcao.acao .salvar-linha:focus-visible{background:rgba(232,194,122,.3);border-color:var(--borda-acesa)}

/* Aviso: pílula escura no meio de baixo (olimpo.gd); na caçada, acima do bloco do herói. */
#aviso{position:fixed;z-index:30;left:50%;bottom:calc(130 * var(--u));transform:translateX(-50%);margin:0;max-width:calc(100vw - 32px);height:auto;min-height:calc(50 * var(--u));padding:calc(10 * var(--u)) calc(32 * var(--u));
  display:grid;place-items:center;border-radius:calc(25 * var(--u));background:rgba(15,12,8,.95);border:1px solid rgba(232,201,138,.45);box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(0,0,0,.4);
  font:400 calc(21 * var(--u)) Fira;color:#fff1c8;text-align:center;text-shadow:var(--sombra-texto)}
body.em-cacada #aviso{bottom:calc(238 * var(--uh));border-radius:calc(14 * var(--uh));font-size:calc(22 * var(--uh));min-height:calc(48 * var(--uh));padding:calc(10 * var(--uh)) calc(28 * var(--uh));background:rgba(14,10,8,.86)}

/* ------------------------------------------------------------ caçada e HUD (hud.gd, layout A) */
.cacada{position:relative;width:100%;height:100%;background:#2f3d27;overflow:hidden}
.mundo{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}
.hud{position:absolute;inset:0;pointer-events:none;font-family:Fira;color:var(--creme-hud)}
.hud button{pointer-events:auto}
.contorno{text-shadow:0 0 calc(2 * var(--uh)) rgba(13,9,5,.9),0 calc(1 * var(--uh)) calc(2 * var(--uh)) rgba(13,9,5,.9),calc(1 * var(--uh)) 0 calc(1 * var(--uh)) rgba(13,9,5,.9),calc(-1 * var(--uh)) 0 calc(1 * var(--uh)) rgba(13,9,5,.9)}
.hud-objetivo{position:absolute;isolation:isolate;left:0;top:0;padding:calc(30 * var(--uh)) calc(40 * var(--uh)) calc(40 * var(--uh)) calc(36 * var(--uh))}
.hud-objetivo:before{content:'';position:absolute;z-index:-1;left:calc(-170 * var(--uh));top:calc(-150 * var(--uh));width:calc(920 * var(--uh));height:calc(380 * var(--uh));
  background:radial-gradient(closest-side,rgba(8,5,4,.62),rgba(8,5,4,.34) 55%,rgba(8,5,4,0))}
.hud-objetivo>*{position:relative}
.rotulo-fendas{display:flex;align-items:center;gap:calc(16 * var(--uh));font:600 calc(18 * var(--uh))/calc(24 * var(--uh)) Fira;letter-spacing:calc(3 * var(--uh));color:var(--rotulo-claro)}
.losangos{display:flex;gap:calc(8 * var(--uh))}
.losangos i{width:calc(10 * var(--uh));height:calc(10 * var(--uh));transform:rotate(45deg);border:calc(1.6 * var(--uh)) solid var(--rotulo-claro);box-shadow:0 calc(1 * var(--uh)) calc(2 * var(--uh)) rgba(0,0,0,.6)}
.losangos i.selada{background:var(--rotulo-claro)}
.frase-objetivo{margin-top:calc(12 * var(--uh));max-width:calc(520 * var(--uh));font:400 calc(30 * var(--uh))/calc(38 * var(--uh)) Marcellus;color:var(--creme-hud);white-space:nowrap}
.hud-quedas{margin-top:calc(6 * var(--uh));font:500 calc(18 * var(--uh)) Fira;color:#ffb090}
.hud-zona{position:absolute;left:50%;top:calc(126 * var(--uh));transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .6s;padding:calc(30 * var(--uh)) calc(160 * var(--uh));
  background:radial-gradient(closest-side,rgba(8,5,4,.5),rgba(8,5,4,0))}
.hud-zona.visivel{opacity:1;transition:opacity .25s}
.hud-zona small{display:block;font:600 calc(20 * var(--uh)) Fira;letter-spacing:calc(4 * var(--uh));text-transform:uppercase;color:var(--rotulo-claro)}
.hud-zona strong{display:block;font:400 calc(46 * var(--uh))/calc(56 * var(--uh)) Marcellus;color:var(--creme-hud);white-space:nowrap}
.hud-chefe{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(1020 * var(--uh));padding:calc(20 * var(--uh)) calc(150 * var(--uh)) calc(30 * var(--uh));text-align:center;
  background:radial-gradient(closest-side,rgba(8,5,4,.55),rgba(8,5,4,0))}
.hud-chefe strong{display:block;font:400 calc(22 * var(--uh))/calc(26 * var(--uh)) Marcellus;letter-spacing:calc(5 * var(--uh));text-transform:uppercase;color:var(--creme-hud)}
.barra-chefe{position:relative;margin:calc(10 * var(--uh)) auto 0;width:calc(720 * var(--uh));height:calc(12 * var(--uh))}
/* hud.gd _garras: três garras douradas curvas de cada lado da barra do Leão, a 6 px dela. */
.barra-chefe:before,.barra-chefe:after{content:'';position:absolute;top:50%;width:calc(30 * var(--uh));height:calc(24 * var(--uh));transform:translateY(-50%);
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24' fill='none' stroke-linecap='round'><g stroke='rgba(0,0,0,.55)' stroke-width='4'><path d='M4 2Q10 4 16 22'/><path d='M10 2Q16 4 22 22'/><path d='M16 2Q22 4 28 22'/></g><g stroke='%23e2b46e' stroke-width='2.2'><path d='M4 2Q10 4 16 22'/><path d='M10 2Q16 4 22 22'/><path d='M16 2Q22 4 28 22'/></g></svg>") center/100% 100% no-repeat}
.barra-chefe:before{left:calc(-36 * var(--uh));transform:translateY(-50%) scaleX(-1)}
.barra-chefe:after{right:calc(-36 * var(--uh))}
.barra{position:relative;height:100%;border-radius:999px;background:rgba(10,7,5,.74);border:1px solid rgba(255,240,219,.2);overflow:hidden}
.barra>i{position:absolute;left:1px;top:1px;bottom:1px;border-radius:999px;font-style:normal}
.barra>.atraso{background:rgba(255,226,186,.62)}
.barra>.cheio{background:linear-gradient(#d4553f,#a3342a);box-shadow:inset 0 calc(1.5 * var(--uh)) 0 rgba(255,204,184,.45)}
.barra-chefe .marca-fase{position:absolute;top:calc(-2 * var(--uh));bottom:calc(-2 * var(--uh));width:calc(2 * var(--uh));background:rgba(255,240,219,.6)}
.hud-chefe .estado-chefe{margin-top:calc(14 * var(--uh));font:400 calc(19 * var(--uh)) Fira;color:#f2e6cf}
.selo-alerta{display:inline-flex;align-items:center;gap:calc(10 * var(--uh));margin-top:calc(16 * var(--uh));height:calc(40 * var(--uh));padding:0 calc(22 * var(--uh));border-radius:calc(20 * var(--uh));
  background:rgba(14,10,8,.86);border:calc(1.5 * var(--uh)) solid var(--cor-alerta,#5cc742);color:#fff;font:400 calc(22 * var(--uh)) Marcellus;letter-spacing:calc(2 * var(--uh));text-transform:uppercase;
  box-shadow:0 0 calc(18 * var(--uh)) color-mix(in srgb,var(--cor-alerta,#5cc742) 55%,transparent);animation:pulso-alerta 1.2s ease-in-out infinite}
.selo-alerta small{font:400 calc(15 * var(--uh)) Fira;letter-spacing:0;text-transform:none;color:#f2e6cf}
@keyframes pulso-alerta{50%{box-shadow:0 0 calc(6 * var(--uh)) color-mix(in srgb,var(--cor-alerta,#5cc742) 30%,transparent)}}
.hud-minimapa{position:absolute;right:calc(26 * var(--uh));top:calc(26 * var(--uh));width:calc(240 * var(--uh));height:calc(228 * var(--uh));border-radius:calc(8 * var(--uh));pointer-events:auto;
  background:rgba(14,10,8,.78);box-shadow:0 0 0 calc(3 * var(--uh)) rgba(255,236,204,.34),0 0 0 calc(4.5 * var(--uh)) rgba(8,5,4,.55),0 calc(6 * var(--uh)) calc(16 * var(--uh)) rgba(0,0,0,.4)}
.hud-minimapa canvas{width:100%;height:100%;display:block;border-radius:calc(6 * var(--uh));image-rendering:pixelated}
.hud-minimapa.expandido{top:calc(170 * var(--uh));width:min(calc(720 * var(--uh)),70vw);height:min(calc(600 * var(--uh)),70vh)}
.hud-ganhos{position:absolute;right:calc(16 * var(--uh));top:calc(275 * var(--uh));display:flex;flex-direction:column;align-items:flex-end;gap:calc(8 * var(--uh))}
.ganho{height:calc(38 * var(--uh));display:flex;align-items:center;gap:calc(8 * var(--uh));padding:0 calc(16 * var(--uh)) 0 calc(8 * var(--uh));border-radius:calc(19 * var(--uh));background:var(--vidro);
  border:1px solid color-mix(in srgb,var(--cor,#f4ead6) 28%,transparent);font:400 calc(19 * var(--uh)) Fira;color:var(--cor,#f4ead6);animation:ganho-entra .25s ease-out,ganho-sai .5s ease-in 4s forwards}
.ganho img{width:calc(28 * var(--uh));height:calc(28 * var(--uh));object-fit:contain}
@keyframes ganho-entra{from{opacity:0;transform:translateX(calc(32 * var(--uh)))}}
@keyframes ganho-sai{to{opacity:0}}
.hud-bloco{position:absolute;left:calc(50% - 234 * var(--uh));bottom:0;width:calc(560 * var(--uh));height:calc(180 * var(--uh))}
.hud-bloco>*{position:absolute}
.efeitos{left:calc(100 * var(--uh));bottom:calc(144 * var(--uh));display:flex;flex-wrap:wrap-reverse;gap:calc(6 * var(--uh)) calc(8 * var(--uh));width:calc(800 * var(--uh))}
.efeito{height:calc(38 * var(--uh));display:flex;align-items:center;gap:calc(6 * var(--uh));padding:0 calc(11 * var(--uh)) 0 calc(4 * var(--uh));border-radius:calc(19 * var(--uh));background:var(--vidro);border:1px solid color-mix(in srgb,var(--cor) 45%,rgba(255,235,204,.16));
  font:600 calc(17 * var(--uh)) Fira;color:color-mix(in srgb,var(--cor) 55%,#f4ead6);white-space:nowrap;pointer-events:auto;cursor:help;outline:none}
.efeito img{width:calc(30 * var(--uh));height:calc(30 * var(--uh));object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.efeito b{font-weight:600;min-width:0}
.efeito b:empty{display:none}
.efeito:has(b:empty){padding-right:calc(4 * var(--uh))}
.efeito:hover,.efeito:focus-visible{border-color:var(--ouro);background:rgba(36,26,18,.92)}
.efeito.texto{padding:0 calc(12 * var(--uh));height:calc(30 * var(--uh));font-weight:400;cursor:default;pointer-events:none}
.medalhao{left:0;bottom:calc(36 * var(--uh));width:calc(84 * var(--uh));height:calc(84 * var(--uh));border-radius:50%;display:grid;place-items:center;background:rgba(20,15,11,.93);
  border:calc(2 * var(--uh)) solid rgba(214,171,105,.82);box-shadow:0 0 0 calc(4 * var(--uh)) rgba(8,5,4,.4),0 calc(4 * var(--uh)) calc(12 * var(--uh)) rgba(0,0,0,.4)}
.medalhao img{width:calc(66 * var(--uh));height:calc(66 * var(--uh));object-fit:contain}
.vida{left:calc(100 * var(--uh));bottom:calc(118 * var(--uh));width:calc(369 * var(--uh));height:calc(14 * var(--uh))}
.vida-numero{left:calc(481 * var(--uh));bottom:calc(114 * var(--uh));font:600 calc(22 * var(--uh))/1 Fira;color:#fff0e0;font-variant-numeric:tabular-nums}
.vida-numero.baixa{animation:pulso-vida .9s ease-in-out infinite}
@keyframes pulso-vida{50%{color:#ff9a86}}
.vida .barra>.cheio.baixa{animation:brilho-vida .9s ease-in-out infinite}
@keyframes brilho-vida{50%{filter:brightness(1.25)}}
.vigor-seg{left:calc(100 * var(--uh));bottom:calc(102 * var(--uh));width:calc(369 * var(--uh));height:calc(8 * var(--uh));display:flex;gap:calc(4 * var(--uh))}
.vigor-seg i{flex:1;position:relative;border-radius:calc(4 * var(--uh));background:rgba(10,7,5,.74);overflow:hidden}
.vigor-seg i b{position:absolute;left:0;top:0;bottom:0;border-radius:calc(4 * var(--uh));background:#6ccac2}
.vigor-seg.falta i b{background:#e07a64}
.espacos{left:calc(100 * var(--uh));bottom:calc(24 * var(--uh));width:calc(369 * var(--uh));height:calc(64 * var(--uh))}
.slot{position:absolute;top:0;width:calc(64 * var(--uh));height:calc(64 * var(--uh));border-radius:calc(12 * var(--uh));background:var(--vidro);border:calc(1.5 * var(--uh)) solid var(--fio);
  box-shadow:0 calc(3 * var(--uh)) calc(10 * var(--uh)) rgba(0,0,0,.4);padding:0;overflow:visible}
.slot>img{position:absolute;inset:calc(4 * var(--uh));width:calc(100% - 8 * var(--uh));height:calc(100% - 8 * var(--uh));object-fit:contain;border-radius:calc(9 * var(--uh))}
.slot .arco{position:absolute;inset:calc(2 * var(--uh));border-radius:calc(10 * var(--uh));background:conic-gradient(from 0deg,rgba(0,0,0,0) calc((1 - var(--f,0)) * 360deg),rgba(5,4,3,.72) 0);pointer-events:none}
.slot .tempo{position:absolute;inset:0;display:grid;place-items:center;font:600 calc(25 * var(--uh))/1 Fira;color:#fff2d8;pointer-events:none}
.slot kbd{position:absolute;left:calc(-6 * var(--uh));bottom:calc(-14 * var(--uh));min-width:calc(26 * var(--uh));height:calc(24 * var(--uh));font-size:calc(15 * var(--uh));border-radius:calc(6 * var(--uh));padding:0 calc(6 * var(--uh))}
.slot kbd.direita{left:auto;right:calc(-6 * var(--uh))}
.slot.pronto{animation:pronto .6s ease-out}
@keyframes pronto{from{box-shadow:0 0 0 calc(2 * var(--uh)) rgba(255,237,191,.9)}to{box-shadow:0 0 0 calc(14 * var(--uh)) rgba(255,237,191,0)}}
.slot.abertura{border-color:#88d070;box-shadow:0 0 calc(18 * var(--uh)) rgba(92,199,66,.6)}
.slot.sem-pocao>img{filter:grayscale(.7) brightness(.55)}
.slot:hover,.slot:focus-visible{border-color:rgba(246,214,150,.7)}
.separador-pocao{position:absolute;left:calc(295 * var(--uh));top:calc(12 * var(--uh));width:1px;height:calc(40 * var(--uh));background:var(--fio)}
.nome-pocao{position:absolute;left:calc(391 * var(--uh));top:calc(12 * var(--uh));font:400 calc(21 * var(--uh)) Marcellus;color:#fff0cc;white-space:nowrap;opacity:0;transition:opacity .4s}
.nome-pocao.visivel{opacity:1;transition:none}
.dica-poder{left:50%;bottom:calc(188 * var(--uh));transform:translateX(-50%);width:calc(440 * var(--uh));padding:calc(16 * var(--uh)) calc(18 * var(--uh));border-radius:calc(12 * var(--uh));
  background:rgba(15,11,8,.95);border:1px solid rgba(232,201,138,.38);box-shadow:0 calc(6 * var(--uh)) calc(18 * var(--uh)) rgba(0,0,0,.4)}
.dica-poder strong{display:block;font:400 calc(22 * var(--uh))/calc(30 * var(--uh)) Marcellus;color:var(--ouro)}
.dica-poder p{margin-top:calc(6 * var(--uh));font:400 calc(18 * var(--uh))/calc(23 * var(--uh)) Fira;color:var(--creme-hud)}
.dica-poder small{display:block;margin-top:calc(6 * var(--uh));font:600 calc(18 * var(--uh))/calc(23 * var(--uh)) Fira;color:#ffd890}
.hud-ajuda{position:absolute;left:calc(28 * var(--uh));top:calc(170 * var(--uh));width:calc(680 * var(--uh));padding:calc(20 * var(--uh)) calc(24 * var(--uh)) calc(28 * var(--uh));border-radius:calc(14 * var(--uh));
  background:rgba(15,11,8,.94);border:1px solid rgba(232,201,138,.35);box-shadow:0 calc(7 * var(--uh)) calc(20 * var(--uh)) rgba(0,0,0,.4)}
.hud-ajuda strong{display:block;font:400 calc(30 * var(--uh))/calc(40 * var(--uh)) Marcellus;color:var(--ouro)}
.hud-ajuda p{margin-top:calc(12 * var(--uh));font:400 calc(20 * var(--uh))/calc(25 * var(--uh)) Fira;color:var(--creme-hud)}

/* Tela de carga (tela_de_carga.gd). */
.carregamento{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(690 * var(--u));text-shadow:var(--sombra-texto);
  background:linear-gradient(rgba(8,6,4,.25),rgba(8,6,4,.92)),url('../public/interface/menus/fundo-cartao-nemeia.jpg') center/cover,#080604}
.carregamento:before{content:'';position:absolute;inset:0;background:rgba(8,6,4,.45);z-index:-1}
.carregamento .sobretitulo{font-size:calc(20 * var(--u))}
.carregamento h2{margin-top:calc(10 * var(--u));font:400 calc(72 * var(--u))/calc(90 * var(--u)) Marcellus;letter-spacing:calc(1.5 * var(--u));color:var(--ouro)}
.carregamento p{margin-top:calc(26 * var(--u));font:400 calc(22 * var(--u))/1.45 Fira;color:var(--creme);text-align:center;padding:0 24px}
.carregamento p{max-width:calc(1500 * var(--u));min-height:calc(64 * var(--u));transition:opacity .45s}
.carregamento p.trocando{opacity:0}
.carregamento.saindo{opacity:0;transition:opacity .35s;pointer-events:none}
.carga-barra{position:absolute;top:calc(940 * var(--u));left:50%;transform:translateX(-50%);width:calc(720 * var(--u))}
.carga-barra .trilho{display:block;height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:rgba(20,14,9,.85);box-shadow:0 0 0 1px rgba(232,201,138,.25);overflow:hidden}
.carga-barra .trilho i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b9783c,#f0c27a)}
.carga-barra b{position:absolute;left:calc(100% + 18 * var(--u));top:50%;transform:translateY(-50%);font:400 calc(19 * var(--u)) Fira;color:var(--rotulo,#d9c08a)}
/* Momento da morte do herói: escurece aos poucos e mostra título e frase (decisão de 21/10/2026). */
.momento-morte{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(150 * var(--u));pointer-events:none;text-align:center;text-shadow:var(--sombra-texto);
  background:radial-gradient(ellipse at center,rgba(20,4,2,.35),rgba(6,3,2,.88));animation:morte-escurece calc(var(--duracao,2.6s) * .5) ease-out both}
.momento-morte h2{font:400 calc(84 * var(--u))/1.1 Marcellus;letter-spacing:calc(2 * var(--u));color:#e9b48a;animation:morte-texto .8s .35s ease-out both}
.momento-morte .ornamento{animation:morte-texto .8s .5s ease-out both}
.momento-morte p{margin-top:calc(18 * var(--u));max-width:calc(1300 * var(--u));padding:0 24px;font:400 calc(28 * var(--u))/1.4 Fira;color:var(--creme);animation:morte-texto .8s .6s ease-out both}
/* Durante a morte o nome da área some para não disputar com o título (decisão de 21/10/2026). */
body:has(.momento-morte) .hud-zona{opacity:0!important;transition:opacity .3s}
@keyframes morte-escurece{from{opacity:0}to{opacity:1}}
@keyframes morte-texto{from{opacity:0;transform:translateY(calc(10 * var(--u)))}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.momento-morte,.momento-morte *{animation-duration:.01s!important;animation-delay:0s!important}}

/* Resultado da caçada (hud.gd _resultado), em tela cheia com a moldura dos menus. */
.resultado{position:absolute;inset:0;z-index:20}
.resultado .pagina{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:calc(66 * var(--u))}
.resultado .sobretitulo{font-size:calc(16 * var(--u))}
.resultado h2{margin-top:calc(16 * var(--u));font:400 calc(71 * var(--u))/calc(81 * var(--u)) Marcellus;letter-spacing:calc(1.5 * var(--u));color:#f1d696}
.resultado.derrota h2{color:#d9b9a0}
.resultado .ornamento{margin-top:calc(12 * var(--u))}
.resultado .texto-resultado{margin-top:calc(12 * var(--u));font:400 calc(21 * var(--u)) Fira;color:var(--creme)}
.estrelas{margin-top:calc(21 * var(--u));display:flex;gap:0}
.estrelas img{width:calc(69 * var(--u));height:calc(69 * var(--u))}
.estrelas img.apagada{filter:grayscale(1) brightness(.4);opacity:.55}
.criterios{margin-top:calc(17 * var(--u));list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(6 * var(--u)) calc(34 * var(--u));font:400 calc(17 * var(--u)) Fira}
.criterios li{display:flex;align-items:center;gap:calc(10 * var(--u));color:#c98f7c}
.criterios li.ok{color:#a9d08a}
.criterios li:before{content:'✕';font-weight:600}
.criterios li.ok:before{content:'✓'}
.cartoes-ganho{margin-top:calc(26 * var(--u));display:flex;gap:calc(16 * var(--u));justify-content:center;flex-wrap:wrap}
.cartao-ganho{width:calc(172 * var(--u));height:calc(172 * var(--u));border-radius:calc(12 * var(--u));padding-top:calc(18 * var(--u));display:flex;flex-direction:column;align-items:center}
.cartao-ganho>img,.cartao-ganho .espaco{width:calc(84 * var(--u));height:calc(84 * var(--u));--lado:calc(84 * var(--u));object-fit:contain}
.cartao-ganho strong{margin-top:calc(8 * var(--u));font:400 calc(18 * var(--u))/calc(25 * var(--u)) Marcellus;color:#e6dcc4;padding:0 calc(4 * var(--u))}
.cartao-ganho small{font:400 calc(17 * var(--u))/calc(25 * var(--u)) Fira;color:var(--cor,#bcb49b)}
.resultado .nota{margin-top:calc(22 * var(--u));font:400 calc(21 * var(--u)) Fira;color:var(--creme)}
.resultado .nota.erro{color:#ffac8e}
.resultado .perdidos{margin-top:calc(8 * var(--u));font:400 calc(18 * var(--u)) Fira;color:#e0a08c}
.resultado .acoes-resultado{margin-top:calc(26 * var(--u));display:flex;gap:calc(16 * var(--u))}
.resultado .bronze{width:calc(328 * var(--u));height:calc(68 * var(--u))}
.resultado .estatisticas{margin-top:calc(22 * var(--u));font:400 calc(17 * var(--u)) Fira;color:#bdb3a0}

.entrada{height:100%;display:grid;align-content:center;justify-items:center;gap:16px;padding:32px;text-align:center;font-size:18px;
  background:linear-gradient(rgba(15,12,9,.7),rgba(11,9,7,.92)),url('../public/interface/menus/fundo-olimpo.jpg') center/cover}
.entrada h1{font:400 40px Marcellus;color:var(--ouro)}
.entrada .erro{color:#ffac8e;max-width:40rem}
.entrada .botao{height:52px;padding:0 24px;font-size:18px}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ------------------------------------------------------------ janela estreita: empilhar e rolar */
@media(max-width:1099px){
  :root{--u:.72px}
  .cabecalho{height:auto;min-height:calc(110 * var(--u));flex-wrap:wrap;padding-bottom:calc(20 * var(--u));gap:calc(12 * var(--u))}
  .recursos{flex-wrap:wrap}
  .pagina{padding:calc(32 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u))}
  .rodape-menu{height:auto;padding-bottom:calc(20 * var(--u))}
  .olimpo{height:auto;min-height:100%;display:flex;flex-direction:column;gap:calc(36 * var(--u));padding:calc(36 * var(--u)) calc(40 * var(--u)) calc(40 * var(--u))}
  .tela-olimpo .pagina{padding:0;overflow:auto}
  .olimpo>*{position:static}
  .mapas-entrada{width:100%;height:auto;min-height:calc(114 * var(--u))}
  .olimpo .topo-olimpo{display:flex;justify-content:space-between;flex-wrap:wrap;gap:calc(12 * var(--u))}
  .identidade h2{font-size:calc(80 * var(--u));line-height:calc(86 * var(--u))}
  .missao-capitulo{width:100%;height:auto;padding-bottom:calc(30 * var(--u))}
  .missao-capitulo .acoes{position:static;margin-top:calc(26 * var(--u));flex-wrap:wrap}
  .olimpo .servicos{width:100%}
  .grade-servicos{grid-template-columns:repeat(auto-fill,minmax(calc(320 * var(--u)),1fr))}
  .servicos .linha-botoes,.futuros{flex-wrap:wrap}
  .futuros{justify-content:flex-start}
  .historia,.portoes,.personagens,.arsenal,.inventario,.comercio{display:flex;flex-direction:column;gap:calc(30 * var(--u));height:auto}
  .carta{width:calc(1082 * var(--u));max-width:100%;flex:none;overflow:auto}
  .historia .carta{height:calc(765 * var(--u))}
  .carta-interna{position:relative;width:calc(1082 * var(--u));height:calc(765 * var(--u))}
  .ficha-mapa .bronze{margin-top:calc(26 * var(--u));margin-bottom:0}
  .portoes .npc,.comercio .npc{display:none}
  .cartao-missao{margin:0;min-height:calc(784 * var(--u))}
  .bestiario{grid-template-columns:repeat(4,minmax(0,1fr))}
  .preparacao{padding-bottom:calc(10 * var(--u))}
  .preparacao .partir{margin-top:calc(24 * var(--u))}
  .personagens .palco{margin:0 auto;width:calc(571 * var(--u));max-width:100%;height:calc(560 * var(--u))}
  .elenco{flex-direction:row;flex-wrap:wrap}
  .elenco .sobretitulo{width:100%}
  .cartao-heroi{width:calc(390 * var(--u))}
  .ficha-heroi .bronze{margin-top:calc(26 * var(--u))}
  .arsenal-figura{margin-left:0;width:calc(1051 * var(--u));max-width:100%;overflow-x:auto;overflow-y:hidden;flex:none}
  .arsenal-figura>.lugares{position:relative;width:calc(1051 * var(--u));height:calc(812 * var(--u))}
  .ficha-arsenal{height:auto;min-height:calc(765 * var(--u))}
  .grade-itens{grid-template-columns:repeat(auto-fill,calc(158 * var(--u)))}
  .detalhe,.painel-servico{min-height:calc(600 * var(--u));height:auto}
  .servico-centro{padding-left:0}
  .copia-conta{margin-left:0}
  .opcao{flex-wrap:wrap;height:auto}
  .opcao>span{flex-basis:100%}
}
@media(max-height:620px) and (min-width:1100px){
  .pagina{overflow:auto}
}
/* Central de testes (PRD 18): controles só existem durante a sessão em memória. */
.central-faixa{position:absolute;z-index:8;left:16px;top:150px;max-width:min(510px,calc(100vw - 32px));padding:12px 14px;background:rgba(19,15,13,.94);border:1px solid #b69456;border-radius:5px;color:#eadbc0;font:14px/1.4 Fira,sans-serif;pointer-events:auto;box-shadow:0 4px 18px #0006}
.central-faixa strong,.central-faixa>span{display:block}.central-faixa strong{color:#ffdb8e;font-size:16px}.central-faixa>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.central-faixa .botao{font:13px Fira,sans-serif;padding:6px 9px;min-height:32px}.central-faixa output{display:block;max-width:450px;margin-top:8px;font-size:12px;color:#bde6f6}
.central-janela{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;font-size:16px}
.central-janela h2{font-size:26px}.central-janela .texto-janela,.central-janela .rodape-janela{font-size:14px;line-height:1.5}
.central-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.central-opcao{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #6e6049;border-radius:4px;padding:10px 12px;background:#211c17;color:#e7d8bf;font:14px Fira,sans-serif;cursor:pointer}.central-opcao[aria-pressed=true]{border-color:#c6a460}.central-opcao b{color:#b4a38a;font-size:12px}.central-opcao[aria-pressed=true] b{color:#ffdb8e}
.central-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.central-acoes .botao,.central-navegacao .botao,.central-janela .acoes-janela .botao{font-size:14px;padding:8px 12px;min-height:36px}.central-acoes>button[aria-pressed]{background:#211c17;color:#e7d8bf;border:1px solid #6e6049;border-radius:4px;padding:8px 12px;font:14px Fira,sans-serif;cursor:pointer}.central-acoes>button[aria-pressed=true]{border-color:#e5c782;color:#ffdb8e}
.central-navegacao{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.central-navegacao label{grid-column:1/-1;font-size:14px}.central-navegacao select{min-width:0;padding:9px;color:#eadbc0;background:#211c17;border:1px solid #8e7954;border-radius:3px;font:14px Fira,sans-serif}
.central-janela button:focus-visible,.central-faixa button:focus-visible,.central-navegacao select:focus-visible{outline:2px solid #ffe2a2;outline-offset:3px}
@media(max-width:650px){.central-opcoes{grid-template-columns:1fr}.central-janela{padding:16px}.central-janela h2{font-size:21px}.central-faixa{top:120px;max-width:calc(100vw - 32px)}}

/* Vitrine de habilidades da Central de testes: painel fixo à direita, abaixo do minimapa; a caçada segue rodando. */
.central-vitrine{position:absolute;z-index:8;right:16px;top:178px;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 198px);overflow:auto;padding:12px 14px;background:rgba(19,15,13,.94);border:1px solid #b69456;border-radius:5px;color:#eadbc0;font:14px/1.4 Fira,sans-serif;pointer-events:auto;box-shadow:0 4px 18px #0006}
.central-vitrine strong{display:block;color:#ffdb8e;font-size:16px}.central-vitrine>span{display:block;font-size:12px;color:#b4a38a;margin-top:2px}
.central-vitrine h3{margin:10px 0 4px;font:600 12px Fira,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#c6a460}
.central-grupo{display:flex;flex-wrap:wrap;gap:6px}.central-grupo em{color:#b4a38a;font-size:13px}
.central-vitrine .botao{font:13px Fira,sans-serif;padding:6px 9px;min-height:32px;text-align:left}
.central-vitrine .botao[aria-pressed=true]{border-color:#e5c782;color:#ffdb8e}
.central-vitrine button:focus-visible{outline:2px solid #ffe2a2;outline-offset:3px}
.vitrine-seletores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.vitrine-seletores label:nth-child(3){grid-column:1/-1}
.vitrine-seletores label{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;color:#b4a38a}
.vitrine-seletores select{width:100%;min-height:32px;padding:4px 6px;background:#1f1915;border:1px solid #7d6440;border-radius:4px;color:#eadbc0;font:13px Fira,sans-serif;text-overflow:ellipsis}
.vitrine-seletores select:focus-visible{outline:2px solid #ffe2a2;outline-offset:2px}
.vitrine-seletores option:disabled{color:#8c7d68}
.vitrine-heroi{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end}
.vitrine-heroi>.botao{grid-column:1/-1}
.vitrine-nota{margin:4px 0 0;font-size:12px;color:#b4a38a}
@media(max-width:650px){.central-vitrine{top:auto;bottom:8px;right:16px;max-height:45dvh}.vitrine-seletores{grid-template-columns:1fr}}