/* ==========================================================================
   STATUS QUO - BASE & VARIABLES
   ========================================================================== */

:root {
    --gold: #f1c40f;
    --gold-dim: #f39c12;
    --red: #e74c3c;
    --red-dark: #c0392b;
    --green: #2ecc71;
    --green-dark: #27ae60;
    --blue: #3498db;
    --blue-dark: #2980b9;
    --bg-overlay: rgba(10, 10, 10, 0.95);
    --bg-panel: rgba(34, 34, 34, 0.95);
    --text-main: #f5f5f5;
    --text-dim: #bdc3c7;
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-display: 'Cinzel', serif;
    --bg-main: #121212;
    --text-muted: #7f8c8d;
}

/* --- TŁO I TYPOGRAFIA --- */
body { 
    font-family: var(--font-main); 
    background-color: #121212; 
    background-image: linear-gradient(rgba(18, 18, 18, 0.8), rgba(18, 18, 18, 0.8)), url('../grafiki/tlo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--text-main); 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    margin: 0; 
    padding: 20px 20px 70px 20px; 
    overflow-x: hidden;
}

h1 { 
    color: var(--red); 
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 20px rgba(231, 76, 60, 0.8); 
    margin-bottom: 5px; 
    background: rgba(0,0,0,0.6);
    padding: 5px 20px;
    border-radius: 10px;
}

.subtitle { 
    color: #ddd; 
    margin-bottom: 20px; 
    font-size: 0.9em; 
    background: rgba(0,0,0,0.6); 
    padding: 5px 15px; 
    border-radius: 5px; 
}

/* --- SCROLLBAR (Do Legendy i Logów) --- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #777; }

.hidden {
    display: none !important;
}