body {
    margin:0;
    background:#000;
    color:#fff;
    font-family: system-ui, -apple-system, Arial, sans-serif;

}

.wrap {
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px;

}

canvas {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 12px;
    background: rgba(255,255,255,0.03);

}

.hud {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    opacity:0.9;

}

.btn {
    padding:10px 14px;
    border-radius:12px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    font-weight:700;
}

.small {
    font-size:12px;
    opacity:0.75;
    text-align:center;
    max-width:720px;

}