body{
margin:0;
height:100vh;
overflow:hidden;

background:#000;
color:#00ff00;
font-family: monospace;
}

/* HEADER */
header{
position:absolute;
top:30px;
width:100%;
text-align:center;
z-index:2;
}

header h1{
font-size:42px;
color:#00ff00;
text-shadow:0 0 10px #00ff00;
}

header p{
font-size:18px;
opacity:0.85;
margin-top:8px;
}

/* LEFT STATS PANEL */
#stats{
position:absolute;
left:20px;
top:120px;

width:260px;

background:#000;
border:1px solid #00ff00;

padding:25px;
border-radius:8px;

font-size:18px;
line-height:2.2;

z-index:2;

box-shadow:0 0 20px rgba(0,255,0,0.2);
}

#stats span{
display:block;
font-size:22px;
font-weight:bold;
color:#00ff00;
text-shadow:0 0 6px #00ff00;
}

/* BUTTON */
#startBtn{
position:absolute;
bottom:30px;
left:50%;
transform:translateX(-50%);

padding:12px 24px;
font-size:16px;

background:#000;
color:#00ff00;

border:1px solid #00ff00;
border-radius:4px;

cursor:pointer;

z-index:2;

transition:0.2s ease;
}

#startBtn:hover{
background:#00ff00;
color:#000;
box-shadow:0 0 15px #00ff00;
}

#startBtn:active{
transform:translateX(-50%) scale(0.95);
}

/* CANVAS */
canvas{
position:absolute;
top:0;
left:0;
z-index:1;
background:#000;
}