/* Kofre: estilos. Fonte Ubuntu servida pelo próprio site (nenhum pedido a terceiros). */
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url("../fontes/ubuntu-latin-400-normal.0e8eefb4549a.woff2") format("woff2")}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url("../fontes/ubuntu-latin-500-normal.0e7e5f9d3a8e.woff2") format("woff2")}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url("../fontes/ubuntu-latin-700-normal.ab1fc8621287.woff2") format("woff2")}
/* Temas inspirados nas áreas do hotel. Cada tema só troca os tokens de cor. */
:root,[data-tema="hotel"]{
  --ceu-a:#9fd3ea; --ceu-b:#e3f3f9; --piso-a:#b9cfd8; --piso-b:#cfe0e6;
  --janela:#f6f5f0; --janela-2:#ebe9e1; --borda:#1d3646; --brilho:#ffffff;
  --cab:#2d6f8e; --cab-2:#245b75; --cab-txt:#ffffff;
  --tinta:#18232c; --tinta-2:#55616c; --linha:#d3cfc1;
  --slot:#e2e0d6; --slot-borda:#bdb9aa; --slot-hover:#fff6c4;
  --ok-a:#7cc043; --ok-b:#4f8f22; --ok-borda:#2c5510; --ok-txt:#ffffff;
  --btn-a:#ffffff; --btn-b:#e1dfd6;
  --moeda:#e8a20e; --moeda-esc:#8a5d00; --moeda-cla:#ffe08a;
  --pos:#24782a; --neg:#c0392b; --aviso-fundo:#fff2c6; --aviso-txt:#6b4b00;
  --aba:#c3d9e3; --aba-txt:#24404f; --fechar:#d0463a;
  color-scheme:light;
}
[data-tema="noite"]{
  --ceu-a:#0b1622; --ceu-b:#16283a; --piso-a:#132231; --piso-b:#18293a;
  --janela:#1d2b39; --janela-2:#253646; --borda:#05101a; --brilho:#3a5266;
  --cab:#2a4f6c; --cab-2:#1f3e57; --cab-txt:#eaf4fb;
  --tinta:#eaf1f7; --tinta-2:#a3b5c4; --linha:#34485b;
  --slot:#273a4c; --slot-borda:#3d556b; --slot-hover:#33506a;
  --ok-a:#6cb33a; --ok-b:#467f1d; --ok-borda:#173208; --ok-txt:#ffffff;
  --btn-a:#3a5268; --btn-b:#2c4256;
  --moeda:#f2b432; --moeda-esc:#c48a10; --moeda-cla:#ffe7a1;
  --pos:#62d26a; --neg:#ff7a6b; --aviso-fundo:#3a2f0e; --aviso-txt:#f6d27a;
  --aba:#1a2c3d; --aba-txt:#a9c3d6; --fechar:#c8473b;
  color-scheme:dark;
}
[data-tema="lido"]{
  --ceu-a:#5ccbd3; --ceu-b:#d3f4f4; --piso-a:#8fdde0; --piso-b:#b6ecec;
  --janela:#f7fbfb; --janela-2:#e4f2f1; --borda:#0f4c55; --brilho:#ffffff;
  --cab:#139aa3; --cab-2:#0e7f87; --cab-txt:#ffffff;
  --tinta:#0f2f35; --tinta-2:#4a6c71; --linha:#bddcda;
  --slot:#d8eeed; --slot-borda:#a3d1cf; --slot-hover:#ffe7b8;
  --ok-a:#f39a2e; --ok-b:#d9731a; --ok-borda:#7a3d06; --ok-txt:#ffffff;
  --btn-a:#ffffff; --btn-b:#dbefee;
  --moeda:#e8a20e; --moeda-esc:#8a5d00; --moeda-cla:#ffe08a;
  --pos:#1d7638; --neg:#c43b2b; --aviso-fundo:#fff1d6; --aviso-txt:#734400;
  --aba:#a9e2e3; --aba-txt:#0f4c55; --fechar:#e0533f;
  color-scheme:light;
}
[data-tema="hc"]{
  --ceu-a:#141110; --ceu-b:#2a231a; --piso-a:#211b14; --piso-b:#2a2219;
  --janela:#251f18; --janela-2:#30281e; --borda:#000000; --brilho:#5a4a2c;
  --cab:#8a6a1c; --cab-2:#6f5414; --cab-txt:#fff4d6;
  --tinta:#f5ecd8; --tinta-2:#c4b38f; --linha:#4d3f2b;
  --slot:#352c21; --slot-borda:#5c4c34; --slot-hover:#4a3b22;
  --ok-a:#e3b23c; --ok-b:#b98a1d; --ok-borda:#4d3700; --ok-txt:#1d1505;
  --btn-a:#40352a; --btn-b:#33291f;
  --moeda:#f2c14e; --moeda-esc:#c79a2a; --moeda-cla:#ffe9a8;
  --pos:#86d873; --neg:#ff8070; --aviso-fundo:#3b2e10; --aviso-txt:#f3d27d;
  --aba:#2c241b; --aba-txt:#d8c69c; --fechar:#c4473a;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body{
  font-family:"Ubuntu",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--tinta);
  background:linear-gradient(var(--ceu-a),var(--ceu-b) 420px,var(--ceu-b)) fixed;
  min-height:100vh;padding-bottom:max(28px,env(safe-area-inset-bottom,0px));
  -webkit-font-smoothing:antialiased;
}
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:70px;z-index:-1;
  background:conic-gradient(var(--piso-a) 25%,var(--piso-b) 0 50%,var(--piso-a) 0 75%,var(--piso-b) 0) 0 0/28px 28px;
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
button,input,select{font:inherit;color:inherit}
input[type=number]{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--moeda);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.pos{color:var(--pos)} .neg{color:var(--neg)}
.mut{color:var(--tinta-2)}
.casca{max-width:1080px;margin:0 auto;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));padding-top:max(14px,env(safe-area-inset-top,0px))}

/* topo */
.topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.marca{display:flex;align-items:center;gap:10px}
.marca h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:#fff;
  text-shadow:0 2px 0 var(--borda),2px 0 0 var(--borda),-2px 0 0 var(--borda),0 -2px 0 var(--borda),2px 2px 0 var(--borda),-2px 2px 0 var(--borda),2px -2px 0 var(--borda),-2px -2px 0 var(--borda)}
[data-tema="noite"] .marca h1,[data-tema="hc"] .marca h1{color:var(--cab-txt)}
.marca small{display:block;font-size:.8rem;color:var(--tinta-2);font-weight:500;margin-top:3px}
.topo-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chip-k{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:2px solid var(--borda);border-radius:999px;background:var(--janela);cursor:pointer;font-weight:500;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12);color:var(--tinta)}
.chip-k b{font-weight:700}
.icone-btn{width:42px;height:42px;border:2px solid var(--borda);border-radius:10px;background:linear-gradient(var(--btn-a),var(--btn-b));display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);color:var(--tinta);padding:0}
.icone-btn svg{width:22px;height:22px}

/* abas */
.abas{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 6px;position:relative;z-index:1}
.aba{flex:none;border:2px solid var(--borda);border-bottom:0;border-radius:10px 10px 0 0;background:var(--aba);color:var(--aba-txt);padding:9px 18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;margin-top:4px}
.aba[aria-selected="true"]{background:var(--janela);color:var(--tinta);margin-top:0;padding-bottom:13px;margin-bottom:-2px}
.aba .n{font-size:.75rem;background:var(--janela-2);border-radius:999px;padding:0 7px;color:var(--tinta-2);font-weight:500}

/* janelas */
.janela{background:var(--janela);border:2px solid var(--borda);border-radius:12px;box-shadow:inset 0 0 0 2px var(--brilho),0 4px 0 rgba(0,0,0,.18)}
.painel{padding:18px;display:flex;flex-direction:column;gap:16px;min-height:320px}
.janela-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(var(--cab),var(--cab-2));color:var(--cab-txt);padding:9px 10px 9px 16px;border-radius:9px 9px 0 0;border-bottom:2px solid var(--borda)}
.janela-cab h2{margin:0;font-size:1.05rem;font-weight:700;min-width:0;overflow-wrap:anywhere}
.fechar{flex:none;width:28px;height:28px;border:2px solid var(--borda);border-radius:7px;background:var(--fechar);color:#fff;font-weight:700;line-height:1;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.35);display:grid;place-items:center;font-size:14px;padding:0}
.caixa{background:var(--janela-2);border:2px solid var(--linha);border-radius:10px;padding:14px 16px;min-width:0}
.tit{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);font-weight:700}
.tit-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tit-linha .tit{margin:0}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:2px solid var(--borda);border-radius:9px;background:linear-gradient(var(--btn-a),var(--btn-b));color:var(--tinta);font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15),inset 0 2px 0 rgba(255,255,255,.35);line-height:1.2;white-space:nowrap}
.btn:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}
.btn.ok{background:linear-gradient(var(--ok-a),var(--ok-b));border-color:var(--ok-borda);color:var(--ok-txt);text-shadow:0 1px 0 rgba(0,0,0,.2)}
.btn.perigo{background:linear-gradient(#e2645a,#b8352a);border-color:#5a120c;color:#fff}
.btn.sm{padding:6px 11px;font-size:.88rem}
.btn.grande{padding:12px 18px;font-size:1.02rem}
.btn:disabled{opacity:.5;cursor:not-allowed}
.link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:700}

/* números */
.grande-num{font-weight:700;font-size:clamp(2.3rem,8vw,3.3rem);line-height:1.05;letter-spacing:-.02em;margin:2px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.medio-num{font-weight:700;font-size:1.35rem;line-height:1.2;font-variant-numeric:tabular-nums}
.rotulo{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);font-weight:700;margin:0}

/* moeda */
.ico-c{width:1em;height:1em;vertical-align:-.12em;flex:none}
.ico-c .a{fill:var(--moeda)} .ico-c .b{fill:var(--moeda-esc)} .ico-c .c{fill:var(--moeda-cla)}

/* início */
.boas{display:flex;flex-direction:column;gap:12px}
.boas h2{margin:0;font-size:1.2rem}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}
.passo-c{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px}
.passo-c .bola{flex:none;width:30px;height:30px;border-radius:50%;background:var(--cab);color:var(--cab-txt);display:grid;place-items:center;font-weight:700;border:2px solid var(--borda)}
.passo-c.feito .bola{background:var(--ok-a);border-color:var(--ok-borda)}
.passo-c p{margin:0 0 8px}
.pat-card{display:flex;flex-direction:column;gap:12px}
.barra{display:flex;height:14px;border:2px solid var(--borda);border-radius:999px;overflow:hidden;background:var(--slot)}
.barra span{display:block;height:100%}
.c-mobis{background:var(--cab)} .c-saldo{background:var(--moeda)}
.partes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.parte{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px;cursor:pointer;text-align:left}
.parte:hover{border-color:var(--borda);background:var(--slot-hover)}
.parte .nm{font-size:.85rem;color:var(--tinta-2);font-weight:500;display:flex;align-items:center;gap:6px}
.parte .nm i{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--borda)}
.parte b{font-size:1.15rem}
.parte small{color:var(--tinta-2)}
.acoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:720px){.acoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acao{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:2px solid var(--borda);border-radius:12px;background:linear-gradient(var(--btn-a),var(--btn-b));cursor:pointer;text-align:left;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.35);color:var(--tinta)}
.acao:hover{background:var(--slot-hover)}
.acao:active{transform:translateY(1px)}
.acao .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:2px solid var(--borda);font-weight:700;font-size:1.2rem}
.acao .ic.entra{background:var(--ok-a);color:var(--ok-txt)} .acao .ic.sai{background:var(--cab);color:var(--cab-txt)}
.acao b{font-size:1rem}
.acao small{color:var(--tinta-2);font-size:.82rem;line-height:1.3}
.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.linhas{display:flex;flex-direction:column}
.lin{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--linha);align-items:baseline}
.lin:last-child{border-bottom:0}
.lin b{font-variant-numeric:tabular-nums;white-space:nowrap}
.spark{width:100%;height:56px;display:block;margin-top:8px}
.spark .ln{fill:none;stroke:var(--cab);stroke-width:2.5}
.spark .ar{fill:var(--cab);opacity:.15}
.spark .pt{fill:var(--moeda);stroke:var(--borda);stroke-width:1.5}

/* ícones dos mobis */
.ico-f{image-rendering:pixelated;max-width:100%;max-height:100%;display:block}
.ico-f.falhou{display:none}
.ph-f{width:26px;height:26px;border-radius:4px;background:conic-gradient(var(--slot-borda) 25%,transparent 0 50%,var(--slot-borda) 0 75%,transparent 0) 0 0/8px 8px;opacity:.6}
.mini{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--slot);border:2px solid var(--slot-borda);border-radius:8px;overflow:hidden}
.mini.moeda{background:var(--moeda-cla);border-color:var(--moeda)}
.mini.moeda .ico-c{width:26px;height:26px}

/* inventário */
.ferr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ferr .esq{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1 1 260px}
input.txt,select.txt{border:2px solid var(--slot-borda);background:var(--janela);border-radius:9px;padding:9px 12px;min-width:0}
input.txt:focus,select.txt:focus{border-color:var(--borda);outline:none}
.busca{flex:1 1 220px;max-width:380px}
.saldo-linha{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--janela-2);border:2px solid var(--moeda);border-radius:12px;flex-wrap:wrap}
.saldo-linha .tx{flex:1;min-width:160px}
.saldo-linha .tx b{font-size:1.15rem}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;background:var(--slot);border:2px solid var(--slot-borda);border-radius:10px;cursor:pointer;min-width:0;text-align:center;box-shadow:inset 0 2px 0 rgba(255,255,255,.25);color:var(--tinta)}
.slot:hover{background:var(--slot-hover);border-color:var(--borda)}
.slot .fig{width:60px;height:60px;display:grid;place-items:center}
.slot .fig img{transform:scale(1.5)}
.slot .qtd{position:absolute;top:5px;right:5px;background:var(--borda);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;padding:1px 7px}
.slot .nm{font-size:.85rem;line-height:1.25;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}
.slot .vl{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}
.slot .vl.sem{color:var(--tinta-2);font-weight:500;font-size:.8rem}
.slot .med{font-size:.75rem;color:var(--tinta-2);line-height:1.2}
.slot.zerado{opacity:.6}
.vazio{padding:30px 16px;text-align:center;color:var(--tinta-2)}
.vazio p{max-width:46ch;margin:0 auto 14px}
.resumo-linha{margin:0;color:var(--tinta-2);font-size:.92rem}
.resumo-linha b{color:var(--tinta)}
.check{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;font-weight:500;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--cab)}

/* histórico */
.filtros{display:flex;gap:6px;flex-wrap:wrap}
.filtro{border:2px solid var(--slot-borda);background:var(--janela);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--tinta-2)}
.filtro[aria-pressed="true"]{background:var(--cab);color:var(--cab-txt);border-color:var(--borda)}
.lista{display:flex;flex-direction:column;gap:6px}
.item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px;cursor:pointer;text-align:left;width:100%;color:var(--tinta)}
.item:hover{background:var(--slot-hover)}
.item .nm{font-weight:700;font-size:.95rem;overflow-wrap:anywhere;display:block}
.item .sub{font-size:.82rem;color:var(--tinta-2);display:block}
.item .vl{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.item .vl small{display:block;font-weight:500;color:var(--tinta-2);font-size:.8rem}
.mes{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);margin:10px 0 0}
.tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:5px;background:var(--janela-2);border:1px solid var(--linha);color:var(--tinta-2);vertical-align:1px}
.tag.ex{border-style:dashed;border-color:var(--moeda-esc);color:var(--moeda-esc);background:transparent}

/* diálogos no formato de janela do hotel */
dialog{padding:0;border:0;background:transparent;color:var(--tinta);width:min(520px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:visible}
dialog::backdrop{background:rgba(5,15,25,.55)}
dialog>.janela{max-height:calc(100dvh - 20px);display:flex;flex-direction:column}
.dlg-corpo{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.dlg-rod{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:2px solid var(--linha)}
.dlg-rod .esp{flex:1}
.f{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;margin:0;padding:0}
.f>span,.f legend{font-size:.85rem;font-weight:700;color:var(--tinta-2);padding:0}
.f input,.f select{border:2px solid var(--slot-borda);background:var(--janela);border-radius:9px;padding:10px 12px;width:100%;min-width:0;font-size:1.05rem}
.f input:focus,.f select:focus{border-color:var(--borda);outline:none}
.f input.grande-in{font-size:1.4rem;font-weight:700;padding:10px 12px}
.dois{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:440px){.dois{grid-template-columns:minmax(0,1fr)}}
.seg{display:flex;gap:0;border:2px solid var(--borda);border-radius:10px;overflow:hidden;width:100%}
.seg label{flex:1;position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:flex;align-items:center;justify-content:center;padding:9px 8px;background:var(--janela);cursor:pointer;font-weight:700;font-size:.95rem;text-align:center;height:100%}
.seg label+label span{border-left:2px solid var(--borda)}
.seg input:checked+span{background:var(--cab);color:var(--cab-txt)}
.seg input:focus-visible+span{outline:3px solid var(--moeda);outline-offset:-3px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:2px solid var(--slot-borda);background:var(--janela);border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:700;cursor:pointer;color:var(--tinta)}
.chip:hover,.chip[aria-pressed="true"]{border-color:var(--borda);background:var(--slot-hover)}
.campo-valor{display:flex;gap:8px;align-items:stretch}
.campo-valor input{flex:1}
.campo-valor .seg{width:auto;flex:none}
.campo-valor .seg span{padding:0 14px}
.previa{padding:12px 14px;background:var(--janela-2);border-radius:10px;border:2px dashed var(--linha);font-size:.95rem;display:flex;flex-direction:column;gap:4px}
.previa:empty{display:none}
.previa .destaque{font-size:1.25rem;font-weight:700}
.aviso{padding:10px 12px;background:var(--aviso-fundo);color:var(--aviso-txt);border-radius:9px;font-size:.88rem;font-weight:500}
.erro{color:var(--neg);font-weight:700;margin:0}
.confirma{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.confirma span{color:var(--neg);font-weight:700}
details.mais summary{cursor:pointer;font-weight:700;color:var(--tinta-2);font-size:.9rem}
details.mais[open] summary{margin-bottom:10px}
.passo-qtd{display:flex;align-items:center;gap:6px}
.passo-qtd input{width:80px;text-align:center}
.passo-qtd .btn{width:42px;padding:9px 0}
.escolhido{display:flex;align-items:center;gap:12px;padding:10px;border:2px solid var(--borda);border-radius:12px;background:var(--janela-2)}
.escolhido .tx{flex:1;min-width:0}
.escolhido .nm{font-weight:700;display:block;overflow-wrap:anywhere}
.escolhido .sub{font-size:.82rem;color:var(--tinta-2);display:block}
.resultados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:min(340px,45dvh);overflow:auto;align-content:start}
.resultados>p{grid-column:1/-1;margin:2px 0 0!important;font-size:.85rem}
@media(max-width:460px){.resultados{grid-template-columns:repeat(2,minmax(0,1fr))}}
.res{display:flex;align-items:center;gap:8px;padding:6px 7px;min-height:52px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px;cursor:pointer;text-align:left;width:100%;color:var(--tinta)}
.res:hover,.res:focus-visible{background:var(--slot-hover);border-color:var(--borda)}
.res .tx{flex:1;min-width:0}
.res .nm{font-weight:700;font-size:.88rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.res .sub{font-size:.74rem;color:var(--tinta-2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* janela do mobi */
.mobi-topo{display:flex;gap:14px;align-items:center}
.mobi-fig{width:96px;height:96px;flex:none;display:grid;place-items:center;background:conic-gradient(var(--piso-a) 25%,var(--piso-b) 0 50%,var(--piso-a) 0 75%,var(--piso-b) 0) 0 0/16px 16px;border:2px solid var(--borda);border-radius:12px}
.mobi-fig img{transform:scale(2)}
.mobi-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.mobi-info .nm{font-weight:700;font-size:1.2rem;overflow-wrap:anywhere}
.mobi-info .sub{font-size:.85rem;color:var(--tinta-2);overflow-wrap:anywhere}
.quadro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.quadro .caixa{padding:10px 12px}
.quadro .v{font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums}
.quadro .s{font-size:.82rem;color:var(--tinta-2)}
.quadro .larga{grid-column:1/-1}
.quadro .pago{border-color:var(--moeda);border-width:3px;background:var(--janela)}
.quadro .pago .rotulo{color:var(--moeda-esc)}
.quadro .pago .v{font-size:2rem;line-height:1.15}
.quadro .pago .s{font-size:.9rem}
.valor-decl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.valor-decl input{width:130px}

/* ajustes */
.temas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tema-op{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid var(--slot-borda);border-radius:12px;background:var(--janela);cursor:pointer;text-align:left;color:var(--tinta)}
.tema-op[aria-pressed="true"]{border-color:var(--borda);box-shadow:0 0 0 3px var(--moeda)}
.tema-op .amostra{height:46px;border-radius:8px;border:2px solid #0006;position:relative;overflow:hidden}
.tema-op .amostra::before{content:"";position:absolute;left:0;right:0;top:0;height:14px}
.tema-op b{font-size:.92rem}
.am-hotel{background:linear-gradient(#9fd3ea,#e3f3f9)} .am-hotel::before{background:#2d6f8e!important}
.am-noite{background:linear-gradient(#0b1622,#16283a)} .am-noite::before{background:#2a4f6c!important}
.am-lido{background:linear-gradient(#5ccbd3,#d3f4f4)} .am-lido::before{background:#139aa3!important}
.am-hc{background:linear-gradient(#141110,#2a231a)} .am-hc::before{background:#8a6a1c!important}

.banner{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 14px;border:2px dashed var(--moeda-esc);border-radius:12px;background:var(--janela);margin-bottom:12px}
.banner p{margin:0;flex:1 1 260px}
.rodape{margin:18px 0 0;text-align:center;font-size:.8rem;color:var(--tinta-2)}
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--borda);color:#fff;padding:11px 18px;border-radius:10px;font-weight:700;z-index:99;max-width:calc(100vw - 32px);box-shadow:0 4px 0 rgba(0,0,0,.25);text-align:center}
.toast.erro{background:var(--neg)}
@media (prefers-reduced-motion:no-preference){.toast{animation:sobe .18s ease-out}@keyframes sobe{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}}

/* ===================== v3: site, contas, relatórios ===================== */
a{color:inherit}
textarea{font:inherit;color:inherit}
.btn{text-decoration:none}
.topo-acoes form{display:contents}

/* aviso de assinatura e mensagens */
.banner.alerta{border-style:solid;border-color:var(--neg)}
.banner.info{border-style:solid;border-color:var(--moeda)}
.msgs{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.msg{padding:11px 14px;border-radius:10px;border:2px solid var(--borda);background:var(--janela);font-weight:500}
.msg.success{border-color:var(--ok-borda);background:color-mix(in srgb,var(--ok-a) 22%,var(--janela))}
.msg.error{border-color:var(--neg);background:color-mix(in srgb,var(--neg) 14%,var(--janela))}
.msg.warning{border-color:var(--moeda-esc);background:var(--aviso-fundo);color:var(--aviso-txt)}

/* estado de sincronização */
.sinc{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--tinta-2)}
.sinc i{width:9px;height:9px;border-radius:50%;background:var(--ok-a);border:1.5px solid var(--borda)}
.sinc.salvando i{background:var(--moeda)}
.sinc.erro i{background:var(--neg)}

/* páginas do site */
.site-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.site-topo .marca{text-decoration:none}
.site-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.site-nav a.lk{font-weight:700;padding:8px 10px;text-decoration:none;border-radius:8px}
.site-nav a.lk:hover{background:color-mix(in srgb,var(--janela) 60%,transparent)}
.estreita{max-width:480px;margin:0 auto}
.media{max-width:760px;margin:0 auto}
.cartao{padding:22px;display:flex;flex-direction:column;gap:16px}
.cartao h1,.cartao h2{margin:0;line-height:1.2}
.cartao h1{font-size:1.5rem}
.cartao h2{font-size:1.15rem}
.cartao p{margin:0}
.campo{display:flex;flex-direction:column;gap:6px}
.campo>label{font-size:.9rem;font-weight:700;color:var(--tinta-2)}
.campo input.txt,.campo textarea.txt{width:100%;font-size:1.05rem;padding:11px 12px}
.campo .ajuda{font-size:.85rem;color:var(--tinta-2)}
.campo .errorlist,.erros-form{list-style:none;margin:0;padding:0;color:var(--neg);font-weight:700;font-size:.92rem}
.erros-form{padding:10px 12px;border:2px solid var(--neg);border-radius:10px;background:color-mix(in srgb,var(--neg) 10%,var(--janela))}
.campo-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.campo-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--cab);flex:none}
.isca{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-pe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.selo-seg{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;border:2px solid var(--ok-borda);background:color-mix(in srgb,var(--ok-a) 16%,var(--janela));font-size:.92rem}
.selo-seg svg{flex:none;width:26px;height:26px;margin-top:1px}
.selo-seg b{display:block}
.rodape a{font-weight:700}
.rodape-links{display:flex;gap:6px 16px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}

/* página inicial */
.heroi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;margin-bottom:26px}
@media (max-width:860px){.heroi{grid-template-columns:minmax(0,1fr)}}
.heroi h1{margin:0 0 12px;font-size:clamp(2rem,6vw,3.1rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.heroi .sub{font-size:1.15rem;max-width:44ch;margin:0 0 18px}
.heroi .cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.heroi .nota{font-size:.9rem;color:var(--tinta-2);margin:12px 0 0}
.vitrine{padding:16px;display:flex;flex-direction:column;gap:12px;transform:rotate(1.2deg)}
@media (max-width:860px){.vitrine{transform:none}}
.vitrine .grande-num{font-size:clamp(2rem,6vw,2.7rem)}
.vitrine .mini-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vitrine .mini-grade .slot{padding:8px 4px;cursor:default;pointer-events:none}
.vitrine .mini-grade .slot .fig{width:44px;height:44px}
.vitrine .mini-grade .slot .fig img{transform:scale(1.2)}
.secao{margin:0 0 22px}
.secao>h2{font-size:1.5rem;margin:0 0 4px;line-height:1.2;text-wrap:balance}
.secao>.lead{margin:0 0 14px;color:var(--tinta-2);max-width:60ch}
.recursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.recurso{padding:16px;display:flex;flex-direction:column;gap:6px}
.recurso .ic{width:42px;height:42px;border-radius:10px;border:2px solid var(--borda);display:grid;place-items:center;background:var(--cab);color:var(--cab-txt);font-weight:700;font-size:1.1rem}
.recurso .ic.ouro{background:var(--moeda);color:#201400}
.recurso .ic.verde{background:var(--ok-a);color:var(--ok-txt)}
.recurso h3{margin:4px 0 0;font-size:1.05rem}
.recurso p{margin:0;color:var(--tinta-2);font-size:.95rem}
.seguro{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media (max-width:760px){.seguro{grid-template-columns:minmax(0,1fr)}}
.seguro h2{margin:0 0 8px;font-size:1.45rem;line-height:1.2}
.seguro p{margin:0 0 10px}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.checks li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}
.checks li::before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ok-a);color:var(--ok-txt);border:2px solid var(--ok-borda);font-weight:700;font-size:.85rem}
.checks.nao li::before{content:"✕";background:var(--fechar);border-color:var(--borda);color:#fff}
.checks b{display:block}
.checks span{color:var(--tinta-2);font-size:.93rem}
.preco{padding:22px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.preco .valor{font-size:2.6rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.preco .valor small{font-size:1rem;font-weight:500;color:var(--tinta-2)}
.preco ul{margin:0;padding-left:18px;color:var(--tinta-2)}
.faq{display:flex;flex-direction:column;gap:8px}
.faq details{padding:12px 16px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:10px 0 0;color:var(--tinta-2)}
.prosa{line-height:1.6}
.prosa h2{font-size:1.15rem;margin:18px 0 6px}
.prosa p,.prosa ul{margin:0 0 10px}
.prosa ul{padding-left:20px}

/* conta */
.conta-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px;align-items:start}
.bloco{padding:18px;display:flex;flex-direction:column;gap:14px}
.bloco h2{margin:0;font-size:1.15rem}
.bloco p{margin:0}
.estado{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;padding:3px 10px;border-radius:999px;border:2px solid var(--borda)}
.estado.ok{background:var(--ok-a);color:var(--ok-txt);border-color:var(--ok-borda)}
.estado.ruim{background:var(--fechar);color:#fff}
.estado.neutro{background:var(--janela-2);color:var(--tinta-2);border-color:var(--linha)}
.linha-acao{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px dashed var(--linha)}
.linha-acao:first-of-type{border-top:0}
.linha-acao .tx{flex:1 1 220px;min-width:0}
.linha-acao .tx b{display:block}
.linha-acao .tx span{font-size:.9rem;color:var(--tinta-2)}
.resgate{display:flex;gap:8px;flex-wrap:wrap}
.resgate input{flex:1 1 220px;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}
.eventos{display:flex;flex-direction:column;font-size:.92rem}
.eventos .ev{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--linha)}
.eventos .ev:last-child{border-bottom:0}
.eventos .ev small{color:var(--tinta-2);text-align:right;white-space:nowrap}
.qr{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.qr img{width:190px;height:190px;border:2px solid var(--borda);border-radius:10px;background:#fff}
.segredo{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.06em;padding:8px 10px;border-radius:8px;background:var(--janela-2);border:2px dashed var(--linha);overflow-wrap:anywhere;user-select:all}
.reservas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:1.1rem;list-style:none;margin:0;padding:0}
.reservas li{padding:8px 10px;border-radius:8px;background:var(--janela-2);border:2px solid var(--linha);text-align:center;user-select:all}
.passos-n{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}

/* app: menu e abas */
.abas{scroll-snap-type:x proximity}
.aba{scroll-snap-align:start}

/* contagem de câmbios */
.cmb-lista{display:flex;flex-direction:column;gap:6px;max-height:min(320px,40dvh);overflow:auto;padding-right:2px}
.cmb{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px}
.cmb.tem{border-color:var(--moeda)}
.cmb .nm{font-weight:700;font-size:.92rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmb .sub{font-size:.8rem;color:var(--tinta-2)}
.cmb .passo-qtd input{width:64px;padding:7px 4px}
.cmb .passo-qtd .btn{width:36px;padding:7px 0}
.total-cmb{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:10px;background:var(--janela-2);border:2px solid var(--moeda)}
.total-cmb b{font-size:1.4rem;font-variant-numeric:tabular-nums}

/* relatórios */
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.cartao-n{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cartao-n .v{font-size:1.45rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.cartao-n .s{font-size:.84rem;color:var(--tinta-2)}
.periodo{display:flex;gap:6px;flex-wrap:wrap}
.grafico{width:100%;height:auto;display:block}
.grafico .eixo{stroke:var(--linha);stroke-width:1}
.grafico .rot{fill:var(--tinta-2);font-size:11px;font-family:inherit}
.grafico .rot.val{font-weight:700;fill:var(--tinta)}
.grafico .s-gasto{fill:var(--cab)}
.grafico .s-recebi{fill:var(--ok-a)}
.grafico .s-fora{fill:var(--moeda)}
.grafico rect.col{rx:3px}
.grafico .linha-k{fill:none;stroke:var(--cab);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.grafico .area-k{fill:var(--cab);opacity:.14}
.grafico .pt-k{fill:var(--moeda);stroke:var(--borda);stroke-width:1.5}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;color:var(--tinta-2);margin:0 0 8px}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda i{width:12px;height:12px;border-radius:3px;border:1.5px solid var(--borda);display:inline-block}
.tabela-rol{overflow-x:auto}
table.tab{width:100%;border-collapse:collapse;font-size:.93rem}
table.tab th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-2);padding:6px 8px;border-bottom:2px solid var(--linha);white-space:nowrap}
table.tab td{padding:8px;border-bottom:1px dashed var(--linha);vertical-align:middle}
table.tab tr:last-child td{border-bottom:0}
table.tab .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.tab .mob{display:flex;align-items:center;gap:8px;min-width:150px}
table.tab .mob .mini{width:34px;height:34px}
.fatia{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:6px 0}
.fatia .tr{grid-column:1/-1;height:8px;border-radius:999px;background:var(--slot);overflow:hidden;border:1.5px solid var(--slot-borda)}
.fatia .tr i{display:block;height:100%;background:var(--cab)}
.fatia .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.fatia b{font-variant-numeric:tabular-nums}
.carregando{padding:60px 16px;text-align:center;color:var(--tinta-2);font-weight:500}

/* ===================== Kofre ===================== */
.ico-k{width:1em;height:1em;flex:none;image-rendering:pixelated}
.ico-k .o{fill:var(--borda)} .ico-k .s{fill:#a9b8c2} .ico-k .l{fill:#e1eaef} .ico-k .d{fill:#71838f} .ico-k .f{fill:#8d9ea9}
.ico-k .g{fill:var(--moeda)} .ico-k .gc{fill:var(--moeda-cla)} .ico-k .ge{fill:var(--moeda-esc)}
[data-tema="noite"] .ico-k .o,[data-tema="hc"] .ico-k .o{fill:#000}
.marca{text-decoration:none;color:inherit}
.ico-bm{width:28px;height:12px;flex:none}
.ico-bm .o{fill:currentColor} .ico-bm .b{fill:#fff;opacity:.7}
.aba svg.ico-k{width:20px;height:20px}
.aba-bm{background:#2a2433;color:#e8d9a8;border-color:#0d0a12}
.aba-bm[aria-selected="true"]{background:#1d1824;color:#f7e7b0}

/* botão do perfil com o avatar */
.perfil-btn{width:46px;height:46px;border:2px solid var(--borda);border-radius:12px;background:linear-gradient(var(--btn-a),var(--btn-b));display:grid;place-items:center;cursor:pointer;padding:0;overflow:hidden;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);color:var(--tinta)}
.perfil-btn svg{width:24px;height:24px}
/* a cabeça fica no meio da imagem de 54×62 que o Habbo devolve: centraliza sem encolher */
.perfil-btn{position:relative}
.perfil-btn img{position:absolute;left:50%;top:50%;width:54px;height:62px;max-width:none;margin:-33px 0 0 -27px;image-rendering:pixelated}

/* herói */
.heroi-kofre{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:18px;border-radius:14px;border:2px solid var(--borda);
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--moeda) 26%,var(--janela)) 0,var(--janela-2) 60%);box-shadow:inset 0 0 0 2px var(--brilho)}
@media (max-width:560px){.heroi-kofre{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}}
.heroi-avatar{position:relative;width:130px;height:150px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:end center;color:var(--tinta-2)}
.heroi-avatar::before{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:22px;border-radius:50%;background:rgba(0,0,0,.18)}
.heroi-avatar img{position:relative;image-rendering:pixelated;max-height:150px;width:auto}
.heroi-avatar>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:6px}
.heroi-avatar small{font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.heroi-tx{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}
@media (max-width:560px){.heroi-tx .grande-num{justify-content:center}}
.heroi-r{align-self:flex-start;border:0;background:none;padding:0;cursor:pointer;font-weight:700;font-size:1.35rem;color:var(--tinta);font-variant-numeric:tabular-nums;text-align:left}
.heroi-r.vazio-k{font-size:1rem;text-decoration:underline;text-underline-offset:3px;color:var(--tinta-2)}
@media (max-width:560px){.heroi-r{align-self:center;text-align:center}}
.heroi-partes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;width:100%}
.heroi-partes .parte{color:var(--tinta)}
.parte-cmb{--pc1:var(--moeda);--pc2:color-mix(in srgb,var(--moeda) 40%,var(--tinta))}
.pc-topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
.parte-cmb:has(.parte-div[hidden]) .pc-topo{flex-direction:column;gap:2px}
.parte-div{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.pc-barra{display:block;height:8px;border-radius:99px;background:var(--pc2);border:2px solid var(--borda);overflow:hidden}
.pc-barra i{display:block;height:100%;background:var(--pc1);border-right:2px solid var(--borda);box-sizing:border-box;transition:width .3s}
.pc-barra i[style*="width: 0%"],.pc-barra i[style*="width: 100%"]{border-right:0}
.pc-leg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:.82rem;color:var(--tinta-2)}
.pc-leg>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.pc-leg i{width:9px;height:9px;border-radius:3px;border:1.5px solid var(--borda);background:var(--pc1)}
.pc-leg i.pc-c2{background:var(--pc2)}
.parte .pc-leg b{font-size:.9rem;color:var(--tinta)}
@keyframes brilho{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.pulou{animation:brilho .45s ease-out}
@media (prefers-reduced-motion:reduce){.pulou{animation:none}}






.acoes-kofre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:620px){.acoes-kofre{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acao .ic.troca{background:var(--moeda-cla);color:var(--moeda-esc)}
.acao .ic.loja{background:var(--moeda);color:#201400}

/* calculadora */
.calc-linha{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}
.calc-campo{display:flex;align-items:center;gap:8px;padding:6px 12px;border:2px solid var(--slot-borda);border-radius:10px;background:var(--janela);min-width:0}
.calc-campo:focus-within{border-color:var(--borda)}
.calc-campo input{border:0;background:none;outline:none;width:100%;min-width:0;font-size:1.35rem;font-weight:700;padding:4px 0}
.calc-campo b{color:var(--tinta-2);font-weight:700}
.calc-igual{font-size:1.4rem;font-weight:700;color:var(--tinta-2)}
.investido{margin:0;font-size:.88rem;text-align:center}

/* campos com unidade */
.campo-c{display:flex;align-items:center;gap:8px;border:2px solid var(--slot-borda);border-radius:9px;background:var(--janela);padding:0 12px}
.campo-c:focus-within{border-color:var(--borda)}
.f .campo-c input{border:0;padding:10px 0;background:none;outline:none}
.campo-c b{color:var(--tinta-2)}
.linha-campos{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.campo-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;cursor:pointer}
.campo-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--cab);flex:none}

/* seletor de mobi */
.seletor{display:flex;flex-direction:column;gap:8px}
.seletor .f input{font-size:1.05rem}

/* pacotes da loja */
.pacotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.pacote{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:2px solid var(--slot-borda);border-radius:10px;background:var(--janela);cursor:pointer;color:var(--tinta)}
.pacote b{font-size:1.1rem;display:flex;align-items:center;gap:4px}
.pacote small{color:var(--tinta-2);font-weight:500}
.pacote[aria-pressed="true"],.pacote:hover{border-color:var(--borda);background:var(--slot-hover)}

/* troca */
dialog.dlg-largo{width:min(760px,calc(100vw - 20px))}
.troca-lados{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start}
@media (max-width:640px){.troca-lados{grid-template-columns:minmax(0,1fr)}.troca-seta{justify-self:center;transform:rotate(90deg)}}
.troca-lado{border:2px solid var(--linha);border-radius:12px;padding:10px 12px 12px;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--janela-2)}
.troca-lado legend{font-weight:700;padding:0 6px;font-size:.95rem}
.troca-seta{font-size:1.6rem;font-weight:700;color:var(--tinta-2);align-self:center}
.troca-itens{display:flex;flex-direction:column;gap:6px}
.troca-itens:empty::before{content:"Nenhum mobi";font-size:.88rem;color:var(--tinta-2)}
.troca-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:5px 6px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:10px}
.troca-item .mini{width:40px;height:40px}
.troca-item .nm{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.troca-item .passo-qtd input{width:52px;padding:6px 2px;border:2px solid var(--slot-borda);border-radius:8px;background:var(--janela);text-align:center}
.troca-item .passo-qtd .btn{width:32px;padding:6px 0}
.troca-item .tirar{border:0;background:none;color:var(--neg);font-weight:700;cursor:pointer;font-size:1.1rem;padding:4px}

/* avatar no perfil */
.perfil-linha{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.perfil-linha img{image-rendering:pixelated;height:110px;width:auto}
.temas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:460px){.temas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tema{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid var(--slot-borda);border-radius:10px;background:var(--janela);cursor:pointer;font-weight:700;font-size:.88rem;color:var(--tinta)}
.tema .amostra{width:100%;height:30px;border-radius:7px;border:2px solid #0006}
.tema[aria-pressed="true"]{border-color:var(--borda);box-shadow:0 0 0 3px var(--moeda)}

/* black market: visual próprio, igual em todos os temas */
.painel-bm{--bm-fundo:#1d1824;--bm-caixa:#2a2433;--bm-linha:#463b55;--bm-txt:#f3ead2;--bm-txt2:#b8a98a;--bm-ouro:#f2c14e;
  background:linear-gradient(#1d1824,#16121c);color:var(--bm-txt);border-radius:10px;
  --janela:#2a2433;--janela-2:#231e2c;--tinta:#f3ead2;--tinta-2:#b8a98a;--slot:#332b3f;--slot-borda:#4b3f5c;--slot-hover:#3b3248;--linha:#463b55;--moeda-cla:#f7dc8c;color-scheme:dark}
.bm-topo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.bm-marca{display:flex;gap:12px;align-items:center}
.bm-marca .ico-bm{width:56px;height:24px;color:var(--bm-ouro)}
.bm-marca h2{margin:0;font-size:1.5rem;letter-spacing:.01em;color:var(--bm-ouro);text-shadow:0 2px 0 #000}
.bm-marca p{margin:0;color:var(--bm-txt2);font-size:.92rem}
.btn.bm-btn{background:linear-gradient(#f7d06a,#d9a21f);border-color:#4d3700;color:#241800}
.bm-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:620px){.bm-numeros{grid-template-columns:minmax(0,1fr)}}
.bm-num{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:2px solid var(--bm-linha);border-radius:12px;background:var(--bm-caixa)}
.bm-num span{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bm-txt2);font-weight:700}
.bm-num b{font-size:1.6rem;line-height:1.15;color:var(--bm-txt)}
.bm-num:first-child b{color:var(--bm-ouro)}
.bm-num small{font-size:.84rem;color:var(--bm-txt2)}
.bm-lista .item{background:var(--bm-caixa);border-color:var(--bm-linha);color:var(--bm-txt)}
.bm-lista .item:hover{background:#3b3248}
.bm-lista .mes{color:var(--bm-txt2)}
.bm-aviso{margin:0;font-size:.84rem;color:var(--bm-txt2);border-top:1px dashed var(--bm-linha);padding-top:10px}
.painel-bm .vazio{color:var(--bm-txt2)}
dialog.dlg-bm .janela-cab{background:linear-gradient(#2a2433,#1d1824);color:#f2c14e}
.mes{margin:10px 0 2px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--tinta-2)}
.lista .mes:first-child{margin-top:0}
.recurso .ic.preto{background:#1d1824;color:#f2c14e;font-size:.8rem;letter-spacing:-.1em}
.bm-amostra{background:linear-gradient(#2a2433,#1d1824);color:#f3ead2;border-color:#0d0a12}
.bm-amostra h3{color:#f2c14e}
.bm-amostra p{color:#c9bc9c!important}
.vitrine .heroi-kofre{padding:14px}
/* campos com unidade dentro de rótulos .f */
.f>.campo-c{padding:0 12px;font-size:1rem;font-weight:500;color:var(--tinta)}
.f>.campo-c b{font-weight:700;color:var(--tinta-2)}
.f>.passo-qtd{font-size:1rem;color:var(--tinta)}
/* abas cabem no celular */
@media (max-width:480px){
  .abas{gap:3px;padding:0 2px}
  .aba{flex:1 1 0;min-width:0;justify-content:center;padding:9px 6px;font-size:.92rem;gap:4px}
  .aba[aria-selected="true"]{padding-bottom:13px}
  .aba svg.ico-k{display:none}
  .aba .ico-bm{width:20px;height:9px}
}
@media (max-width:360px){.aba .ico-bm{display:none}}
.aba{white-space:nowrap}
@media (max-width:480px){.aba{font-size:.88rem;padding-left:4px;padding-right:4px}.aba-bm{flex-grow:1.35}}
.troca-item{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"ic nm x" "ic qt qt";row-gap:4px}
.troca-item .mini{grid-area:ic}
.troca-item .nm{grid-area:nm;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.troca-item .passo-qtd{grid-area:qt}
.troca-item .tirar{grid-area:x}
/* 3 ações na tela do Kofre */
.acoes-kofre{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:460px){.acoes-kofre{gap:8px}.acoes-kofre .acao{padding:12px 10px}.acoes-kofre .acao small{font-size:.76rem}}
/* mobi que nem o Habbo tem imagem */
.sem-sprite{width:30px;height:30px}
.sem-sprite .a{fill:var(--slot-borda);opacity:.55} .sem-sprite .b{fill:var(--tinta-2)}
.slot .fig .sem-sprite{width:40px;height:40px}
/* botão do olho */
.olho-btn[aria-pressed="true"]{background:var(--borda);color:#fff}
/* modo discreto: valores borrados até desligar */
[data-discreto] #totC,[data-discreto] #totR,[data-discreto] .heroi-partes b,[data-discreto] #kTopo,[data-discreto] #calcK,
[data-discreto] .item .vl,[data-discreto] .item .sub,[data-discreto] .slot .vl,[data-discreto] .slot .med,[data-discreto] .slot .qtd,
[data-discreto] #invResumo b,[data-discreto] .investido,[data-discreto] .bm-num b,[data-discreto] .bm-num small,
[data-discreto] #mobiCorpo .quadro .v,[data-discreto] #mobiCorpo .quadro .s,[data-discreto] #valorDecl,
[data-discreto] .calc-campo input{filter:blur(9px);user-select:none}
[data-discreto] .heroi-r{filter:blur(9px)}
@media (prefers-reduced-motion:no-preference){#totC,#totR,.item .vl,.slot .vl,.bm-num b{transition:filter .2s}}

/* ===================== conquistas ===================== */
.emblema{display:block;width:60px;height:60px;flex:none;image-rendering:pixelated}
.emblema.apagado{filter:grayscale(1) contrast(.85);opacity:.42}

/* cartão na tela do Kofre */
.cartao-conq{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:2px solid var(--borda);border-radius:12px;cursor:pointer;text-align:left;color:var(--tinta);
  background:linear-gradient(100deg,color-mix(in srgb,var(--moeda) 20%,var(--btn-a)),var(--btn-b));box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.35)}
.cartao-conq:hover{background:var(--slot-hover)}
.cartao-conq:active{transform:translateY(1px)}
.cc-emblemas{display:flex;flex:none;padding-left:10px}
.cc-emblemas .emblema{width:40px;height:40px;margin-left:-10px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}
.cc-emblemas .emblema.apagado{filter:grayscale(1);opacity:.5}
.cc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cc-tx b{font-size:1.05rem;line-height:1.25}
.cc-tx small{font-size:.85rem;color:var(--tinta-2)}
.cc-ir{flex:none;font-size:1.8rem;line-height:1;font-weight:700;color:var(--tinta-2)}

/* topo da tela: posição e pontos */
.conq-topo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-bottom:14px}
@media (max-width:640px){.conq-topo{grid-template-columns:minmax(0,1fr)}}
.conq-pos,.conq-pts{display:flex;flex-direction:column;gap:8px}
.conq-pos .tit-linha{margin:0}
.selo-faixa{flex:none;font-weight:700;font-size:.9rem;padding:3px 10px;border-radius:999px;border:2px solid var(--borda);background:linear-gradient(var(--moeda-cla),var(--moeda));color:#2a1b00;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.conq-pos-frase{margin:0;font-size:1.15rem;font-weight:500;line-height:1.35;text-wrap:balance}
.conq-pos-frase b{font-size:1.5rem;font-weight:700}
.conq-pos-nota{margin:0;font-size:.9rem}
.conq-pos-falta{margin:0;font-size:.95rem}
.conq-priv{margin:2px 0 0;font-size:.8rem;color:var(--tinta-2);display:flex;gap:6px;align-items:flex-start}
.conq-priv::before{content:"";flex:none;width:12px;height:12px;margin-top:2px;background:currentColor;opacity:.7;
  clip-path:polygon(25% 45%,25% 30%,30% 15%,40% 5%,60% 5%,70% 15%,75% 30%,75% 45%,90% 45%,90% 100%,10% 100%,10% 45%,35% 45%,35% 30%,40% 20%,60% 20%,65% 30%,65% 45%)}
.regua{display:flex;flex-direction:column;gap:4px;padding:6px 0 2px}
.regua-trilho{position:relative;height:12px;border-radius:999px;background:var(--slot);border:2px solid var(--borda)}
.regua-feito{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--cab),color-mix(in srgb,var(--moeda) 70%,var(--cab)))}
.regua-marca{position:absolute;top:50%;width:18px;height:18px;border-radius:5px;transform:translate(-50%,-50%) rotate(45deg);background:var(--moeda);border:2px solid var(--borda);box-shadow:inset 2px 2px 0 var(--moeda-cla)}
.regua-rot{position:relative;height:1.2em;font-size:.72rem;font-weight:700;color:var(--tinta-2)}
.regua-rot span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.regua-rot span::before{content:"";position:absolute;left:50%;top:-8px;width:2px;height:5px;background:var(--tinta-2);opacity:.6}
.conq-pts-num{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.conq-pts-num b{font-size:2.2rem;line-height:1;font-weight:700;color:var(--moeda-esc)}
[data-tema="noite"] .conq-pts-num b,[data-tema="hc"] .conq-pts-num b{color:var(--moeda)}
.conq-pts-sub{margin:0;font-size:.9rem;color:var(--tinta-2)}
.conq-pts-sub b{color:var(--tinta)}
.conq-barra{display:block;height:8px;border-radius:999px;background:var(--slot);border:1.5px solid var(--slot-borda);overflow:hidden}
.conq-barra.grossa{height:12px;border:2px solid var(--borda)}
.conq-barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ok-a),var(--ok-b));border-radius:999px}
.conq-filtros{margin-bottom:12px}
.filtro .n{font-size:.75rem;font-weight:500;opacity:.8;margin-left:2px}

/* grade de conquistas */
.conq-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px}
.conq{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;background:var(--janela);border:2px solid var(--slot-borda);border-radius:12px;cursor:pointer;text-align:left;color:var(--tinta);min-width:0}
.conq:hover{background:var(--slot-hover);border-color:var(--borda)}
.conq.tem{border-color:var(--borda)}
.conq.completa{border-color:var(--moeda-esc);box-shadow:inset 0 0 0 2px var(--moeda-cla)}
.conq-fig{position:relative;width:60px;height:60px}
.conq-niv{position:absolute;right:-6px;bottom:-4px;min-width:22px;padding:0 5px;border-radius:999px;background:var(--borda);color:#fff;font-style:normal;font-weight:700;font-size:.7rem;line-height:18px;text-align:center;border:2px solid var(--janela)}
.conq-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.conq-tx b{font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}
.conq-tx small{font-size:.8rem;color:var(--tinta-2);line-height:1.3}
.conq-prog{font-size:.78rem;font-weight:700;color:var(--tinta-2);font-variant-numeric:tabular-nums}
.conq-prog.feita{color:var(--moeda-esc)}
[data-tema="noite"] .conq-prog.feita,[data-tema="hc"] .conq-prog.feita{color:var(--moeda)}
.conq.oculta b{letter-spacing:.02em}
.conq:not(.tem) b{color:var(--tinta-2)}

/* uma conquista */
.emb-topo{display:flex;gap:16px;align-items:center}
.emb-grande{flex:none;padding:10px;border-radius:14px;border:2px solid var(--borda);background:conic-gradient(var(--piso-a) 25%,var(--piso-b) 0 50%,var(--piso-a) 0 75%,var(--piso-b) 0) 0 0/20px 20px}
.emb-grande .emblema{width:100px;height:100px}
.emb-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.emb-info b{font-size:1.3rem;line-height:1.2;overflow-wrap:anywhere}
.emb-niveis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.emb-nv{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:2px solid var(--slot-borda);border-radius:10px;background:var(--janela)}
.emb-nv.ok{border-color:var(--borda);background:var(--janela-2)}
.emb-mini .emblema{width:40px;height:40px}
.emb-nv .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.emb-nv .tx b{font-size:.95rem}
.emb-nv .tx small{font-size:.8rem;color:var(--tinta-2);line-height:1.3}
.emb-nv .tx small.rar{font-weight:700;color:var(--cab)}
[data-tema="noite"] .emb-nv .tx small.rar,[data-tema="hc"] .emb-nv .tx small.rar{color:var(--moeda)}
.emb-nv .dir{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.emb-nv .dir b{font-size:.9rem;color:var(--moeda-esc)}
[data-tema="noite"] .emb-nv .dir b,[data-tema="hc"] .emb-nv .dir b{color:var(--moeda)}
.emb-nv:not(.ok) .dir b{color:var(--tinta-2)}
.emb-nv .dir small{font-size:.78rem;color:var(--tinta-2);white-space:nowrap;font-variant-numeric:tabular-nums}

/* aviso de conquista nova */
.pop-conq{position:fixed;inset:max(12px,env(safe-area-inset-top,0px)) 0 auto 0;margin:0 auto;padding:0;border:0;background:transparent;overflow:visible;
  width:min(440px,calc(100vw - 24px));z-index:100;color:var(--tinta)}
.pop-conq-in{display:flex;align-items:center;gap:12px;width:100%;padding:10px 40px 10px 12px;text-align:left;cursor:pointer;color:var(--tinta);
  background:var(--janela);border:2px solid var(--borda);border-radius:14px;box-shadow:inset 0 0 0 3px var(--moeda),0 6px 0 rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.25)}
.pop-emb{flex:none;position:relative}
.pop-emb::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--moeda) 55%,transparent),transparent);z-index:-1}
.pop-emb .emblema{width:60px;height:60px}
.pop-varios{display:flex;padding-left:12px}
.pop-varios .emblema{width:40px;height:40px;margin-left:-12px}
.pop-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.pop-tx small{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--moeda-esc)}
[data-tema="noite"] .pop-tx small,[data-tema="hc"] .pop-tx small{color:var(--moeda)}
.pop-tx b{font-size:1.1rem;line-height:1.2}
.pop-tx span{font-size:.85rem;color:var(--tinta-2);line-height:1.3}
.pop-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--tinta-2);font-weight:700;cursor:pointer}
.pop-x:hover{background:var(--janela-2)}
@media (prefers-reduced-motion:no-preference){
  .pop-conq.entra{animation:pop-desce .35s cubic-bezier(.2,1.4,.4,1)}
  .pop-conq.entra .pop-emb .emblema{animation:pop-brilha .9s ease-out .15s}
  @keyframes pop-desce{from{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:none}}
  @keyframes pop-brilha{0%{transform:scale(.6) rotate(-12deg)}55%{transform:scale(1.15) rotate(4deg)}100%{transform:none}}
}

/* modo discreto também nas conquistas */
[data-discreto] .conq-valor,[data-discreto] #conqRecorde{filter:blur(8px);user-select:none}
@media (max-width:460px){.cc-emblemas .emblema:nth-child(3){display:none}.cartao-conq{gap:10px;padding:10px 12px}}
.recurso .ic.roxo{background:#a56be0;color:#fff;font-size:1.2rem}
@media (max-width:460px){.pop-varios .emblema:nth-child(4){display:none}}

/* colecionáveis (NFT) e k do site */
.slot{position:relative}
.selo-nft{position:absolute;top:5px;left:5px;padding:1px 5px;border-radius:5px;background:#7d3fb0;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1.5;border:1.5px solid #3d1a5c}
#invFiltros{margin-bottom:2px}
.k-grande{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:2px solid var(--borda);border-radius:12px;background:linear-gradient(var(--moeda-cla),var(--moeda));color:#2a1b00}
.k-grande .rotulo{color:#5a4300}
.k-grande b{font-size:2.2rem;line-height:1.1}
.k-grande .mut{color:#5a4300;font-size:.9rem}
[data-discreto] .k-valor{filter:blur(8px);user-select:none}

/* ===================== ler print do inventário ===================== */
@font-face{font-family:"Ubuntu Condensed";font-style:normal;font-weight:400;font-display:swap;src:url("../fontes/ubuntu-condensed-latin-400-normal.11a3e9724eb4.woff2") format("woff2")}
.ico-cam{width:20px;height:15px;flex:none;vertical-align:-2px;margin-right:6px}
.ico-cam .o{fill:var(--borda)}.ico-cam .b{fill:#e9eef2}.ico-cam .v{fill:#6fc3e8}.ico-cam .l{fill:#fff}
.print-zona{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;border:3px dashed var(--borda);border-radius:14px;background:var(--janela-2);cursor:pointer;text-align:center}
.print-zona:hover,.print-zona.sobre,.print-zona:focus-within{background:var(--slot-hover);border-style:solid}
.print-zona .ico-cam{width:48px;height:36px;margin:0 0 4px}
.print-zona b{font-size:1.15rem}
.print-zona span{color:var(--tinta-2);font-size:.9rem}
.print-zona.pequena{flex-direction:row;justify-content:center;padding:10px 14px;gap:8px}
.print-zona.pequena .ico-cam{width:24px;height:18px;margin:0}
.print-zona.pequena b{font-size:1rem}
.print-dicas{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.print-status{margin:0;padding:10px 12px;border-radius:10px;background:var(--janela-2);border:2px solid var(--slot-borda);font-weight:500}
.print-lista{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.pl{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px 10px;align-items:center;padding:8px 10px;border:2px solid var(--slot-borda);border-radius:12px;background:var(--janela)}
.pl.duvida{border-color:#c98a00;background:color-mix(in srgb,#f2c230 14%,var(--janela))}
.pl-rec{display:flex;align-items:center;gap:6px}
.pl-rec img{height:46px;width:auto;max-width:60px;border-radius:6px;border:2px solid var(--slot-borda);image-rendering:pixelated;background:var(--slot)}
.pl-rec i{font-style:normal;font-weight:700;color:var(--tinta-2)}
.pl-item{display:flex;align-items:center;gap:10px;min-width:0}
.pl-item .tx{display:flex;flex-direction:column;min-width:0}
.pl-item .tx b{overflow-wrap:anywhere;line-height:1.2}
.pl-item .tx small{font-size:.8rem;color:var(--tinta-2);line-height:1.25}
.pl.duvida .pl-item .tx small{color:#7a5200;font-weight:700}
[data-tema="noite"] .pl.duvida .pl-item .tx small,[data-tema="hc"] .pl.duvida .pl-item .tx small{color:var(--moeda)}
.pl-campo{display:flex;flex-direction:column;gap:2px;font-size:.72rem;font-weight:700;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.04em}
.pl-campo input{width:68px;padding:7px 8px;border:2px solid var(--slot-borda);border-radius:8px;background:var(--janela);color:var(--tinta);font:inherit;font-size:1rem;font-weight:700;text-transform:none;letter-spacing:0}
.pl-campo.valor input{width:92px}
.pl-campo input:focus{border-color:var(--borda);outline:none}
.pl-campo.fixo b{font-size:.95rem;color:var(--tinta);text-transform:none;letter-spacing:0;padding:8px 0}
.pl-campo .usar{border:0;background:none;padding:0;color:var(--cab);font:inherit;font-size:.72rem;font-weight:700;text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:0;text-align:left}
[data-tema="noite"] .pl-campo .usar,[data-tema="hc"] .pl-campo .usar{color:var(--moeda)}
.pl-x{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--tinta-2);font-weight:700;cursor:pointer}
.pl-x:hover{background:var(--janela-2);color:var(--tinta)}
.pl-acoes{display:flex;gap:4px;align-items:center}
@media (max-width:640px){
  .pl{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rec item item" "campos campos acoes"}
  .pl-rec{grid-area:rec}.pl-item{grid-area:item}.pl-acoes{grid-area:acoes;align-self:end}.pl-campos{grid-area:campos}
  .pl-campo input{width:60px}.pl-campo.valor input{width:84px}
}
.pl-campos{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.print-cambios{display:flex;flex-direction:column;gap:10px}
.marca{display:flex;gap:10px;align-items:flex-start;font-weight:700;cursor:pointer}
.marca input{width:20px;height:20px;flex:none;margin-top:2px}
.pm-topo{display:flex;align-items:center;gap:12px}
.pm-topo img{height:64px;width:auto;border-radius:8px;border:2px solid var(--borda);image-rendering:pixelated;background:var(--slot)}
#pmParecidos{display:flex;flex-direction:column;gap:6px}
[data-discreto] .pl-campo.valor input{filter:blur(6px)}

/* mobi que veio do print sem certeza */
.aviso-conferir{display:flex;flex-direction:column;gap:6px;padding:12px;border:2px solid #c98a00;border-radius:10px;background:color-mix(in srgb,#f2c230 14%,var(--janela))}
.aviso-conferir .bts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.slot.conferir{border-color:#c98a00;background:color-mix(in srgb,#f2c230 14%,var(--janela))}
.caixa.pago .valor-decl{margin:6px 0}
.caixa.pago .valor-decl input{font-size:1.25rem;font-weight:700;border:0;background:none;outline:none;width:100%;padding:8px 0}
.caixa.pago label.rotulo{display:block}

/* personagem do Habbo verificado */
.heroi-avatar .avatar-nick{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:.78rem;font-weight:700;line-height:1.2;z-index:1}
.heroi-avatar img{max-height:124px}
.selo-ok{display:inline-block;padding:2px 8px;border-radius:999px;background:#2e8b3d;color:#fff;font-size:.72rem;font-weight:700;vertical-align:middle}
.passos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:.92rem}
.codigo-habbo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.codigo-habbo b{font-family:ui-monospace,Consolas,monospace;font-size:1.25rem;letter-spacing:.08em;padding:6px 12px;border:2px dashed var(--borda);border-radius:8px;user-select:all}

/* print: o que saiu do Kofre */
.print-sairam{margin-top:10px}
.print-sairam summary{cursor:pointer;font-weight:700}
.ps-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:260px;overflow:auto}
.ps-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--borda);border-radius:8px;min-width:0;cursor:pointer}
.ps-item .tx{display:flex;flex-direction:column;min-width:0}
.ps-item .tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-item .tx small{color:var(--tinta-2)}

/* guia dos 3 passos */
.bv-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bv-prog{font-size:.8rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--cab);color:var(--cab-txt)}
.bv-topo .link{margin-left:auto;font-weight:500}
.bv-barra{height:8px;border-radius:999px;background:var(--janela-2);border:1px solid var(--linha);margin:10px 0;overflow:hidden}
.bv-barra i{display:block;height:100%;background:var(--ok-a);transition:width .3s}
.boas-vindas .passos-kofre{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.passos-kofre li>div{display:inline-flex;flex-direction:column;gap:2px;vertical-align:top;width:calc(100% - 130px);min-width:0}
.passos-kofre li>.btn{float:right}
.passos-kofre li span{font-size:.88rem;color:var(--tinta-2)}
.passos-kofre li.feito{opacity:.6}
.passos-kofre li.feito b{text-decoration:line-through}
.passos-kofre li.feito::after{content:"✓ feito";float:right;font-weight:700;color:var(--pos)}
@media (max-width:520px){.passos-kofre li>div{width:100%}.passos-kofre li>.btn{float:none;margin-top:6px}}

/* patrimônio no tempo */
.grafico .tit-linha{flex-wrap:wrap;gap:8px}
.graf-resumo{margin:2px 0 6px;font-size:.95rem}
.graf-resumo .pos{color:var(--pos)} .graf-resumo .neg{color:var(--neg)}
.graf-area{position:relative;height:210px;touch-action:pan-y;--g:var(--cab);color:var(--g);cursor:crosshair;margin-top:4px}
.graf-area.sobe{--g:var(--pos)} .graf-area.desce{--g:var(--neg)}
.graf-area svg{width:100%;height:100%;display:block;overflow:visible}
.g-grade{stroke:var(--linha);stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}
.g-eixo{stroke:var(--linha);stroke-width:1.5;vector-effect:non-scaling-stroke}
.g-linha{fill:none;stroke:var(--g);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.g-ref{stroke:var(--moeda-esc);stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}
.g-refrot{position:absolute;right:0;transform:translateY(-115%);font-size:.7rem;font-weight:700;color:var(--moeda-esc);pointer-events:none;padding:0 4px;border-radius:5px;background:color-mix(in srgb,var(--janela) 88%,transparent)}
#mobiGraf{height:170px}
.g-cursor{stroke:var(--tinta-2);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.g-y{position:absolute;left:0;transform:translateY(-115%);font-size:.7rem;color:var(--tinta-2);pointer-events:none;font-variant-numeric:tabular-nums;padding:0 4px;border-radius:5px;background:color-mix(in srgb,var(--janela) 88%,transparent)}
.g-x{position:absolute;bottom:0;font-size:.72rem;color:var(--tinta-2);pointer-events:none;white-space:nowrap}
.g-x.ini{left:2px} .g-x.fim{right:2px} .g-x.meio{transform:translateX(-50%)}
.g-ponto{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--janela);border:3px solid var(--g);transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box}
.g-ponto.fim{box-shadow:0 0 0 5px color-mix(in srgb,var(--g) 22%,transparent)}
.g-ponto.mira{width:14px;height:14px;background:var(--g);border-color:var(--janela);box-shadow:0 0 0 2px var(--g)}
.g-bolha{position:absolute;transform:translate(-50%,calc(-100% - 14px));display:flex;flex-direction:column;align-items:center;gap:0;padding:5px 9px;border-radius:9px;background:var(--borda);color:#fff;font-size:.8rem;line-height:1.25;white-space:nowrap;pointer-events:none;box-shadow:0 3px 0 rgba(0,0,0,.18);z-index:2}
.g-bolha[data-lado="dir"]{transform:translate(calc(-100% + 10px),calc(-100% - 14px));align-items:flex-end}
.g-bolha[data-lado="esq"]{transform:translate(-10px,calc(-100% - 14px));align-items:flex-start}
.g-bolha small{opacity:.75;font-size:.72rem} .g-bolha b{font-size:.95rem;font-variant-numeric:tabular-nums}
.g-bolha em{font-style:normal;font-weight:700;font-size:.74rem} .g-bolha em.pos{color:#8be08f} .g-bolha em.neg{color:#ff9d90}
.graf-dica{margin:6px 0 0;font-weight:700;font-variant-numeric:tabular-nums;min-height:1.3em}

/* mercado na semana */
#mercadoSemLista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
.ms-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--linha);border-radius:8px;background:var(--janela);cursor:pointer;text-align:left;min-width:0;color:var(--tinta);font:inherit}
.ms-item:hover{background:var(--slot-hover)}
.ms-item .tx{display:flex;flex-direction:column;min-width:0;flex:1}
.ms-item .tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-item .tx small{color:var(--tinta-2);font-size:.78rem}
.ms-pct{font-variant-numeric:tabular-nums;white-space:nowrap} .ms-pct.pos{color:var(--pos)} .ms-pct.neg{color:var(--neg)}
/* lista da carteira: sem a coluna do recorte */
.pl.sem-rec{grid-template-columns:minmax(0,1fr) auto auto}
@media (max-width:640px){.pl.sem-rec{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item item" "campos acoes"}}

.selo-cmb{background:var(--moeda);color:#3a2600;z-index:2}
.slot.cmb-slot{padding-top:26px}
.slot .qtd{z-index:2}
.col{display:contents}
.parte-cmb{cursor:default}
.parte-cmb button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
.parte-cmb .pc-topo{width:100%}
.parte-cmb .pc-topo:hover .nm{text-decoration:underline}
.pc-leg>button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 7px;margin:-3px -3px;border-radius:8px;border:1.5px solid transparent;color:var(--tinta-2)}
.pc-leg>button:hover,.pc-leg>button:focus-visible{background:var(--slot-hover);border-color:var(--slot-borda);color:var(--tinta)}
.pc-leg>button em{font-style:normal;font-size:.8rem;opacity:.7}
.parte.parte-cmb:hover{background:var(--janela);border-color:var(--slot-borda)}
.toast.com-acao{display:flex;align-items:center;gap:14px;padding-right:10px}
.toast button{font:inherit;font-weight:700;color:var(--borda);background:var(--moeda-cla);border:0;border-radius:8px;padding:5px 12px;cursor:pointer}
.toast button:hover{background:#fff}
.mes{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.mes-lucro{text-transform:none;letter-spacing:0;font-size:.85rem}
.item .vl small.pos{color:var(--pos)} .item .vl small.neg{color:var(--neg)}
.item .vl small.pos,.item .vl small.neg{font-weight:700}
.selo-des{background:var(--fechar);font-size:.7rem;padding:0 5px}
.slot .med.pos{color:var(--pos)} .slot .med.neg{color:var(--neg)}