/* Old WebView fallbacks — plain CSS, no @layer */
:root {
  --color-primary: #FF0420;
  --color-on-primary: #FFFFFF;
  --color-secondary: #00F0FF;
  --color-on-secondary: #0A0E14;
  --color-accent: #B026FF;
  --color-on-accent: #FFFFFF;
  --color-background: #0A0E14;
  --color-foreground: #FFFFFF;
  --color-card: #161B22;
  --color-card-foreground: #FFFFFF;
  --color-card-elevated: #1F2937;
  --color-muted: #0A0E14;
  --color-muted-foreground: #8B92A8;
  --color-border: #2D3748;
  --color-destructive: #FF0420;
  --color-on-destructive: #FFFFFF;
  --color-ring: #00F0FF;
  --color-neon-red: #FF0420;
  --color-neon-cyan: #00F0FF;
  --color-neon-purple: #B026FF;
  --color-neon-green: #00FF88;
  --color-dark-bg: #0A0E14;
  --shadow-glow-red: rgba(255, 4, 32, 0.4);
  --shadow-glow-cyan: rgba(0, 240, 255, 0.4);
  --shadow-glow-purple: rgba(176, 38, 255, 0.4);
  --shadow-glow-green: rgba(0, 255, 136, 0.4);
  --color-gold: #FF0420;
  --color-gold-light: #FF334D;
  --color-tron: #00F0FF;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #8B92A8;
  --color-text-muted: #4A5568;
  --color-text-dim: #8B92A8;
  --color-error: #FF0420;
  --color-success: #00FF88;
  color-scheme: dark;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #0A0E14 !important;
  background-color: #0A0E14 !important;
  color: #FFFFFF !important;
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#root {
  min-height: 100vh;
  background: #0A0E14 !important;
  color: #FFFFFF !important;
}

/* Layout helpers */
.min-h-screen, .min-h-full { min-height: 100vh; }
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; }
.items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.max-w-md { max-width: 28rem; }
.max-w-lg { max-width: 32rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.text-white { color: #fff !important; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.outline-none { outline: 0; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.grid { display: grid; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-3 { gap: 0.75rem; }
.bg-transparent { background-color: transparent; }
.border { border-width: 1px; border-style: solid; }
.border-t-2 { border-top-width: 2px; border-top-style: solid; }
.p-5 { padding: 1.25rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pt-3 { padding-top: 0.75rem; }
.pb-24 { padding-bottom: 6rem; }
.pb-2 { padding-bottom: 0.5rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.leading-none { line-height: 1; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
.uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.text-sm { font-size: 0.875rem; }
.text-xs { font-size: 0.75rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.opacity-90 { opacity: 0.9; }
.opacity-80 { opacity: 0.8; }
.opacity-60 { opacity: 0.6; }
.opacity-50 { opacity: 0.5; }
.cursor-pointer { cursor: pointer; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.flex-shrink-0 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

/* Theme-ish class fallbacks used with arbitrary values */
.bg-\[var\(--color-dark-bg\)\],
.bg-\[var\(--color-background\)\] { background-color: #0A0E14 !important; }
.bg-\[var\(--color-card\)\] { background-color: #161B22 !important; }
.bg-\[var\(--color-card-elevated\)\] { background-color: #1F2937 !important; }
.border-\[var\(--color-border\)\] { border-color: #2D3748 !important; }
.border-\[var\(--color-neon-red\)\] { border-color: #FF0420 !important; }
.border-\[var\(--color-neon-cyan\)\] { border-color: #00F0FF !important; }
.text-\[var\(--color-neon-cyan\)\] { color: #00F0FF !important; }
.text-\[var\(--color-neon-red\)\] { color: #FF0420 !important; }
.text-\[var\(--color-neon-green\)\] { color: #00FF88 !important; }
.text-\[var\(--color-neon-purple\)\] { color: #B026FF !important; }
.text-\[var\(--color-text-dim\)\] { color: #8B92A8 !important; }
.text-\[var\(--color-text-muted\)\] { color: #4A5568 !important; }
.text-\[var\(--color-foreground\)\] { color: #FFFFFF !important; }
.text-\[var\(--color-dark-bg\)\] { color: #0A0E14 !important; }
.placeholder\:text-\[var\(--color-text-muted\)\]::placeholder { color: #4A5568 !important; }

input, button, select, textarea {
  font: inherit;
  color: inherit;
}

input {
  background-color: #1F2937;
  border: 1px solid #2D3748;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #fff;
}

button {
  cursor: pointer;
}