*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;background:#0f1a14;color:#e6efe8}
header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:#14251b;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:.5rem;color:#7bd88f;font-weight:800;font-size:1.3rem;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.3rem .9rem}nav a{color:#cfe3d4;text-decoration:none;font-size:.95rem}nav a[aria-current],nav a:hover{color:#7bd88f}
.menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.6rem}
main{max-width:1000px;margin:auto;padding:1.5rem 1.2rem}h1{color:#7bd88f}a{color:#9fe8ad}
.hero{padding:2.5rem 0}.hero h1{font-size:2.4rem}.btn{display:inline-block;background:#7bd88f;color:#0f1a14;padding:.6rem 1.2rem;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}.btn.alt{background:#e5c75b}
.card{background:#172a1f;border:1px solid #24402f;border-radius:14px;padding:1rem 1.3rem;margin:1rem 0}.card h2{margin-top:0;color:#b9eec3}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tile{background:linear-gradient(135deg,#1d3a28,#14251b);border-radius:14px;padding:1rem;text-decoration:none}.tile h3{margin:0;color:#e6efe8}
.sci{color:#9bb5a2;font-size:.9rem}.myth{color:#f3a3a3}.fact{color:#a8f0b5}dt{font-weight:700;color:#b9eec3;margin-top:.6rem}dd{margin-left:1rem}.note{font-style:italic;color:#9bb5a2}
footer{text-align:center;padding:2rem;color:#8aa392;font-size:.85rem}
canvas{display:block;width:100%;max-width:400px;margin:auto;background:#09120d;border:3px solid #24402f;border-radius:10px;touch-action:none}
.scores{display:flex;justify-content:center;gap:2rem;font-size:1.2rem}.pad{text-align:center;margin-top:1rem}.pad button{width:56px;height:56px;margin:3px;font-size:1.3rem;border-radius:12px;border:0;background:#24402f;color:#fff}
#restart{display:block;margin:auto}
@media(max-width:760px){.menu{display:block}nav{display:none;width:100%;flex-direction:column}body.open nav{display:flex}.hero h1{font-size:1.8rem}}
.ad-slot{max-width:1000px;margin:1rem auto;min-height:90px}.related ul{columns:2}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #24402f;vertical-align:top}th{color:#b9eec3}td.v{color:#f3a3a3;font-weight:700}td.h{color:#a8f0b5;font-weight:700}select{font-size:1rem;padding:.4rem;border-radius:8px}