/* ── CSS Variables & Reset ── */
:root {
  --neon: #C855FF;
  --neon-glow: #D97AFF;
  --neon-dim: #8B2FCC;
  --dark: #0A0010;
  --dark2: #120020;
  --dark3: #1C0033;
  --dark4: #27004A;
  --surface: #1E0035;
  --surface2: #2A0050;
  --text: #F0E6FF;
  --text-muted: #9B7FBB;
  --red: #FF4D6A;
  --green: #39FF85;
  --accent-gold: #FFD700;
  --radius: 16px;
  --radius-sm: 10px;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* ── Body ── */
html { height: 100%; }
body {
  background: var(--dark2);
  font-family: 'Outfit', sans-serif;
  color: var(--text);
  height: 100%;
  margin: 0;
  overflow: hidden;
}

/* ── App shell (fills device screen) ── */
.phone {
  width: 100%;
  height: 100%;
  background: var(--dark2);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}