/* Brain Rot Arcade — shared styling for content/SEO pages (separate from the game canvas). */
:root{ --green:#39ff14; --cyan:#00fff7; --pink:#ff6ec7; --yellow:#fff700; --bg:#07070f; }
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; background:radial-gradient(circle at 50% 0%, #16002e 0%, var(--bg) 60%); color:#dfe3f3; line-height:1.65; min-height:100vh; }
a{ color:var(--cyan); text-decoration:none; } a:hover{ text-decoration:underline; }
.wrap{ max-width:880px; margin:0 auto; padding:18px 20px 60px; }
header.site{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; flex-wrap:wrap; }
.logo{ font-family:'Bungee Shade','Bungee',sans-serif; font-size:clamp(20px,5vw,30px); background:linear-gradient(90deg,var(--green),var(--cyan),var(--pink),var(--yellow)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
nav.site a{ font-family:'Bungee',sans-serif; font-size:12px; letter-spacing:.5px; margin-left:14px; color:#bcd; }
nav.site a:hover{ color:var(--cyan); }
.play-cta{ display:inline-block; font-family:'Bungee',sans-serif; font-size:clamp(14px,4vw,18px); letter-spacing:1px; color:#061018; background:linear-gradient(135deg,var(--green),var(--cyan)); border:2px solid var(--yellow); border-radius:14px; padding:13px 28px; margin:6px 0 22px; box-shadow:0 0 22px rgba(57,255,20,.4); }
h1{ font-family:'Bungee',sans-serif; font-size:clamp(26px,7vw,42px); line-height:1.1; margin:10px 0 6px; color:#fff; text-shadow:0 0 18px rgba(57,255,20,.35); }
h2{ font-family:'Bungee',sans-serif; font-size:clamp(18px,5vw,26px); margin:30px 0 10px; color:var(--green); }
h3{ font-family:'Bungee',sans-serif; font-size:16px; margin:6px 0; color:var(--yellow); }
p{ margin:10px 0; } ul,ol{ margin:10px 0 10px 22px; } li{ margin:6px 0; }
.lead{ font-size:clamp(16px,4vw,19px); color:#cfd6ee; }
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; margin:18px 0; }
.card{ background:rgba(255,255,255,.04); border:1.5px solid rgba(255,255,255,.12); border-radius:14px; padding:14px 16px; }
.card h3{ color:var(--pink); margin-bottom:4px; }
.card .sub{ font-size:12px; color:#9aa; font-family:'Bungee',sans-serif; letter-spacing:.5px; }
.faq dt{ font-family:'Bungee',sans-serif; font-size:14px; color:var(--cyan); margin-top:16px; }
.faq dd{ margin:6px 0 0; }
footer.site{ margin-top:44px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); font-size:13px; color:#8a90a8; }
footer.site a{ color:#aab; margin-right:14px; }
.crumb{ font-size:12px; color:#778; font-family:'Bungee',sans-serif; margin:4px 0 0; }
.crumb a{ color:#9aa; }