/* LockStep Game Studio — custom styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: #030712;
    color: #f3f4f6;
    overflow: hidden;
    user-select: none;
}

/* Subtle atmospheric background radial gradients */
.bg-gradient-glow {
    background-image:
        radial-gradient(circle at 20% 20%, rgba(6, 182, 212, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(99, 102, 241, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.6) 0%, transparent 100%);
}

.slide-panel {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease, filter 0.5s ease;
}

.slide-inactive {
    opacity: 0.15;
    filter: blur(4px);
    transform: scale(0.94);
    pointer-events: none;
}

.slide-active {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
    pointer-events: auto;
}

/* Custom scrollbars for modal/content overlays */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 3px;
}

/* Scrollable slide content (e.g. Technology article) */
.slide-scroll {
    max-height: 100%;
    scrollbar-gutter: stable;
}

.slide-scroll:focus {
    outline: none;
}