/* GasRadar custom styles — supplements Tailwind */

:root {
    --color-bg: #0a0e0d;
    --color-surface: #121e1b;
    --color-border: #1d3d36;
    --color-primary: #1d7c70;
    --color-primary-hover: #2aa396;
    --color-primary-glow: rgba(29, 124, 112, 0.25);
    --color-accent: #5eead4;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }

/* Pulse animation for live indicator */
@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
}
.pulse-dot {
    width: 8px; height: 8px; border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
}
.pulse-dot-sm {
    width: 6px; height: 6px; border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
}

/* Data strip */
.strip-value { font-family: var(--font-mono); }

/* Storage bar fills */
.bar-fill { transition: width 1s ease; }

/* Briefing bullet tags */
.briefing-bullet { font-family: var(--font-mono); }

/* Radar canvas */
.radar-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; opacity: 0.15; }
.radar-bg canvas { width: 100%; height: 100%; }

/* Freemium gating */
.freemium-fade {
    position: relative;
    max-height: 180px;
    overflow: hidden;
}
.freemium-fade::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 120px;
    background: linear-gradient(transparent, var(--color-bg));
    pointer-events: none;
}
.freemium-blur {
    filter: blur(8px);
    user-select: none;
    pointer-events: none;
}
.freemium-blur-heavy {
    filter: blur(12px);
    user-select: none;
    pointer-events: none;
}