:root {
    --bg: #0000aa; /* Retro blue */
    --text: #ffffff;
    --accent: #ffff00;
    --font: 'Press Start 2P', cursive;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #000; color: var(--text); font-family: var(--font); height: 100vh; display: flex; align-items: center; justify-content: center; }

/* CRT Effect */
.crt-overlay {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; pointer-events: none;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 4px, 3px 100%;
    animation: flicker 0.15s infinite;
}
@keyframes flicker {
    0% { opacity: 0.95; } 5% { opacity: 0.85; } 10% { opacity: 0.95; } 15% { opacity: 1; } 100% { opacity: 1; }
}

.game-container {
    width: 800px; height: 600px; background: var(--bg); border: 10px solid #555; border-radius: 10px;
    padding: 2rem; position: relative; box-shadow: 0 0 50px rgba(0,0,255,0.5);
}

.top-hud { display: flex; justify-content: space-between; font-size: 1.2rem; margin-bottom: 5rem; }
.blink { animation: blink 1s infinite; }
@keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }

.main-screen { text-align: center; }
.main-screen h1 { font-size: 3rem; color: var(--accent); margin-bottom: 2rem; text-shadow: 4px 4px 0 #000; }
.bounce-up { animation: bounce 2s infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

.main-screen p { font-size: 1.2rem; margin-bottom: 4rem; line-height: 1.5; }

.menu { display: inline-block; text-align: left; }
.menu-item { font-size: 1.5rem; margin-bottom: 1.5rem; cursor: pointer; transition: 0.1s; padding: 10px; }
.menu-item:hover { color: var(--accent); }
.menu-item.active { color: var(--accent); }

.sprite { font-size: 4rem; margin-top: 3rem; display: inline-block; }
.jump-anim { animation: spriteJump 1s steps(2, end) infinite; }
@keyframes spriteJump { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } }

@media (max-width: 850px) {
    .game-container { width: 100%; height: 100vh; border: none; }
    .main-screen h1 { font-size: 2rem; }
}