body {

    margin:0;
    background:#020617;
    color:white;
    font-family:Arial,sans-serif;

    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

}


.game-container {

    text-align:center;

}


canvas {

    background:
    radial-gradient(circle,#1e3a8a,#020617);

    border:3px solid #38bdf8;

    border-radius:12px;

    max-width:95vw;

}


.info {

    display:flex;

    justify-content:center;

    gap:30px;

    font-size:18px;

}



.hint {

    color:#94a3b8;

}



#result-card {

    position:fixed;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    background:#111827;

    border:2px solid #38bdf8;

    border-radius:15px;

    padding:25px;

    width:260px;

}


.hidden {

    display:none;

}



button {

    background:#2563eb;

    color:white;

    border:none;

    padding:12px 25px;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

}


button:hover {

    background:#1d4ed8;

}