/* style.css */
:root { --bg: linear-gradient(to bottom, #0a0a0a, #0f0303); --gold: #c5a059; --text: #e0e0e0; }

body { color: var(--text);background: var(--bg); min-height: 100vh; color: var(--text); font-family: 'Crimson Text', serif; margin: 0; padding: 0; }

h1, h2, h3, nav a { font-family: 'UnifrakturCook', cursive; color: var(--gold); }

h1 { font-size: 5em; margin: 0; text-shadow: 2px 2px 10px #000; text-align: center; }
h1 a {
    text-decoration: none;
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
}


nav { text-align: center; margin-top: 40px; }
nav a { font-size: 1.8em; text-decoration: none; margin: 0 20px; }
nav a:hover { text-decoration: underline; }

.content { max-width: 800px; margin: 60px auto; padding: 0 40px; }

/* Banner Styling */
.banner { background-size: cover; background-position: center var(--focus-y, 50%); height: 400px; display: flex; align-items: center; justify-content: center; position: relative; }
.banner::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); }
.banner-content { position: relative; z-index: 2; text-align: center; }

/* Project/DevLog/Scripture Styling */
.project, .entry { background: #121212; border: 1px solid #333; max-width: 800px; margin: 60px auto 30px auto; padding: 30px; }
.launch-btn { display: inline-block; background: var(--gold); color: #000; padding: 10px 20px; text-decoration: none; font-weight: bold; }
.scripture { border-left: 3px solid var(--gold); padding-left: 20px; font-style: italic; color: #aaa; margin: 30px 0; }
.date { color: var(--gold); font-weight: bold; font-size: 1.3em; }
.footer{text-align: center; margin-top:80px; font-size:0.8em; color: #555; padding-bottom: 40px;}

/* Section Dividers */
.section-divider {
    border: none;
    border-top: 2px solid var(--gold);
    margin: 60px auto;
    max-width: 800px;
    opacity: 0.6;
}

/* Enhanced Headings */
.content h3 {
    font-size: 2em;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

/* Enhanced Tags */
.tag {
    background: transparent;
    border: 2px solid var(--gold);
    color: var(--gold);
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.85em;
    letter-spacing: 2px;
}

/* Game Cards */
.game-card {
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.game-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.15);
}

/* Launch Button Enhancement */
.launch-btn {
    display: inline-block;
    background: var(--gold);
    color: #000;
    padding: 12px 25px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    border: 2px solid var(--gold);
    transition: all 0.3s ease;
}

.launch-btn:hover {
    background: transparent;
    color: var(--gold);
}

.game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}