*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    overflow:hidden;
    background:#030712;
    font-family:Arial,sans-serif;
}

canvas{
    display:block;
}

#overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:20;
    padding:12px;
    pointer-events:none;
}

.card{
    background:rgba(0,0,0,0.55);
    border:1px solid rgba(255,255,255,0.08);
    color:white;
    padding:16px;
    border-radius:18px;
    backdrop-filter:blur(12px);
    width:100%;
    max-width:360px;
}

.card h1{
    font-size:24px;
    margin-bottom:10px;
}

.card p{
    line-height:1.5;
    opacity:0.9;
}

.controls{
    margin-top:14px;
    line-height:1.7;
    opacity:0.8;
}