/* ── MMO Shared Theme Tokens & Base ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg-deepest:   #2A0005;
  --bg-deep:      #FAF0E6;
  --bg-primary:   #F5E6D3;
  --bg-card:      #FFFFFF;
  --gold:         #C9981A;
  --gold-light:   #C07820;
  --gold-bright:  #B87333;
  --gold-border:  rgba(184,115,51,0.35);
  --crimson:      #C8102E;
  --crimson-dark: #8B0020;
  --crimson-btn:  #8B0000;
  --text-white:   #1A0005;
  --text-cream:   #3A1A08;
  --text-gold:    #7A4A10;
  --text-muted:   #8A5A2A;
  --copper:       #B87333;
  --copper-light: #D4944A;
  --copper-bright:#C07820;
  --copper-border:rgba(184,115,51,0.4);
  --dark-bg:      #2A0005;
  --dark-card:    #3D0008;
  --dark-border:  rgba(201,152,26,0.35);
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  font-family: 'Prompt', 'Tahoma', sans-serif;
  background: #FAF0E6;
  color: #1A0005;
  min-height: 100vh;
  -webkit-tap-highlight-color: rgba(184,115,51,.15);
  text-rendering: optimizeLegibility;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F0E4D4; }
::-webkit-scrollbar-thumb { background: var(--copper); border-radius: 3px; }

@media (max-width: 640px) {
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
}