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

:root {
  --bg-deepest:   #020B1B;
  --bg-deep:      #0A1830;
  --bg-primary:   #102542;
  --bg-card:      #142C4B;
  --gold:         #D7E0E9;
  --gold-light:   #B8C5D2;
  --gold-bright:  #EEF3F7;
  --gold-border:  rgba(199,213,226,.38);
  --crimson:      #2F6FAE;
  --crimson-dark: #174879;
  --crimson-btn:  #235F99;
  --text-white:   #F5F8FB;
  --text-cream:   #DCE5EE;
  --text-gold:    #D5DEE7;
  --text-muted:   #9EADBD;
  --copper:       #B8C5D2;
  --copper-light: #D7E0E9;
  --copper-bright:#EEF3F7;
  --copper-border:rgba(184,197,210,.42);
  --dark-bg:      #020B1B;
  --dark-card:    #0A1A31;
  --dark-border:  rgba(199,213,226,.34);
}

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

body {
  font-family: 'Prompt', 'Tahoma', sans-serif;
  background: #08162B;
  color: #E9EFF5;
  min-height: 100vh;
  -webkit-tap-highlight-color: rgba(190,205,220,.18);
  text-rendering: optimizeLegibility;
}

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

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