body{
margin:0;
background:black;
color:#00ffcc;
font-family:monospace;
}

.cinema{
display:flex;
align-items:center;
justify-content:center;
height:100vh;
background:radial-gradient(circle,#001a1a,black);
}

.overlay{
position:fixed;
width:100%;
height:100%;
background:radial-gradient(circle,transparent,black 80%);
}

.intro{
text-align:center;
}

.signature{
font-size:12px;
color:#777;
}

.layout{
display:grid;
grid-template-columns:300px 1fr 300px;
height:100vh;
}

.left,.right{
padding:20px;
border-right:1px solid #111;
}

.right{
border-left:1px solid #111;
border-right:none;
}

.center{
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.map{
position:absolute;
width:100%;
height:100%;
background:radial-gradient(circle,#002222,black);
opacity:0.3;
}

.radar{
width:400px;
height:400px;
border:1px solid #00ffcc;
border-radius:50%;
animation:pulse 3s infinite;
}

@keyframes pulse{
0%{transform:scale(0.8);opacity:0.6}
100%{transform:scale(1.5);opacity:0}
}

.core{
position:absolute;
}

.item{
padding:10px 0;
border-bottom:1px solid #111;
}

.status{
margin-bottom:10px;
}

.red{
color:#ff4444;
}

.article{
border:1px solid #111;
padding:20px;
margin:20px;
}