/* Ana Oyun için temel stiller ve CRT efektleri */
body {
    font-family: 'VT323', monospace;
    background-color: #000;
    color: #0dff00;
    text-shadow: 0 0 4px rgba(13, 255, 0, 0.7);
}
.terminal-box {
    box-shadow: 0 0 15px rgba(13, 255, 0, 0.6), 0 0 20px rgba(13, 255, 0, 0.4) inset;
    border-color: rgba(13, 255, 0, 0.7);
    transform: perspective(2000px) rotateX(1deg);
}
.hacker-button {
    background-color: rgba(13, 255, 0, 0.2);
    border: 1px solid rgba(13, 255, 0, 0.7);
    transition: all 0.3s ease;
    text-shadow: 0 0 3px #0dff00;
}
.hacker-button:hover:not(:disabled) {
    background-color: rgba(13, 255, 0, 0.9);
    color: #000;
    text-shadow: none;
    box-shadow: 0 0 15px #0dff00;
}
.hacker-button:disabled { opacity: 0.4; cursor: not-allowed; }
.scanlines::before {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) 1px, transparent 1px, transparent 3px);
    pointer-events: none; z-index: 50;
}
body::after {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    box-shadow: inset 0 0 150px rgba(0,0,0,0.7);
    pointer-events: none; z-index: 50;
}
@keyframes flicker {
    0%, 99.4%, 100% { opacity: 1; text-shadow: 0 0 4px rgba(13, 255, 0, 0.7); }
    99.5% { opacity: 0.7; text-shadow: none; }
    99.7% { opacity: 1; text-shadow: 0 0 4px rgba(13, 255, 0, 0.7); }
}
.crt-effect { animation: flicker 3s infinite linear; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.blinking-cursor { animation: blink 1s step-end infinite; }

.admin-input, .admin-select {
    background: rgba(0, 20, 0, 0.5); border: 1px solid rgba(13, 255, 0, 0.4);
    color: #0dff00; padding: 12px; transition: all 0.3s ease;
}
.admin-input:focus, .admin-select:focus {
    outline: none; border-color: #0dff00; box-shadow: 0 0 10px #0dff00;
}

#profile-pic { animation: image-glitch 5s infinite linear; box-shadow: 0 0 15px rgba(13, 255, 0, 0.5); }
@keyframes image-glitch {
    0%, 98%, 100% { opacity: 1; filter: none; }
    98.5% { opacity: 0.6; filter: hue-rotate(90deg) saturate(2); transform: translateX(2px); }
    99% { opacity: 0.8; filter: grayscale(1); transform: translateX(-2px); }
    99.5% { opacity: 0.7; filter: sepia(1); }
}

@keyframes move-border-top { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.animated-border-top {
    position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: #0dff00; animation: move-border-top 2s linear infinite;
}
@keyframes move-border-right { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } }
.animated-border-right {
    position: absolute; top: 0; right: 0; width: 2px; height: 100%;
    background: #0dff00; animation: move-border-right 2s linear infinite; animation-delay: 1s;
}

.suspect-card { border-color: rgba(13, 255, 0, 0.4); transition: all 0.3s ease; }
.suspect-card:hover { border-color: #0dff00; box-shadow: 0 0 10px rgba(13, 255, 0, 0.7); transform: translateY(-5px); }
.suspect-card.selected { border-color: #ff0000; background-color: rgba(255, 0, 0, 0.1); box-shadow: 0 0 15px rgba(255, 0, 0, 0.8); }
.suspect-card.cleared { opacity: 0.5; cursor: not-allowed; filter: grayscale(80%); pointer-events: none; }

.suspect-card img {
    aspect-ratio: 1 / 1;
}

#dossier-panel { border-color: rgba(13, 255, 0, 0.4); }
.dossier-item { min-height: 24px; }

.modal-overlay, .modal-window {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}
.modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.8); backdrop-filter: blur(5px);
    z-index: 60;
}
.modal-window {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 70; width: 90%; max-width: 600px;
}
.modal-overlay.visible, .modal-window.visible {
    opacity: 1;
    pointer-events: auto;
}

.modal-input {
    background: rgba(0, 20, 0, 0.8);
    border: 1px solid rgba(13, 255, 0, 0.4);
    color: #fff;
}

/* YENİ: Tutukla butonu aktif olduğunda dikkat çekici hale gelir */
@keyframes pulse-arrest {
  0%, 100% {
    box-shadow: 0 0 10px #ff4d4d;
    border-color: rgba(255, 77, 77, 0.8);
  }
  50% {
    box-shadow: 0 0 20px #ff0000, 0 0 8px #ff4d4d inset;
    border-color: #ff0000;
  }
}

#arrest-button:not(:disabled) {
  background-color: rgba(255, 0, 0, 0.2);
  border-color: rgba(255, 0, 0, 0.7);
  color: #ff8a8a;
  text-shadow: 0 0 5px #ff0000;
  animation: pulse-arrest 1.5s infinite;
}