/* --- GLOBAL DESIGN TOKENS --- */
:root {
  --bg-color: #0d0b09;
  --panel-bg: rgba(26, 22, 18, 0.88);
  --panel-bg-solid: #141210;
  --panel-border: rgba(212, 160, 89, 0.3);
  --panel-border-solid: #2a241e;
  --text-main: #f0e6d2;
  --text-muted: #9e8e78;
  --accent-amber: #d4a059;
  --accent-orange: #d96b27;
  --accent-gold: #ffb700;
}

/* --- BASE RESET --- */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--bg-color);
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  padding: 20px;
}

body.modal-open {
  overflow: hidden;
}

/* --- SHARED BUTTONS & LINKS --- */
.download-btn {
  display: inline-block;
  background: var(--accent-amber);
  color: #000;
  font-weight: bold;
  padding: 12px 16px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.85rem;
  transition: opacity 0.2s;
}

.download-btn:hover {
  opacity: 0.9;
}

.back-btn {
  display: inline-block;
  color: var(--text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  border: 1px solid var(--panel-border-solid);
  padding: 8px 16px;
  border-radius: 4px;
  transition: all 0.2s;
}

.back-btn:hover {
  color: var(--accent-amber);
  border-color: var(--accent-amber);
}