/* ==========================================
   🌌 V7.12 SS3D CORE FOUNDATION
   ========================================== */

:root {
    /* Core Branding Colors */
    --color-primary: #FFD166;
    --color-primary-shadow: #CC9900;
    --color-secondary: #4D9FFF;
    --color-secondary-shadow: #0066CC;
    --color-neon-blue: #38bdf8;
    
    /* Backgrounds & Glassmorphism */
    --glass-bg: rgba(11, 14, 20, 0.85);
    --glass-border: rgba(56, 189, 248, 0.3);
    
    /* Box Model Defaults */
    --radius-panel: 24px;
    --radius-btn: 100px;
    --radius-input: 12px;
}

/* 🌌 UNIVERSAL EDTECH RESET */
body { 
    margin: 0; 
    background-color: #030303 !important; 
    color: white; 
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    overflow: hidden; 
    
    /* Strict Mobile Optimization */
    overscroll-behavior: none; /* Prevents iOS/Android pull-to-refresh */
    -webkit-tap-highlight-color: transparent; /* Removes native mobile tap flash */
}

/* 📝 FLUID TYPOGRAPHY & INHERITANCE */
h1, h2, h3, button, input, select, .drag-handle-zone, .welcome-box h1, .role-text, .premium-footer { 
    font-family: 'Nunito', 'Segoe UI', sans-serif; 
}

h2 { 
    color: #fff; 
    margin: 0 0 5px 0; 
    letter-spacing: 1px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    font-weight: 900;
}

p { 
    margin: 0 0 15px 0; 
    color: #E2E8F0; 
    line-height: 1.6; 
    font-size: 1rem; 
}

/* 🎨 3D ENGINE CANVAS LOCK */
canvas { 
    display: block !important; 
    touch-action: none !important; 
    user-select: none; 
    -webkit-user-select: none; 
}

/* 🎵 AUDIO PULSE ANIMATION (Global Utility) */
.audio-icon { 
    font-size: 1.2rem; 
    display: none; 
}
.speaking .audio-icon { 
    display: block; 
    animation: pulse 1s infinite alternate; 
}
@keyframes pulse { 
    from { opacity: 0.4; transform: scale(0.9); } 
    to { opacity: 1; transform: scale(1.1); } 
}

/* 🎥 CINEMATIC AUTO-HIDE CLASS (Global Utility) */
.cinematic-fade-out {
    opacity: 0.05 !important; 
    pointer-events: none !important; 
    transition: opacity 0.3s ease-in-out !important;
}

/* 🖥️ GLOBAL DESKTOP SCROLLBAR OVERRIDES */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }