:root {
  /* High-end Grimdark Typography with native Vietnamese diacritics */
  --font-wuxia: 'Noto Serif', 'Be Vietnam Pro', Georgia, serif;
  --font-body: 'Be Vietnam Pro', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-cinzel: 'Cinzel', 'Noto Serif', serif;
}

* {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #050508;
}

/* Serif Headings: Prioritizes Noto Serif so Vietnamese characters never jump */
.font-cinzel, .font-wuxia {
  font-family: var(--font-wuxia) !important;
  letter-spacing: 0.02em;
}

/* Pure Latin Numbers & Codes */
.font-latin-display {
  font-family: var(--font-cinzel);
  letter-spacing: 0.05em;
}

/* Modern Tooltip Styling */
#game-tooltip {
  transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

/* iOS Safe Area Padding */
.safe-top { padding-top: env(safe-area-inset-top, 0px); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }
.safe-left { padding-left: env(safe-area-inset-left, 0px); }
.safe-right { padding-right: env(safe-area-inset-right, 0px); }

/* iPhone 15 Pro Chassis Frame (for Desktop Simulator) */
.iphone-frame {
  width: 880px !important;
  height: 420px !important;
  max-width: 96vw;
  max-height: 88vh;
  border-radius: 44px;
  box-shadow: 0 0 0 10px #18181b, 0 0 0 12px #27272a, 0 25px 60px -15px rgba(0,0,0,0.9);
  border: 3px solid #09090b;
  flex-shrink: 0;
  transform: translateZ(0);
  transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1), height 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-radius 0.2s ease;
}

/* Tasteful, Subdued Dark Fantasy Ambiance (No Garish Neon) */
.glow-gold { filter: drop-shadow(0 2px 6px rgba(217, 119, 6, 0.35)); }
.glow-fire { filter: drop-shadow(0 2px 6px rgba(185, 28, 28, 0.35)); }
.glow-cyan { filter: drop-shadow(0 2px 6px rgba(56, 189, 248, 0.30)); }
.glow-purple { filter: drop-shadow(0 2px 6px rgba(147, 51, 234, 0.30)); }