:root { --terminal-green: #4af626; --army-green: #1a2318; --bg-black: #050505; }
body, html { margin: 0; padding: 0; background: var(--bg-black); color: var(--terminal-green); font-family: 'Courier New', monospace; overflow: hidden; }
.hidden { display: none !important; }
.scanlines { position: fixed; width: 100%; height: 100%; background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.1) 50%); background-size: 100% 3px; pointer-events: none; z-index: 1000; opacity: 0.2; }
#login-screen { position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 500; background: #000; }
.terminal-box { border: 2px solid var(--terminal-green); padding: 40px; background: #050505; text-align: center; }
.terminal-box input { display: block; width: 100%; margin: 10px 0; background: transparent; border: 1px solid var(--terminal-green); color: var(--terminal-green); padding: 10px; }
.hud-overlay, .hud-side, .interaction-menu { position: absolute; z-index: 100; padding: 20px; }
.hud-side { top: 120px; left: 0; border-left: 3px solid var(--terminal-green); }
.interaction-menu { bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; }
.bar-outer { width: 200px; height: 10px; border: 1px solid var(--terminal-green); }
#stamina-fill { background: var(--terminal-green); height: 100%; width: 100%; }
.btn-tactical, .btn-inv { background: var(--army-green); color: var(--terminal-green); border: 1px solid var(--terminal-green); cursor: pointer; padding: 10px; text-transform: uppercase; }
.btn-tactical:hover { background: var(--terminal-green); color: #000; }

#game-container {
    background-color: #1a2318; /* A dark army green fallback if the image fails */
    width: 100vw;
    height: 100vh;
}

canvas {
    display: block; /* Removes weird spacing at the bottom */
}

/* style.css */
.army-button {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    background-color: #2b3a26;
    color: #4af626;
    border: 2px solid #4af626;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    cursor: pointer;
    z-index: 100; /* Ensures it stays above the game */
    text-transform: uppercase;
}

.army-button:hover {
    background-color: #4af626;
    color: #1a2318;
}