* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #050a14;
    font-family: 'Orbitron', monospace;
}

#canvas {
    display: block;
    width: 100%;
    height: calc(100% - 36px);
    cursor: crosshair;
}

#controls {
    display: none;
}

#footer {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: linear-gradient(180deg, #0a0f1a, #050a14);
    border-top: 1px solid #ff006620;
    font-family: 'Orbitron', monospace;
}

#footer .geo-symbols {
    color: #ff0066;
    font-size: 14px;
    letter-spacing: 8px;
}

#footer a {
    color: #ffd70088;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: color 0.3s;
}

#footer a:hover {
    color: #ffd700;
}