/* Gemeinsame Grundlage für scopa.ch — Punkterechner, Spiel und Statistik.
   Die Farbwerte stammen 1:1 aus dem ursprünglichen Punkterechner, damit die
   Seiten wie eine App wirken und nicht wie drei verschiedene. */
:root{
  --bg:#0e1512; --card:#16211c; --card2:#1c2b24; --line:#2a3d34;
  --txt:#eef4f0; --muted:#9db3a8; --accent:#2ea36b; --accentTxt:#04140c; --win:#f5c542;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body{margin:0;background:var(--bg);color:var(--txt);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
body{padding:10px 10px 40px; max-width:480px; margin:0 auto;}

/* Kopfzeile mit Rückweg zur Startseite. Auf jeder Unterseite gleich. */
.topnav{display:flex;align-items:center;gap:8px;margin:2px 0 8px;}
.topnav a.back{display:inline-flex;align-items:center;gap:5px;text-decoration:none;
  color:var(--muted);font-size:13px;font-weight:600;background:var(--card2);
  padding:9px 11px;border-radius:10px;min-height:40px;}
.topnav a.back:active{background:var(--line);}
.topnav .sp{flex:1;}