@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&family=DM+Mono:wght@400;500&display=swap');

:root{
  --paper:#06060e;
  --ink:#e8e4d8;
  --muted:#3a3630;
  --line:#1a1828;
  --green:#7fff9a;
  --yellow:#ffd060;
  --red:#ff5040;
  --blue:#88ccff;
  --world-accent:#7fff9a;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}
html,body{
  width:100vw;height:100dvh;max-width:100%;overflow:hidden;
  background:
    radial-gradient(circle at 30% 40%, rgba(70,60,110,.28) 0%, transparent 55%),
    radial-gradient(circle at 75% 65%, rgba(90,55,70,.22) 0%, transparent 50%),
    linear-gradient(135deg, #0c0f1e 0%, #14102a 55%, #1a0f18 100%);
  font-family:'Syne',system-ui,sans-serif;
  color:var(--ink);
  /* BUG-C FIX: pan-y zamiast none — pozwala scrollować pionowo w trayu.
     none blokowało zarówno zoom (czego chcemy) jak i scroll (czego nie chcieliśmy).
     pan-y zachowuje blokadę zoomu, otwiera scroll. */
  touch-action:pan-y;
}
body{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;}