body {
    font-family:sans-serif;
      text-align:center;
    margin-top:50px;
    background-image: url("baground-game.jpg");
    background-size: cover;
}


h2{
    font-size:28px;
    margin-bottom:5px;
      text-transform: lowercase;


}




#popsupp{
    display:none;
    position:fixed;

    top:0; left:0;
    width:100% ; height:100%;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(3px);
}

#popupboxx{
      background:#FFFFFF33;
      border:2px solid rgba(255,255,255,0.5);
       border-radius :20px;
    position:absolute;
     font-size: 25px;
     color: #fff;
     top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
    padding: 30px 40px;

}


#popupboxx button {
    margin-top:20px;
      padding:10px 20px;
      border: 2px solid;
    border-radius: 7px;
      color: #fff;
    background: rgba(0,0,0,0.4);
      cursor:pointer;
    font-size:15px;

}




#popupboxx button:hover {
    background: rgba(0,0,0,0.7);
}



#msg{
      font-size:16px;
     margin-bottom:10px;
     color:#fff;
      text-shadow: 1px 1px 2px #000;
}

#wrap{
    margin:15px;
    display:inline-grid;
    grid-template-columns:repeat(3, 80px);
    gap:3px;
}

.sq {
    width: 80px;
    height:80px;
      font-size :32px;
    font-weight:bold;
     cursor:pointer;
        border-radius: 10px;
    border: 2px solid #000;
    background:#fff;


}


.sp:hover { background: #eee;}
#rst {
    padding:5px 12px;
    font-size:14px;
}


#rst {
       margin-top: 15px;
    padding: 8px;
       font-size:14px;
    border:2px solid #fff;
      border-radius: 5px;
     background: rgba(0,0,0,0.4);
     color:#fff;
       cursor: pointer;
     
       
}


#rst:hover {
    background: rgba(0,0,0,0.6);
}


#credit {
    position:fixed;
    bottom:12px;
    right: 15px;
    font-size: 15px;
    color:#fff;


}



#pts {
      font-weight:bold;
    display:flex;
    justify-content:center;
     gap:20px;
font-size:18px;
    color: #fff;                           



}




.xcolor{ color:red;}
.ocolor{ color:blue;}



.winner {
    background:whitesmoke;
    border: 3px solid gold;
}