/* Common Styles - Shared across all pages */

/* CSS Variables */
:root { 
    --accent: #ffcc33; 
    --bg: #0a0a0a; 
    --panel: #111; 
}

/* Base Styles */
html, body { 
    height: 100%; 
    cursor: none; 
}

body { 
    margin: 0; 
    background: radial-gradient(circle at center, #111 0%, #000 100%); 
    color: #eaeaea; 
    font-family: ui-sans-serif, system-ui, -apple-system; 
}

/* Typography */
h1, h2, h3, header {
    font-family: "ironmonger-inlaid", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* hiding controls & title */
header, footer.controls{
    display: none !important;
}

/* Buttons */
button { 
    font-size: 22px; 
    padding: 16px 24px; 
    border-radius: 12px; 
    border: none; 
    background: #1a1a1a; 
    color: #fff; 
    cursor: pointer; 
}

button.primary { 
    background: var(--accent); 
    color: #001018; 
    font-weight: 800; 
}

button:disabled { 
    opacity: 0.5; 
    cursor: not-allowed; 
}

@keyframes pulse { 
    0%, 100% { opacity: 0.25; } 
    50% { opacity: 0.9; } 
}

@keyframes slide {
    0%   { margin-left: -40%; width: 20%; }
    50%  { margin-left: 20%;  width: 60%; }
    100% { margin-left: 100%; width: 20%; }
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
    }
}