/* src/styles.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --gold: rgba(200,160,80,1);
  --gold-dim: rgba(200,160,80,0.7);
  --gold-faint: rgba(200,160,80,0.15);
  --cream: #f5f0e8;
  --bg: #080604;
  --bg2: #0d0b08;
  --border: rgba(255,255,255,0.09);
}
html,
body {
  width: 100%;
  height: 100%;
  background: var(--bg);
  color: var(--cream);
  font-family:
    "Inter",
    system-ui,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  touch-action: none;
}
app-root {
  display: block;
  width: 100%;
  height: 100%;
}
@keyframes drift1 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(40px, 20px) scale(1.1);
  }
}
@keyframes drift2 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-30px, -30px) scale(1.08);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */