/* Mini Arcade shared look — loaded last so it wins. Game internals (colors, canvas, HUD) are NOT touched. */

/* 1) Top menu: same pill style on every page (games + static pages). */
body .topnav{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:0; }
body .topnav a, body .back{
  display:inline-flex; align-items:center; font-size:13px; font-weight:600; letter-spacing:0;
  color:#d5dbe8; text-decoration:none; padding:8px 14px; border-radius:999px;
  background:rgba(14,17,24,.78); border:1px solid rgba(148,163,184,.28);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  transition:color .15s, border-color .15s, background .15s;
}
body .topnav a:hover, body .back:hover{ color:#fff; border-color:#6d7cff; background:rgba(26,31,46,.9); }
body .topnav a:focus-visible, body .back:focus-visible{ outline:2px solid #6d7cff; outline-offset:3px; }
body .topnav a:first-child{ font-weight:700; }

/* 2) Static pages (tools, rankings, feedback, about, privacy): same palette as the home page. */
body.site{
  --bg:#0b0d12; --bg2:#0b0d12; --card:#12151c; --text:#eceff5; --accent:#6d7cff; --muted:#8a93a6;
  background:#0b0d12; color:#eceff5;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.site h1{ letter-spacing:-.025em; font-weight:800; }
body.site main a:not(.tool):not(.back){ color:#8f9bff; }
body.site a.tool{ background:#12151c; border:1px solid #232836; border-radius:12px; }
body.site a.tool:hover{ border-color:#6d7cff; }
body.site h2{ color:#8f9bff; }
body.site form{ background:#12151c; border:1px solid #232836; border-radius:16px; }
body.site select, body.site textarea, body.site input{ background:#0b0d12; border:1px solid #2a3042; }
body.site select:focus, body.site textarea:focus, body.site input:focus{ outline:2px solid #6d7cff; outline-offset:1px; }
body.site button{ background:#6d7cff; color:#fff; border-radius:10px; }
body.site button:hover:not(:disabled){ filter:brightness(1.1); }
body.site .note{ background:rgba(109,124,255,.08); border-color:rgba(109,124,255,.25); }
body.site td.rank, body.site td.score{ color:#8f9bff; }
body.site td.game a:hover{ color:#8f9bff; }
body.site th, body.site td{ border-bottom-color:#232836; }

@media (prefers-reduced-motion:reduce){ body .topnav a, body .back{ transition:none; } }