/* Wiki do Farmteia: no jeito do site (DESIGN.md da raiz, "A Rede na Varanda"): folhas creme, pílulas, verde-sálvia */
@font-face{font-family:"Grandstander";src:url(/fontes/grandstander-700-900.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url(/fontes/mplus-rounded-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url(/fontes/mplus-rounded-800.woff2) format("woff2");font-weight:800;font-display:swap}
:root{
  --salvia:#5f7d57;--salvia-toque:#56704f;--mata:#1f4b35;--terracota:#b05a3c;--ouro:#efc95a;
  --folha:#fcf6ea;--cartao:#fffdf8;--luz:#fffefa;--miolo:#f6eedd;--trilho:#f1e7d4;--aro:#ecdfc5;--borda:#e2d4b9;--linha:#ece1cc;
  --tinta:#3a3127;--suave:#6e6252;
  --sombra:0 1px 2px rgba(70,50,25,.08),0 3px 10px rgba(70,50,25,.07);
  --f-titulo:"Grandstander","Trebuchet MS",system-ui,sans-serif;--f-texto:"M PLUS Rounded 1c","Segoe UI",system-ui,sans-serif;
  --margem:clamp(16px,4vw,40px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --folha:#1d1a15;--cartao:#27231c;--luz:#2c271f;--miolo:#332d24;--trilho:#2e291f;--aro:#3d3528;--borda:#4a4031;--linha:#3a3226;
  --tinta:#f1e8d8;--suave:#bcae98;--salvia:#86a67c;--salvia-toque:#95b58a;--terracota:#e08b6b;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 3px 10px rgba(0,0,0,.25);color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:130px}
body{margin:0;background:var(--folha);color:var(--tinta);font:500 16px/1.6 var(--f-texto);overflow-x:hidden}
a{color:var(--salvia)}a:hover{color:var(--salvia-toque)}
h1,h2,h3,h4{font-family:var(--f-titulo);line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);font-weight:900;margin:.9em 0 .15em}
h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.75rem);font-weight:800;margin:1.8em 0 .5em;display:flex;align-items:center;gap:.4em}
h3{font-size:1.15rem;font-weight:800;margin:0 0 .4em;display:flex;align-items:center;gap:.4em;flex-wrap:wrap}
h4{font-size:.95rem;margin:0 0 .3em}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}
.pular{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 16px;border-radius:999px;background:var(--cartao);color:var(--tinta);font-weight:800;text-decoration:none;box-shadow:var(--sombra)}
.pular:focus{top:12px}
.miolo{width:min(1180px,100% - 2 * var(--margem));margin-inline:auto}
.sub{margin:0 0 1.2em;color:var(--suave);font-weight:800}
.abre{font-size:1.15rem;max-width:62ch}
.suave{color:var(--suave)}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--folha) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo-miolo{width:min(1180px,100% - 2 * var(--margem));margin-inline:auto;display:flex;align-items:center;gap:12px;padding:10px 0}
.marca{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--tinta);font:800 1.2rem/1 var(--f-titulo);white-space:nowrap}
.marca img{border-radius:10px}
.marca b{color:var(--salvia);font-weight:900}
.busca{position:relative;flex:1;min-width:0}
.busca input{width:100%;min-height:42px;padding:8px 16px;border:1.5px solid var(--borda);border-radius:999px;background:var(--cartao);color:var(--tinta);font:500 1rem var(--f-texto)}
.busca input:focus{outline:none;border-color:var(--salvia)}
.sugestoes{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--cartao);border:1px solid var(--borda);border-radius:16px;box-shadow:var(--sombra);overflow:hidden;max-height:60vh;overflow-y:auto}
.sugestoes a{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;text-decoration:none;color:var(--tinta)}
.sugestoes a:hover,.sugestoes a.foco{background:var(--miolo)}
.sugestoes small{color:var(--suave);font-weight:800}
.jogar{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--salvia);color:#fffdf8;font:900 1rem/1 var(--f-titulo);text-decoration:none;white-space:nowrap}
.jogar:hover{background:var(--salvia-toque);color:#fffdf8}
.abre-menu{display:none;min-height:42px;padding:0 14px;border:1.5px solid var(--borda);border-radius:999px;background:var(--cartao);color:var(--tinta);font:800 .95rem var(--f-texto);cursor:pointer}
.menu{width:min(1180px,100% - 2 * var(--margem));margin-inline:auto;display:flex;gap:4px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}
.menu a{flex:none;padding:5px 12px;border-radius:999px;color:var(--suave);font-weight:800;font-size:.9rem;text-decoration:none;white-space:nowrap}
.menu a:hover{background:var(--miolo);color:var(--tinta)}
.menu a[aria-current]{background:var(--salvia);color:#fffdf8}
@media (max-width:720px){
  .marca span{display:none}
  .jogar{display:none}
  .abre-menu{display:inline-flex;align-items:center}
  .menu{display:none;flex-wrap:wrap;padding-bottom:12px}
  .menu.aberto{display:flex}
}

/* ícones da folha do jogo (16 por linha) e fotos */
.ic{--t:32px;display:inline-block;flex:none;width:var(--t);height:var(--t);background:url(/folha.webp) no-repeat;background-size:calc(var(--t) * 16) auto;background-position:calc(var(--x) * var(--t) * -1) calc(var(--y) * var(--t) * -1);vertical-align:middle}
.ic.sem{background:var(--c);border-radius:50%;display:inline-grid;place-items:center;color:#fff;font:900 calc(var(--t) * .5)/1 var(--f-titulo);text-shadow:0 1px 1px rgba(0,0,0,.3)}
.foto{flex:none;border-radius:10px;background:var(--miolo);vertical-align:middle}

/* peças */
.chip{display:inline-block;padding:2px 9px 1px;border-radius:999px;background:var(--miolo);color:var(--suave);font:800 .74rem/1.4 var(--f-texto);white-space:nowrap}
.reg-litoral.chip{background:#dcecf2;color:#2c5f73}.reg-interior.chip{background:#f6e0cf;color:#8a4a24}.reg-serra.chip{background:#e3efd9;color:#4f6b45}
.rar-2{background:#e3efd9;color:#4f6b45}.rar-3{background:#dce6f5;color:#34558a}.rar-4{background:#efe0f4;color:#6d3c84}
.pilula{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 4px;margin:2px 0;border-radius:999px;background:var(--miolo);color:var(--tinta);font-weight:800;font-size:.88rem;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;font-family:var(--f-texto)}
a.pilula:hover{background:var(--aro);color:var(--tinta)}
.indice,.filtros{display:flex;flex-wrap:wrap;gap:6px;margin:1em 0}
.indice .pilula,.filtros .pilula{padding:6px 14px;font-size:.92rem}
.filtros .pilula.ativo{background:var(--salvia);color:#fffdf8}

/* tabelas */
.rola{overflow-x:auto;margin:0 calc(var(--margem) * -1);padding:0 var(--margem)}
table{border-collapse:separate;border-spacing:0;width:100%;background:var(--cartao);border-radius:16px;box-shadow:var(--sombra);font-size:.92rem}
th{position:sticky;top:0;text-align:left;padding:10px 12px;background:var(--trilho);color:var(--suave);font:800 .78rem/1.2 var(--f-texto);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
th:first-child{border-top-left-radius:16px}th:last-child{border-top-right-radius:16px}
.ordena th{cursor:pointer;user-select:none}
.ordena th[aria-sort]::after{content:" ↓"}.ordena th[aria-sort=ascending]::after{content:" ↑"}
td{padding:8px 12px;border-top:1px solid var(--linha);vertical-align:middle}
tr:target td{background:color-mix(in srgb,var(--ouro) 22%,var(--cartao))}
td.nome a{display:flex;align-items:center;gap:8px;color:var(--tinta);font-weight:800;text-decoration:none;min-width:140px}
td.nome a:hover span{text-decoration:underline}
td.nome{font-weight:800}
td.libera{font-size:.86rem}
tbody tr:hover td{background:var(--luz)}

/* cartões */
.bloco{margin-top:1em}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cartao{background:var(--cartao);border-radius:18px;padding:16px 18px;box-shadow:var(--sombra);margin-bottom:14px}
.grade .cartao{margin:0}
.cartao p{margin:.3em 0}
.caixas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}
.caixa{background:var(--miolo);border-radius:12px;padding:10px 12px}
.caixa .pilula{background:var(--cartao)}
.colunas{columns:2 220px;padding-left:1.1em}
.colunas li{margin:.2em 0}

/* início */
.secoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:1.5em 0}
.secao-cartao{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--cartao);box-shadow:var(--sombra);color:var(--tinta);text-decoration:none;transition:transform .15s ease}
.secao-cartao:hover{transform:translateY(-2px);color:var(--tinta)}
.secao-cartao b{display:block;font:800 1.15rem/1.1 var(--f-titulo)}
.secao-cartao small{color:var(--suave);font-weight:800}
.passos li{margin:.4em 0}

/* item */
.ficha{display:flex;align-items:center;gap:20px;background:var(--cartao);border-radius:20px;padding:18px 22px;box-shadow:var(--sombra);max-width:560px}
.ficha dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.ficha dt{color:var(--suave);font-weight:800}
.ficha dd{margin:0;font-weight:800}
.lista{padding-left:1.2em}
.lista li{margin:.45em 0}
.ing{margin-top:4px}
.resultados a{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px;background:var(--cartao);margin:6px 0;box-shadow:var(--sombra);text-decoration:none;color:var(--tinta);font-weight:800}

.rodape{margin-top:4em;padding:2em 0;border-top:1px solid var(--linha);color:var(--suave);font-size:.9rem}
td{white-space:nowrap}
td:last-child,td.libera{white-space:normal;min-width:180px}
td .pilula{margin-right:2px}