/* Naipe — estilo das páginas de conteúdo (estático, zero-build) */
:root{
  --bg:#090d09; --bg-2:#0e160e; --ink:#dffff0; --ink-dim:#9fc4b2;
  --green:#00f57a; --line:rgba(0,245,122,.18); --card:#0d140d;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"DM Mono",ui-monospace,"Cascadia Mono",monospace;
  background:
    linear-gradient(rgba(0,245,122,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,245,122,.025) 1px,transparent 1px),
    radial-gradient(120% 80% at 50% 0%, #0c120c 0%, #090d09 72%), var(--bg);
  background-size:34px 34px,34px 34px,100% 100%,100% 100%;
  color:var(--ink); line-height:1.7; min-height:100vh;
  display:flex; flex-direction:column;
}
a{color:var(--green); text-decoration:none}
a:hover{text-decoration:underline}

header.site{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 20px; background:rgba(9,13,9,.82); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
header.site .brand{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-weight:700; font-size:22px; letter-spacing:3px; color:var(--green);
  text-transform:uppercase; white-space:nowrap;
}
header.site nav{display:flex; gap:18px; flex-wrap:wrap; font-size:14px}
header.site nav a{color:var(--ink-dim)}
header.site nav a:hover{color:var(--green); text-decoration:none}
header.site .play{
  border:1px solid var(--green); color:var(--green); padding:7px 16px; border-radius:8px;
  font-weight:500; white-space:nowrap;
}
header.site .play:hover{background:rgba(0,245,122,.12); text-decoration:none}

main{flex:1; width:100%; max-width:820px; margin:0 auto; padding:40px 20px 60px}
main h1{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-size:clamp(30px,6vw,46px); font-weight:700; letter-spacing:1px;
  color:var(--green); line-height:1.1; margin-bottom:8px; text-transform:uppercase;
}
main .lead{color:var(--ink-dim); font-size:16px; margin-bottom:32px}
main h2{
  font-family:"Barlow Condensed",sans-serif; font-size:26px; letter-spacing:1px;
  color:var(--ink); margin:34px 0 12px; padding-bottom:6px; border-bottom:1px solid var(--line);
}
main h3{font-size:17px; color:var(--green); margin:22px 0 6px}
main p{margin:0 0 14px; color:#cfe9db}
main ul,main ol{margin:0 0 16px 22px; color:#cfe9db}
main li{margin:6px 0}
main strong{color:var(--ink)}
.game-card{
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  padding:22px 24px; margin:18px 0;
}
.game-card h2{margin-top:0; border:0; color:var(--green)}
.updated{color:var(--ink-dim); font-size:13px; margin-top:8px}

footer.site{
  border-top:1px solid var(--line); padding:26px 20px; text-align:center;
  color:var(--ink-dim); font-size:13px;
}
footer.site nav{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:12px}
footer.site nav a{color:var(--ink-dim)}
footer.site .sig{
  font-family:"Inter Tight","Inter",system-ui,sans-serif; font-weight:700;
  letter-spacing:-0.025em; color:var(--ink); font-size:15px; margin-top:6px;
}