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:linear-gradient(#0f172a,#312e81);

    border:3px solid #38bdf8;

    border-radius:12px;

    max-width:95vw;

}


.info {

    display:flex;
    justify-content:center;
    gap:30px;

}


.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;

}


.hidden {

    display:none;

}


button {

    background:#2563eb;

    color:white;

    border:0;

    padding:12px 25px;

    border-radius:8px;

    cursor:pointer;

}