/* aipapagames — shared styles (neon arcade) */
:root{
  --bg:#0a0a16; --bg2:#12122a; --card:#15152e;
  --ink:#e8eaf6; --dim:#9297be; --line:#2a2b52;
  --cyan:#37e7ff; --magenta:#ff4fd8; --lime:#9bf03a; --gold:#ffd23c;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Helvetica Neue",Arial,sans-serif;
  line-height:1.75; font-size:16px;
  background-image:radial-gradient(60% 50% at 50% 0%, #1a1840 0%, rgba(10,10,22,0) 70%);
  background-repeat:no-repeat;
}
a{color:var(--cyan); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px; margin:0 auto; padding:32px 20px 64px}
header.site{display:flex; align-items:center; gap:12px; padding:22px 20px; max-width:760px; margin:0 auto}
header.site .logo{font-weight:800; letter-spacing:.02em; font-size:18px}
header.site .logo b{color:var(--cyan)}
header.site .logo i{color:var(--magenta); font-style:normal}
header.site nav{margin-left:auto; display:flex; gap:16px; font-size:14px}
header.site nav a{color:var(--dim)}

h1{font-size:30px; line-height:1.3; margin:.2em 0 .4em; letter-spacing:.01em}
h2{font-size:20px; margin:2em 0 .5em; color:#fff}
h3{font-size:16px; margin:1.6em 0 .3em; color:var(--cyan)}
.lede{font-size:18px; color:var(--dim)}
small,.muted{color:var(--dim); font-size:13px}
hr{border:0; border-top:1px solid var(--line); margin:40px 0}

.badge{display:inline-block; font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px;
  background:#ffd23c1a; color:var(--gold); border:1px solid #ffd23c44}

.card{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:22px; margin:18px 0}
.game{display:flex; gap:18px; align-items:center}
.game img{width:76px; height:76px; border-radius:18px; flex:none}
.game .meta h3{margin:0 0 2px; color:#fff; font-size:18px}
.game .meta p{margin:0; color:var(--dim); font-size:14px}

.btn{display:inline-block; padding:12px 22px; border-radius:12px; font-weight:800; margin:6px 8px 6px 0;
  background:linear-gradient(90deg,var(--cyan),var(--magenta)); color:#0a0a12}
.btn.ghost{background:#ffffff14; color:var(--ink); border:1px solid var(--line)}
.btn:hover{text-decoration:none; filter:brightness(1.08)}

.hero-logo{font-weight:900; font-style:italic; letter-spacing:.02em; line-height:1; margin:14px 0 6px}
.hero-logo .a{color:var(--cyan); text-shadow:0 0 24px #37e7ff66}
.hero-logo .b{color:var(--magenta); text-shadow:0 0 24px #ff4fd866}

footer.site{border-top:1px solid var(--line); color:var(--dim); font-size:13px; text-align:center; padding:28px 20px}
footer.site a{color:var(--dim)}

.policy h2{border-top:1px solid var(--line); padding-top:1.2em}
.policy ul{padding-left:1.2em}
.policy code{background:#ffffff10; padding:1px 5px; border-radius:5px; font-size:.9em}
.toc{font-size:14px}
.lang-note{background:var(--bg2); border:1px solid var(--line); border-radius:12px; padding:10px 14px; font-size:14px}