/* style.css */
body { margin: 0; overflow: hidden; background-color: #000; color: #fff; font-family: 'Montserrat', sans-serif; user-select: none; }
canvas { display: block; }

/* VİDEOLAR */
.fullscreen-video { 
    position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; 
    width: auto; height: auto; object-fit: cover; z-index: -1;
}

/* YAZI TİPLERİ */
.orbitron { font-family: 'Orbitron', sans-serif; }
.mono { font-family: 'Share Tech Mono', monospace; }

/* HUD KUTULARI (Faz 2 ve 4 için) */
#ui-layer { position: absolute; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.hud-box { 
    position: absolute; padding: 15px; border: 1px solid rgba(255,140,0,0.3);
    background: rgba(10,10,10,0.6); backdrop-filter: blur(4px);
}
.top-left { top: 30px; left: 30px; }
.bottom-right { bottom: 30px; right: 30px; text-align: right; }

.hud-title { display: block; border-bottom: 1px solid #555; margin-bottom: 5px; font-weight: bold; color: #fff; font-family: 'Orbitron'; }
.data-row { display: flex; justify-content: space-between; gap: 20px; font-size: 0.9rem; font-family: 'Share Tech Mono'; color: #ff8c00; }

/* MERKEZİ SAYAÇ */
#center-content {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; z-index: 20; pointer-events: none;
}
#main-counter { font-family: 'Orbitron'; font-size: 4rem; font-weight: 700; text-shadow: 0 0 20px rgba(255,255,255,0.5); }
#elapsed-years { font-family: 'Share Tech Mono'; color: #ff8c00; letter-spacing: 2px; margin-bottom: 10px; font-size: 1.2rem; }
#sub-counter { font-family: 'Share Tech Mono'; font-size: 1.2rem; color: #ff6347; margin-top: 10px; }

/* ALTYAZI */
#subtitle-container {
    position: absolute; bottom: 15%; width: 100%; text-align: center;
    font-family: 'Montserrat'; font-style: italic; font-size: 1.3rem;
    text-shadow: 0 2px 5px #000; color: #eee; z-index: 30;
}

/* GEÇİŞ BUTONU */
.next-phase-btn {
    position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
    background: rgba(0,0,0,0.5); border: 1px solid #ff8c00; color: #ff8c00;
    padding: 10px 20px; font-family: 'Share Tech Mono'; cursor: pointer;
    z-index: 999; transition: 0.3s; pointer-events: all; letter-spacing: 2px;
}
.next-phase-btn:hover { background: #ff8c00; color: #000; box-shadow: 0 0 15px #ff8c00; }

/* GİRİŞ EFEKTİ */
body { animation: fadeIn 2s ease-in; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }