/* ============================================================
   SPACE PUMP: GO VERSE! — base tokens & reset (pixel-art theme)
   ============================================================ */
:root{
  --lime:#8BE03C;        /* primary alien lime */
  --lime-2:#A5F44E;
  --green:#3FA934;       /* UFO green */
  --green-d:#2C7A2A;     /* deep saucer green */
  --forest:#0A2A12;      /* deep space green-black */
  --space:#04140A;       /* background */
  --space-2:#081E10;
  --panel:#0C2616;       /* surface */
  --panel-2:#103420;
  --line:#1F5A2C;        /* pixel border green */
  --ink:#EAFBE0;
  --ink-2:#A8D89A;
  --ink-3:#5E8C56;
  --yellow:#F4C430;      /* cap yellow */
  --earth:#4FA3D9;       /* earth blue accent */
  --magenta:#FF6EC7;
  --r:0px;               /* pixel art = sharp */
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:var(--space);color:var(--ink);
  font-family:'VT323','IBM Plex Mono',monospace;-webkit-font-smoothing:none;image-rendering:pixelated}
canvas{display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
.mono{font-family:'VT323',monospace}
.pixel{font-family:'Press Start 2P',monospace}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
img{image-rendering:pixelated}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* logo mark — now the actual Space Pump UFO image */
.logo-mark{width:34px;height:34px;flex-shrink:0;image-rendering:pixelated;
  filter:drop-shadow(0 0 6px rgba(139,224,60,.5))}

@keyframes pulse{50%{opacity:.3}}
@keyframes fade{from{opacity:0}}
@keyframes up{from{transform:translateY(14px);opacity:0}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* pixel border utility — chunky retro frame */
.pxborder{box-shadow:0 0 0 3px var(--space),0 0 0 6px var(--lime),0 0 18px rgba(139,224,60,.35)}

/* shared toast */
.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;background:var(--panel);
  border:3px solid var(--lime);padding:12px 18px;font-size:18px;display:flex;
  align-items:center;gap:10px;box-shadow:6px 6px 0 rgba(0,0,0,.5);animation:up .25s;max-width:90vw;
  font-family:'VT323',monospace}
.toast.err{border-color:var(--magenta)}
.toast.ok{border-color:var(--lime)}