/* Kaldrath: mesma identidade do HUD do jogo (couro escuro, bronze, rebites, creme e ouro).
   Molduras e botoes sao as pecas do atlas do HUD (scripts/build-site-ui.py) em border-image. */
@font-face{font-family:Cinzel;src:url(/site/fonts/cinzel-latin.woff2) format('woff2');font-weight:400 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cinzel;src:url(/site/fonts/cinzel-latin-ext.woff2) format('woff2');font-weight:400 900;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --noite:#0b0806;--couro:#15100b;--couro-claro:#211810;--bronze:#8a6a40;--bronze-claro:#c8964f;
  --ouro:#e8c170;--creme:#f2e5c4;--texto:#dccfb3;--mudo:#a69679;--erro:#ec937c;--ok:#a4dc94;
  --titulo:Cinzel,'Palatino Linotype','Book Antiqua',Georgia,serif;
  --corpo:'Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--noite)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--texto);font:16px/1.6 var(--corpo);
  background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(200,120,50,.18),transparent 70%),
    linear-gradient(180deg,rgba(11,8,6,.2),rgba(11,8,6,.92) 55%),url(/site/fundo-pedra.jpg) 0 0/512px repeat var(--noite)}
a{color:var(--ouro);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#ffdd96}
h1,h2,h3{font-family:var(--titulo);color:var(--creme);line-height:1.2;letter-spacing:.02em;margin:0 0 .5em}
h1{font-size:clamp(28px,4vw,40px)}h2{font-size:clamp(22px,2.6vw,28px)}h3{font-size:19px}
p{margin:0 0 1em}
img{max-width:100%}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}

/* Topo */
.topo{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(26,19,12,.97),rgba(14,10,7,.95));
  border-bottom:1px solid #3b2b1a;box-shadow:0 1px 0 rgba(200,150,80,.18),0 8px 24px rgba(0,0,0,.45)}
.topo-miolo{max-width:1320px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.marca span{font-family:var(--titulo);font-weight:800;font-size:24px;letter-spacing:.08em;text-transform:uppercase;
  background:linear-gradient(180deg,#fbe6ad,#d9a656 55%,#9b6a31);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Nenhum rotulo do topo quebra em duas linhas ("Ficar forte", "Criar conta"): onde nao cabe tudo numa linha, o
   menu inteiro desce para a segunda linha, centralizado (media queries no fim do bloco). */
.menu{display:flex;gap:2px;flex:1;justify-content:center;min-width:0}
.menu a{font-family:var(--titulo);font-weight:600;font-size:15px;letter-spacing:.05em;color:var(--texto);text-decoration:none;padding:8px 11px;border-radius:4px;white-space:nowrap}
.menu a:hover,.menu a[aria-current]{color:var(--ouro);background:rgba(200,150,80,.08)}
.menu a.em-breve{color:#6f6250;cursor:default}
.menu a.em-breve:hover{background:none;color:#6f6250}
.acesso{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}
.acesso form{margin:0}
/* Celular (03/10, ROADMAP Fase 2b item 6): o menu de 8 itens ocupava 3 linhas antes do conteudo; vira um botao que abre e
   fecha (caixinha escondida, sem script). No computador o botao nao aparece. */
.menu-abre,.menu-botao{display:none}
.menu-botao{align-items:center;gap:6px;font-family:var(--titulo);font-weight:600;font-size:15px;letter-spacing:.05em;color:var(--creme);
  padding:7px 12px;border:1px solid #5d4527;border-radius:6px;cursor:pointer;user-select:none}
.menu-abre:checked+.menu-botao{color:var(--ouro);border-color:var(--ouro)}
@media (max-width:1240px){
  .topo-miolo{flex-wrap:wrap;row-gap:4px}
  .acesso{margin-left:auto}
  .menu{order:3;flex-basis:100%}
}

/* Botoes: pecas ButtonNormal/ButtonActive do HUD */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;cursor:pointer;
  font:600 16px/1 var(--titulo);letter-spacing:.05em;color:var(--creme);text-decoration:none;text-shadow:0 1px 2px #000;
  border:solid transparent;border-width:11px 12px;border-image:url(/site/ui/ButtonNormal.png) 15 16 fill/11px 12px stretch;background:none}
.botao:hover{color:#fff1c9;border-image-source:url(/site/ui/ButtonActive.png)}
.botao.pequeno{min-height:36px;padding:0 14px;font-size:14px;border-width:9px 10px}
.botao.grande{min-height:54px;padding:0 34px;font-size:19px}
.botao.largo{width:100%}
.botao.secundario{border-image-source:url(/site/ui/ButtonDim.png);color:var(--texto)}
.botao.secundario:hover{border-image-source:url(/site/ui/ButtonNormal.png);color:var(--creme)}
.botao.desligado{opacity:.45;cursor:not-allowed;border-image-source:url(/site/ui/ButtonDim.png)}
.link{background:none;border:0;padding:0;font:inherit;font-size:15px;color:var(--texto);cursor:pointer;text-decoration:none}
.link:hover{color:var(--ouro)}

/* Paineis: moldura da peca PanelSmall do HUD (bronze e rebites) e miolo de couro que repete sem emenda
   (scripts/build-site-ui.py Leather.jpg): o miolo da peca tem 38 px e, esticado num painel alto, virava risco. */
.painel{position:relative;padding:22px 26px;color:var(--texto);border:solid transparent;border-width:22px 24px;
  border-image:url(/site/ui/PanelSmall.png) 30 33/22px 24px stretch round;
  background:#191714 url(/site/ui/Leather.jpg) repeat;background-size:540px 150px;background-clip:padding-box}

main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:36px 20px 56px}
main.largo{max-width:none;padding:0 0 56px}

/* Capa */
.capa{--capa:url(/site/capa.jpg);position:relative;min-height:min(78vh,720px);display:grid;place-items:center;text-align:center;padding:60px 20px;
  background:radial-gradient(ellipse at 50% 45%,rgba(12,8,5,.55),rgba(11,8,6,.93) 78%),var(--capa) center/cover no-repeat}
.capa::after{content:'';position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--noite))}
.capa-miolo{position:relative;z-index:1;max-width:760px}
.capa-emblema{filter:drop-shadow(0 6px 22px rgba(240,160,60,.35))}
.capa h1{font-size:clamp(46px,9vw,92px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:.1em 0 .15em;
  background:linear-gradient(180deg,#fff0c4,#e3b262 55%,#96652c);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.8))}
.chamada{font-family:var(--titulo);font-size:clamp(19px,2.6vw,26px);color:var(--creme);margin-bottom:.5em;text-shadow:0 2px 8px #000}
.subchamada{font-size:18px;color:var(--texto);max-width:620px;margin:0 auto 1.8em;text-shadow:0 2px 8px #000}
.acoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Secoes da pagina inicial */
.faixa{max-width:1160px;margin:0 auto;padding:48px 20px 8px}
.faixa>h2{text-align:center;margin-bottom:28px}
.grade-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grade-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
/* Suporte (support.mjs): aviso de resposta no topo e a conversa do chamado */
.acesso .aviso-suporte{color:var(--ouro);font-weight:700;white-space:nowrap}
.chamados li{padding:8px 0;border-bottom:1px solid #ffffff14}
.conversa{display:grid;gap:12px;margin-bottom:16px}
.conversa .mensagem{max-width:85%}
.conversa .mensagem.equipe{justify-self:end;border-color:var(--bronze-claro)}
.texto-chamado{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.suporte textarea{width:100%;box-sizing:border-box;font:inherit}
.grade-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* Ficar mais forte (/poder) */
.poder .equipamento h3{margin:0 0 6px}
.poder .item-agora{margin:.2em 0;font-size:16px}
.poder .proximo{color:var(--ouro);margin-top:.6em}
.poder .pequeno{font-size:14px;margin:.25em 0}
.poder details.mistura{margin:10px 0}
.poder details.mistura summary{cursor:pointer;color:var(--ouro);font-weight:600}
.poder td.runas{color:var(--ouro);white-space:nowrap;padding-right:18px}
.poder .tabela table{width:100%}
.cartao{text-align:center}
.cartao .icone{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.cartao p{font-size:15px;color:var(--mudo);margin:0}
.selo{display:inline-block;vertical-align:middle;font:600 11px/1 var(--corpo);letter-spacing:.06em;text-transform:uppercase;color:#f3c77a;
  border:1px solid #8a6a30;background:rgba(138,106,48,.22);border-radius:20px;padding:4px 8px;margin-left:6px}
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:passo}
.passos li{text-align:center}
.numero{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:8px;font:800 20px/1 var(--titulo);color:#2a1a08;
  background:radial-gradient(circle at 35% 30%,#ffe7a6,#c88a3d 60%,#6d4419);border-radius:50%;box-shadow:0 0 0 2px #3a2614,0 4px 10px rgba(0,0,0,.6)}
.passos p{color:var(--mudo);font-size:15px;margin:0}
.destaque{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center}
.destaque .icone{width:110px;height:110px;object-fit:contain}
.destaque p{color:var(--texto)}

/* Formularios */
.formulario{max-width:520px;margin:10px auto}
.formulario h1{text-align:center}
.mudo{color:var(--mudo)}
.formulario>.mudo{text-align:center}
.campo{display:block;margin:0 0 16px}
.campo span{display:block;font:600 14px/1.4 var(--corpo);color:var(--creme);margin-bottom:6px}
.campo input{width:100%;height:46px;padding:0 14px;font:16px var(--corpo);color:var(--creme);background:#0f0b07;
  border:1px solid #5d4527;border-radius:6px;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);outline:none}
.campo input:focus{border-color:var(--ouro);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 3px rgba(232,193,112,.18)}
.campo textarea{display:block;width:100%;box-sizing:border-box;min-height:120px;padding:10px 14px;font:16px/1.5 var(--corpo);color:var(--creme);background:#0f0b07;
  border:1px solid #5d4527;border-radius:6px;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);outline:none;resize:vertical}
.campo textarea:focus{border-color:var(--ouro);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 3px rgba(232,193,112,.18)}
.campo small{display:block;color:var(--mudo);font-size:13px;margin-top:5px}
.campo em,.marcar em{display:block;font-style:normal;color:var(--erro);font-size:14px;margin-top:5px}
.com-erro input{border-color:var(--erro)}
.marcar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:4px 0 20px;font-size:15px;cursor:pointer}
.marcar input{width:18px;height:18px;margin-top:3px;accent-color:#c8964f}
.marcar span{flex:1}
.marcar em{flex-basis:100%}
.aviso{padding:10px 14px;border-radius:6px;border:1px solid;margin-bottom:18px}
.aviso.erro{color:var(--erro);border-color:rgba(236,147,124,.5);background:rgba(120,30,20,.25)}
.aviso.ok{color:var(--ok);border-color:rgba(164,220,148,.45);background:rgba(40,90,30,.25)}
.aviso.atencao{color:#f3c77a;border-color:rgba(243,199,122,.45);background:rgba(120,90,20,.22)}
/* Central do Dono (/admin/central e abas) */
.central .grade-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0}
.central .grade-3{margin:18px 0}
.central .painel{margin-bottom:18px}
.central .painel h3{margin:0 0 10px}
.central-abas .aba{font-size:14px;padding:8px 11px}
.selo.ok{color:var(--ok);border-color:rgba(164,220,148,.6);background:rgba(40,90,30,.3)}
.selo.erro{color:var(--erro);border-color:rgba(236,147,124,.6);background:rgba(120,30,20,.3)}
.selo.atencao{color:#f3c77a;border-color:rgba(243,199,122,.6);background:rgba(120,90,20,.28)}
.selo.mini{font-size:10px;padding:2px 6px;margin-left:4px}
.estado-servidor .selo{font-size:16px;padding:8px 14px;margin:4px 0 8px}
.texto-ok{color:var(--ok)}.texto-atencao{color:#f3c77a}
.lista-limpa{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.central .botoes{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.central form.inline{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.central form.inline select,.central .acoes-linha input{height:36px;padding:0 10px;font:14px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px}
.central .formulario.linha{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.central .formulario.linha .campo{flex:1 1 160px;margin:0}
.central .acoes-linha form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.central .acoes-linha input{width:150px;height:30px}
.botao.mini{padding:4px 10px;font-size:12px;min-height:0}
.botao.perigo{filter:hue-rotate(-25deg) saturate(1.6)}
.botao.perigo:not(.mini){color:#ffd9cc}
.perigo-zona{border-color:rgba(236,147,124,.35)}
.perigo-zona summary{cursor:pointer;color:var(--erro);font-weight:600}
.central td.codigo{font-family:ui-monospace,Consolas,monospace;color:var(--ouro)}
.central dl.linhas{display:grid;grid-template-columns:minmax(110px,42%) minmax(0,1fr);gap:6px 14px;margin:0}
.central dl.linhas dt{color:var(--mudo);margin:0}
.central dl.linhas dd{margin:0;text-align:left;overflow-wrap:anywhere}
.central .grafico{width:100%;height:120px;color:var(--ouro);display:block;background:rgba(0,0,0,.18);border-radius:6px}
.central .grade-logs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:18px}
.central pre.log{margin:0;max-height:620px;overflow:auto;font:12px/1.45 ui-monospace,Consolas,monospace;color:var(--texto);white-space:pre-wrap;word-break:break-all}
.central .lista-limpa a[aria-current]{color:var(--ouro);font-weight:600}
.central tr.equipado td:first-child{color:var(--ouro)}
.central .numeros-linha{display:flex;flex-wrap:wrap;gap:6px}
.central .numeros-linha input{width:86px;height:34px;padding:0 8px;font:14px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px}
.rodape-form{text-align:center;color:var(--mudo);font-size:15px;margin:20px 0 0}

/* Minha conta */
.conta-topo{margin-bottom:18px}
.grade-conta{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.jogar-agora{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.jogar-agora .icone{width:78px;height:78px;object-fit:contain}
.jogar-agora h2{margin:0 0 .2em}.jogar-agora p{margin:0;color:var(--mudo)}
.saldo{font:800 38px/1.1 var(--titulo);color:var(--ouro);margin:0 0 10px}
.saldo small{font-size:18px;color:var(--mudo)}
.linhas{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 16px}
.linhas dt{color:var(--mudo)}.linhas dd{margin:0;color:var(--creme);text-align:right;word-break:break-word}
.painel .acoes{justify-content:flex-start}

/* Textos */
.texto{max-width:820px;margin:0 auto}
.texto p{color:var(--texto)}

/* Rodape */
.rodape{border-top:1px solid #3b2b1a;background:rgba(10,7,5,.92)}
.rodape-miolo{max-width:1200px;margin:0 auto;padding:18px 20px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;color:var(--mudo);font-size:14px}
.rodape nav{display:flex;gap:18px}
.rodape a{color:var(--mudo);text-decoration:none}.rodape a:hover{color:var(--ouro)}

@media (max-width:1240px){
  .grade-5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .grade-4,.grade-5{grid-template-columns:repeat(2,1fr)}
  .conversa .mensagem{max-width:100%}
  .grade-3{grid-template-columns:repeat(2,1fr)}
  .passos{grid-template-columns:1fr}
  .grade-conta{grid-template-columns:1fr}
  .jogar-agora{grid-template-columns:1fr;text-align:center}
  .jogar-agora .icone{margin:0 auto}
}
@media (max-width:640px){
  .topo-miolo{flex-wrap:wrap;gap:10px;padding:10px 16px}
  .menu-botao{display:inline-flex;order:2}
  .menu{order:3;flex-basis:100%;flex-wrap:wrap;justify-content:center;display:none}
  .menu-abre:checked~.menu{display:flex}
  .menu a{padding:8px 10px}
  .acesso{margin-left:auto}
  .grade-4,.grade-5{grid-template-columns:1fr}
  .grade-3{grid-template-columns:1fr}
  .central .grade-2{grid-template-columns:1fr}
  .central .grade-logs{grid-template-columns:1fr}
  .poder td.runas{white-space:normal}
  .destaque{grid-template-columns:1fr;text-align:center}
  .destaque .icone{margin:0 auto}
  main{padding:24px 16px 48px}
  .painel{border-width:18px 18px;padding:16px 14px}
}

/* ---------- Loja, carteira e painel (shop-views.mjs) ---------- */
.pequeno{font-size:14px}
.secao{margin:34px 0 14px}
.vazio{text-align:center;color:var(--mudo)}
.trilha{color:var(--mudo);font-size:14px;margin-bottom:10px}
.loja-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.loja-topo h1{margin:0 0 .15em}.loja-topo p{margin:0}
.saldo-chip{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 10px;border:1px solid #5d4527;border-radius:40px;background:rgba(20,14,9,.85)}
.saldo-chip img{width:30px;height:30px;object-fit:contain}
.saldo-chip b{font:800 20px/1 var(--titulo);color:var(--ouro)}
.abas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 8px;border-bottom:1px solid #3b2b1a;padding-bottom:10px}
.aba{font:600 15px/1 var(--titulo);letter-spacing:.04em;color:var(--texto);text-decoration:none;padding:9px 14px;border-radius:6px;border:1px solid transparent}
.aba:hover{color:var(--ouro);background:rgba(200,150,80,.08)}
.aba[aria-current]{color:var(--ouro);border-color:#6a4f2e;background:rgba(200,150,80,.12)}
.busca{margin-left:auto}
.busca input{height:38px;width:220px;padding:0 12px;font:15px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px;outline:none}
.busca input:focus{border-color:var(--ouro)}
.oferta-dia{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;text-decoration:none;color:var(--texto);margin-bottom:6px}
.oferta-dia h2{margin:.25em 0 .2em}.oferta-dia p{margin:0 0 .4em;color:var(--texto)}
.oferta-dia:hover h2{color:var(--ouro)}
.grade-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.item-cartao{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;text-decoration:none;color:var(--texto);
  border:1px solid #3d2c19;border-radius:10px;background:linear-gradient(160deg,rgba(60,43,25,.62),rgba(22,16,10,.8));transition:border-color .15s,transform .15s}
.item-cartao:hover{border-color:#a57c45;transform:translateY(-2px)}
.item-cartao h3{font-size:16px;margin:0 0 4px;color:var(--creme);overflow-wrap:anywhere}
/* A coluna do texto encolhe e quebra em vez de vazar do cartao (nome e preco longos). */
.item-info{min-width:0}
.item-moldura{display:grid;place-items:center;width:74px;height:74px;border-radius:8px;
  background:radial-gradient(circle at 50% 40%,rgba(232,193,112,.16),rgba(10,7,5,.9) 70%);border:1px solid #6a4f2e;box-shadow:inset 0 0 14px rgba(0,0,0,.7)}
.item-moldura.grande{width:120px;height:120px}.item-moldura.enorme{width:190px;height:190px}
.item-icone{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}
.item-icone.grande{width:96px;height:96px}.item-icone.enorme{width:150px;height:150px}.item-icone.pequeno{width:30px;height:30px;vertical-align:middle}
.etiquetas{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 6px}
.etiqueta{font:600 11px/1 var(--corpo);letter-spacing:.04em;text-transform:uppercase;color:#d9c7a0;border:1px solid #5d4527;background:rgba(93,69,39,.25);border-radius:20px;padding:4px 8px}
.etiqueta.oferta{color:#1d1206;background:linear-gradient(180deg,#f7d58b,#c8913f);border-color:#f0d08a}
.etiqueta.promo{color:#fff;background:#8e2a1f;border-color:#c04a37}
.preco{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:4px;font:800 20px/1 var(--titulo);color:var(--ouro)}
.preco .a-partir{flex-basis:100%}
.preco s{font:500 14px/1 var(--corpo);color:var(--mudo)}.preco small{font:500 13px/1 var(--corpo);color:var(--mudo)}
.item-detalhe{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}
.item-vitrine{display:grid;place-items:center}
.descricao{font-size:17px;color:var(--creme)}
.compra{margin-top:16px}
.campo.curto input{width:120px}
.destino{border:1px solid #4a3620;border-radius:8px;padding:10px 14px;margin:0 0 14px}
.destino legend{padding:0 6px;color:var(--creme);font-weight:600}
.destino .presente{display:none;margin-top:8px}
.compra.com-presente .destino .presente{display:block}
.total{font-size:16px;margin:10px 0}.total b{color:var(--ouro)}
.como-receber{margin-top:22px;padding-top:14px;border-top:1px solid #3b2b1a}
.como-receber h3{font-size:16px;margin-bottom:.3em}.como-receber p{color:var(--mudo);font-size:15px;margin:0}
.pedido-itens{list-style:none;padding:0;margin:14px 0}
.pedido-itens li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #2e2215}
.pedido-itens li span{flex:1}.pedido-itens li b{color:var(--ouro)}
.tabela{overflow-x:auto}
.tabela table{width:100%;border-collapse:collapse;font-size:15px}
.tabela th{text-align:left;font:600 13px/1.2 var(--corpo);letter-spacing:.04em;text-transform:uppercase;color:var(--mudo);padding:8px 10px;border-bottom:1px solid #4a3620}
.tabela td{padding:9px 10px;border-bottom:1px solid #2a1f14;vertical-align:middle}
.tabela .num{text-align:right;white-space:nowrap}
.tabela .mais{color:var(--ok)}.tabela .menos{color:var(--erro)}
.saldos{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}
.pacotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.pacote{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid #4a3620;border-radius:10px;background:rgba(30,21,13,.7);margin:0}
.pacote b{font:800 24px/1 var(--titulo);color:var(--ouro)}.pacote small{color:var(--mudo);margin-top:-4px}
.pacote.destaque{border-color:#c8964f;box-shadow:0 0 0 1px rgba(200,150,79,.35),0 0 18px rgba(200,150,79,.15)}
.numeros .saldo{font-size:30px}
.linha-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.catalogo .linha-form{display:grid;grid-template-columns:90px 90px 190px 80px 80px 50px 60px auto;gap:6px;align-items:center;margin:0}
.linha-form input[name=motivo]{height:32px;width:150px;padding:0 8px;font:14px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:5px}
.catalogo input[type=number],.catalogo input[type=datetime-local]{height:34px;padding:0 6px;font:14px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:5px;width:100%}
.catalogo input[type=checkbox]{width:18px;height:18px;accent-color:#c8964f}
.catalogo tr.inativo td{opacity:.55}
.nota{color:#f0c77a}
/* Variacoes (duracao, tom, atributo), kits e cupom */
.variantes-resumo{margin:0 0 6px;font-size:13px;color:var(--mudo)}
.cartao-resumo{margin:0 0 6px;font-size:13px;line-height:1.35;color:var(--texto);opacity:.88;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.a-partir{font:500 12px/1 var(--corpo);color:var(--mudo)}
.variantes{margin:6px 0 16px}
.variantes .rotulo{display:block;font:600 13px/1 var(--corpo);letter-spacing:.04em;text-transform:uppercase;color:var(--mudo);margin-bottom:8px}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.opcao{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #5d4527;border-radius:8px;background:rgba(30,21,13,.7);color:var(--texto);text-decoration:none;font-size:14px}
.opcao small{color:var(--mudo)}
.opcao:hover{border-color:#a57c45;color:var(--creme)}
.opcao.atual{border-color:var(--ouro);background:rgba(200,150,80,.16);color:var(--ouro);box-shadow:0 0 0 1px rgba(232,193,112,.3)}
.opcao.atual small{color:var(--creme)}
.item-icone.mini{width:24px;height:24px}
.kit-conteudo{margin:4px 0 14px;padding:10px 14px;border:1px solid #4a3620;border-radius:8px;background:rgba(20,14,9,.5)}
.kit-conteudo h3{font-size:15px;margin:0 0 6px}
.kit-conteudo ul{list-style:none;padding:0;margin:0 0 6px}
.kit-conteudo li{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid #2a1f14}
.kit-conteudo li span{flex:1;color:var(--creme)}.kit-conteudo li small{color:var(--mudo)}
.kit-conteudo p{margin:6px 0 0;font-size:14px}
.item-cartao.kit{border-color:#6a4f2e;background:linear-gradient(160deg,rgba(96,66,28,.66),rgba(22,16,10,.85))}
.cupom{margin:0 0 12px}
.cupom summary{cursor:pointer;color:var(--bronze-claro);font-size:14px}
.cupom-linha{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cupom-linha input{height:36px;width:180px;padding:0 10px;font:600 15px var(--corpo);letter-spacing:.06em;text-transform:uppercase;color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px}
.cupom-msg{display:block;margin-top:6px;color:var(--mudo)}.cupom-msg.ok{color:var(--ok)}.cupom-msg.erro{color:var(--erro)}
.aviso:not(.ok):not(.erro){color:var(--creme);border-color:#6a4f2e;background:rgba(93,69,39,.2)}
.formulario.largo{max-width:720px}
.pedido-itens li span small{display:block;margin-top:2px}
.rodape-loja{text-align:center;margin-top:30px}
body.embutido{background:rgba(11,8,6,.97)}
body.embutido main{max-width:none;padding:18px 22px 30px}
@media (max-width:900px){
  .item-detalhe,.saldos{grid-template-columns:1fr}
  .oferta-dia{grid-template-columns:1fr;text-align:center}.oferta-dia .item-moldura{margin:0 auto}
  .busca{margin-left:0;flex-basis:100%}.busca input{width:100%}
}
/* Mercado entre jogadores */
.filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:10px 0 12px;padding:12px 14px}
.filtros .campo{margin:0}
.filtros .campo input,.filtros .campo select{height:36px;padding:0 10px;font:15px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px}
.filtros .campo.curto input{width:90px}
.filtros .botao{height:36px}
.item-cartao.mercado .preco{font-size:18px}
.tabela table.atributos{margin:10px 0 14px}
.tabela table.atributos th{text-transform:none;letter-spacing:0;font:14px var(--corpo);color:var(--mudo);border-bottom:1px solid #2a1f14}
.tabela table.atributos td{color:var(--creme)}
.vender-item{grid-template-columns:auto 1fr;align-items:start}
.vender-linha{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
[data-vender] .grade-itens{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.vender-linha input{height:34px;width:110px;padding:0 8px;font:15px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px}
.mudo.ok{color:var(--ok)}.mudo.erro{color:var(--erro)}
/* Saque e campos de escolha */
.campo select{height:40px;padding:0 10px;font:15px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:6px;max-width:100%}
.campo select:focus{border-color:var(--ouro);outline:none}
.linha-form input[name=nota]{height:32px;width:170px;padding:0 8px;font:14px var(--corpo);color:var(--creme);background:#0f0b07;border:1px solid #5d4527;border-radius:5px}
.formulario-saque .campo{margin-bottom:12px}
.formulario-saque .form-secao{font-size:17px;margin:18px 0 10px;padding-top:12px;border-top:1px solid #3a2a18}
.saque h3{font-size:16px;margin:14px 0 4px}
/* Painel de saques: um cartao por pedido com a conferencia em 4 passos */
.saque-conferir{margin-bottom:18px}
.saque-topo{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:10px}
.saque-topo h2{margin:0;font-size:21px}
.saque-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
@media (max-width:760px){.saque-grade{grid-template-columns:1fr}}
.saque-grade section{min-width:0}
.saque-grade h3{font-size:15px;letter-spacing:.04em;color:var(--ouro);margin:0 0 6px}
.saque-grade .linhas{grid-template-columns:auto minmax(0,1fr);margin-bottom:8px}
.saque-grade .linhas dd{text-align:left}
.saque-grade code{font:14px ui-monospace,Consolas,monospace;color:var(--creme);overflow-wrap:anywhere}
.saque-grade .ouro{color:var(--ouro)}.grande-valor{font-size:19px}
button.copiar{margin-left:4px;padding:2px 8px;font:600 12px/1.5 var(--corpo);color:var(--ouro);background:rgba(200,150,80,.1);border:1px solid #6a4f2e;border-radius:5px;cursor:pointer}
button.copiar:hover{border-color:var(--ouro)}
.lista-vendas{list-style:none;padding:0;margin:4px 0 0;font-size:14px}
.lista-vendas li{padding:4px 0;border-bottom:1px solid #2a1f14}
.saque-decidir{margin-top:12px;padding-top:12px;border-top:1px solid #3a2a18}
.saque-decidir input[name=nota]{flex:1 1 260px;width:auto}

/* Guia (/guia) */
.guia h2{margin-top:1.6em}
.chamada-guia{color:var(--texto);max-width:760px}
.guia-eventos{margin-top:16px;padding:18px 22px}
.guia-eventos h3{margin:0 0 .3em}
.guia-eventos td:first-child{color:var(--ouro);width:120px}
/* Bestiario (/bestiario) */
.monstros{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:12px;align-items:start}
.monstro{padding:16px 18px;min-width:0}
.monstro header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.monstro h3{margin:0;font-size:19px}.monstro .nivel{color:var(--ouro);white-space:nowrap;font-weight:600}
.monstro.chefe h3{color:#ff9a7a}.chefe-hora{margin:.3em 0 0;color:#ff9a7a;font-size:14px}
.monstro .linhas{margin:10px 0 6px}.monstro .onde{color:var(--mudo);font-size:14px;margin:.4em 0}
.monstro summary{cursor:pointer;color:var(--ouro);font-weight:600;margin-top:4px}
.drops{list-style:none;margin:8px 0 0;padding:0;font-size:14px}
.drops li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid #2a1f14}
.drops li b{color:var(--mudo);font-weight:600;white-space:nowrap}.drops li.achado span{color:var(--ouro);font-weight:700}
.paginas{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}
.mais-drops summary{font-size:13px;color:var(--mudo);font-weight:400;margin-top:6px}
.colecao{padding:12px 16px;margin:10px 0}.colecao b{color:var(--ouro);font-size:18px}
.derrotado{margin:.3em 0 0;color:var(--ok);font-size:14px;font-weight:600}
/* Hoje em Kaldrath (capa) */
.hoje-painel{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding:22px 26px;align-items:start}
.hoje-painel h2{margin:0 0 .3em}.hoje-painel h3{margin:0 0 .4em}.hoje-painel .ouro{color:var(--ouro);font-size:20px}
.top3{margin:0 0 .6em;padding-left:1.2em}.top3 li{margin:.25em 0}
@media (max-width:700px){.hoje-painel{grid-template-columns:1fr}}
/* Ambiente local (loja.js): etiqueta fixa para nao confundir o PC com o kaldrath.online */
.ambiente-local{position:fixed;left:12px;bottom:12px;z-index:9999;padding:6px 12px;border-radius:6px;background:#8a1f1f;color:#fff;
  font:600 13px/1.3 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 2px 10px rgba(0,0,0,.45);pointer-events:none;opacity:.94}
/* Cadastro: campo isca contra robos (fica fora da tela; quem preenche e robo) e a linha da verificacao (02/10). */
.isca{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.prova-status{font-size:13px;text-align:center;margin:4px 0 10px}
/* Verificacao em duas etapas: a chave do app em blocos de 4 (02/10). */
.chave-2fa{text-align:center;font-size:20px;letter-spacing:2px}
.chave-2fa code{user-select:all;word-break:break-all}
/* Aviso de celular (views.mjs mobileNotice): so em aparelho sem mouse - o jogo e no computador */
.aviso-celular{display:none;margin-top:1.2rem;padding:1rem 1.1rem;text-align:left;max-width:34rem;margin-inline:auto}
.aviso-celular p{margin:0 0 .8rem}
@media (hover:none) and (pointer:coarse){.aviso-celular{display:block}}