.section-button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

.section-button:hover {
    background-color: #45a049;
}

.sections {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 120px auto; /* increased top spacing to move sections down */
    max-width: 1000px; /* controls how far apart the items can spread */
    padding: 0 24px;
}

.section {
    flex: 1 1 30%; /* make sections take equal available space */
    min-width: 200px;
    text-align: center;
    margin: 8px;
}

.section-text {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    color: #333333;
    margin-top: 8px;
}

.section-title {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 36px;
    color: #222222;
    margin-bottom: 20px;
}

/* Game-like visual enhancements */
:root{
    --bg-1: #000000;
    --bg-2: #1b1b2f;
    --accent: #ffd700;
    --muted: #c0c0c0;
    --retro-green: #00ff00;
    --retro-blue: #0080ff;
    --retro-red: #ff0000;
}

html,body{height:100%;}
body{
    margin:0;
    font-family: 'Press Start 2P', monospace;
    background: radial-gradient(circle at center, var(--bg-2) 0%, var(--bg-1) 100%);
    color:#ffffff;
    -webkit-font-smoothing: none; /* for pixelated look */
    image-rendering: pixelated;
    min-height: 100vh;
    padding: 20px;
}

.game-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:28px 36px;
}

.title-text {
    font-size: 24px;
    font-weight: 400;
    color: var(--accent);
    font-family: 'Press Start 2P', monospace;
    text-align: center;
    margin-top: 80px;
    text-shadow: 2px 2px 0px #000;
}

.hud{display:flex;gap:12px;align-items:center}
.score{background:rgba(255,255,255,0.06);padding:8px 12px;border-radius:8px;color:var(--accent);font-weight:600}

.sections {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 80px auto 40px; /* reduced top margin, added bottom margin */
    max-width: 1000px; /* controls how far apart the items can spread */
    padding: 0 24px;
}

.section {
    flex: 1 1 30%; /* make sections take equal available space */
    min-width: 200px;
    text-align: center;
    margin: 8px;
    background: var(--retro-green);
    border: 4px solid #000;
    padding: 20px;
    box-shadow: 4px 4px 0px #000;
    transition: none; /* remove smooth transitions for pixel look */
}

.section:nth-child(2) {
    background: var(--retro-blue);
}

.section:nth-child(3) {
    background: var(--retro-red);
}

.section-image {
    width: 100%;
    height: auto;
    border: 2px solid #000;
    margin-top: 12px;
    image-rendering: pixelated;
}

.section-text {
    font-family: 'Press Start 2P', monospace;
    font-size: 12px;
    color: #000;
    margin-top: 8px;
    margin-bottom: 8px;
}

.section-button {
    background: #ffff00;
    border: 4px solid #000;
    color: #000;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 8px 0;
    cursor: pointer;
    font-family: 'Press Start 2P', monospace;
    box-shadow: 4px 4px 0px #000;
    transition: none;
}

.section-button:hover {
    background: #ffaa00;
}

/* Overlay modal */
.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,6,12,0.6);backdrop-filter: blur(3px);z-index:1000}
.overlay.hidden{display:none}
.overlay-modal{background:linear-gradient(180deg,#ffffff 0%, #f0f3f5 100%);color:#071129;padding:28px;border-radius:12px;min-width:280px;text-align:center;box-shadow:0 12px 40px rgba(2,6,23,0.6)}
.overlay-title{font-size:20px;font-weight:700;color:#0b2545;margin-bottom:8px}
.overlay-message{color:#334155;margin-bottom:8px}
.countdown{font-size:48px;font-weight:800;color:#0b2545}
.overlay-cancel{margin-top:12px;padding:8px 14px;border-radius:8px;border:1px solid #e6eaf0;background:#fff;color:#0b2545;cursor:pointer}

/* Footer */
.site-footer{margin-top:120px;padding:18px 0;background:linear-gradient(180deg,rgba(255,255,255,0.03),transparent);color:var(--muted)}
.footer-inner{max-width:1100px;margin:0 auto;text-align:center}
.site-footer a{color:var(--muted);text-decoration:underline}

/* Responsive adjustments */
@media (max-width:800px){
    .sections{flex-direction:column;gap:16px;max-width:560px;margin:40px auto}
    .title-text{font-size:16px}
}

/* Footer */
.site-footer{
    margin-top: 100px;
    padding: 18px 0;
    background: var(--bg-1);
    color: var(--muted);
    font-family: 'Press Start 2P', monospace;
    font-size: 10px;
    border-top: 4px solid #000;
}
.footer-inner{max-width:1100px;margin:0 auto;text-align:center}
.site-footer a{color:var(--accent);text-decoration:none}