body{

background:#050812;

color:white;

font-family:Arial;

margin:0;

}



.topbar{

display:flex;

justify-content:space-between;

padding:15px 30px;

background:black;

border-bottom:1px solid #00ffcc;

}



.logo{

color:#00ffcc;

font-size:22px;

font-weight:bold;

}



.hero{

text-align:center;

padding:40px;

}



.container{

display:grid;

grid-template-columns:repeat(auto-fit,220px);

gap:30px;

justify-content:center;

padding:20px;

}



.game{

background:#0c1222;

padding:10px;

border-radius:10px;

cursor:pointer;

transition:.3s;

}



.game:hover{

transform:scale(1.08);

box-shadow:0 0 20px #00ffcc;

}



.game img{

width:100%;

border-radius:10px;

}



.box{

width:420px;

margin:auto;

margin-top:60px;

background:#0c1222;

padding:30px;

border-radius:12px;

text-align:center;

}



#gameImg{

width:120px;

margin-bottom:10px;

border-radius:10px;

}



input,select{

width:100%;

padding:12px;

margin:10px 0;

background:#050812;

border:1px solid #00ffcc;

color:white;

}



button{

background:#00ffcc;

border:none;

padding:14px;

width:100%;

font-weight:bold;

cursor:pointer;

}



#terminal{

display:none;

background:black;

padding:15px;

height:200px;

overflow:auto;

margin-top:20px;

font-family:monospace;

}



#verify{

display:none;

margin-top:20px;

}



footer{

text-align:center;

padding:20px;

border-top:1px solid #00ffcc;

margin-top:40px;

}