/* Estilo das páginas de texto (sobre, como jogar, privacidade): mesma carta antiga do jogo. */
:root{--parch:#ecdcb4;--ink:#3b2a17;--muted:#7a6040;--line:#b89b68;--rust:#9c3b22;
  --display:"IM Fell English SC","IM Fell English",Georgia,serif;--body:"EB Garamond",Georgia,"Times New Roman",serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;background-color:var(--parch);
  background-image:radial-gradient(ellipse at 20% 10%,rgb(255 248 225 / .55),transparent 55%),radial-gradient(ellipse at 85% 90%,rgb(120 80 30 / .18),transparent 60%);
  background-attachment:fixed;padding:22px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}
.wrap{max-width:680px;margin:0 auto}
header{border-bottom:3px double var(--ink);padding-bottom:8px;margin-bottom:22px}
header a{color:inherit;text-decoration:none}
.logo{font-family:var(--display);font-size:2.4rem;letter-spacing:.04em;line-height:.95;margin:0}
.logo span{color:var(--rust)}
.sub{display:block;font-style:italic;font-size:.85rem;color:var(--muted);margin-top:4px}
h1{font-family:var(--display);font-weight:400;font-size:1.9rem;letter-spacing:.03em;margin:0 0 .6em}
h2{font-family:var(--display);font-weight:400;font-size:1.3rem;letter-spacing:.03em;margin:1.6em 0 .4em;color:var(--rust)}
p,li{margin:.5em 0}
ul,ol{padding-left:1.3em}
a{color:var(--rust)}
.nota{font-style:italic;color:var(--muted);font-size:.92rem}
.jogar{display:inline-block;margin-top:.6em;padding:.55em 1.3em;background:var(--ink);color:var(--parch);border-radius:3px;text-decoration:none;font-family:var(--display);letter-spacing:.05em}
footer{margin-top:36px;border-top:1px solid var(--line);padding-top:12px;font-size:.9rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px}
/* Assinatura da marca-mãe: link discreto de volta à página dos jogos. */
.pub{display:inline-block;margin-bottom:12px;font-family:"EB Garamond",Georgia,serif;font-style:italic;font-size:.92rem;letter-spacing:.02em;color:#7A6040;text-decoration:none;border-bottom:1px dotted #B89B68;line-height:1.3}
.pub span{opacity:.8}
.pub:hover{color:#9C3B22;border-bottom-color:#9C3B22}
/* Páginas de conteúdo (estados, rankings, guias) */
.wrap{max-width:760px}
h3{font-family:var(--display);font-weight:400;font-size:1.08rem;letter-spacing:.02em;margin:1.2em 0 .1em}
.mig{font-size:.88rem;color:var(--muted);margin:0 0 14px}.mig a{color:var(--muted)}
.tab{overflow-x:auto;margin:.8em 0;border:1px solid var(--line);border-radius:3px;background:rgb(255 248 225 / .35)}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{padding:5px 10px;text-align:left;border-bottom:1px solid rgb(184 155 104 / .5);white-space:nowrap}
th{font-family:var(--display);font-weight:400;letter-spacing:.03em;border-bottom:2px solid var(--ink);background:rgb(120 80 30 / .08)}
tr:last-child td{border-bottom:0}
.r{text-align:right}.n{color:var(--muted);width:2.4em}
small{color:var(--muted)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:1em 0}
.grade figure{margin:0;text-align:center;border:1px solid var(--line);border-radius:3px;padding:8px;background:rgb(255 248 225 / .35)}
.ct{width:100%;height:96px;display:block}
.ct path{fill:url(#hatch);fill-rule:evenodd;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
figcaption{font-size:.92rem;line-height:1.25;margin-top:6px}figcaption small{display:block}
.cta{margin-top:2em;text-align:center}
