/* --- EPIC TECH AI // HIGH-CONTRAST AFTER DARK --- */
:root {
    --cyan: #00f2ff;
    --magenta: #ff00ff;
    --black: #000000;
}

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

body {
    background-color: var(--black);
    color: #fff;
    overflow: hidden;
    cursor: crosshair;
}

/* --- THE INITIALIZER --- */
#setup-overlay {
    background: radial-gradient(circle at center, #0a0a0a 0%, #000000 100%);
}

#drop-zone {
    box-shadow: 0 0 60px rgba(0, 0, 0, 1), inset 0 0 30px rgba(0, 242, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.1);
}

#drop-zone:hover {
    border-color: var(--cyan);
    box-shadow: 0 0 50px var(--cyan);
    background: rgba(0, 242, 255, 0.05);
}

/* --- THE TUNNEL HUD --- */
#interface {
    background: var(--black);
}

/* Deep Field Mask: We've made this darker to help text visibility */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: radial-gradient(circle, transparent 15%, rgba(0,0,0,0.95) 100%);
    pointer-events: none;
    z-index: 5;
}

/* Neon Glow for HUD Text */
h1, h2, #hz-display {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.3), 0 0 30px var(--cyan);
}

.text-magenta-500 {
    text-shadow: 0 0 15px var(--magenta);
}

/* Link Visibility Overdrive */
a {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

a:hover {
    color: var(--cyan);
    text-shadow: 0 0 20px var(--cyan);
    transform: scale(1.1);
}

/* UI Accent Lines */
.border-l-8 {
    box-shadow: -10px 0 30px rgba(255, 0, 255, 0.4);
}

#launch-btn {
    text-shadow: 0 0 10px var(--cyan);
}