html, body {
    height: 100%;
    margin: 0;
    background:#111;
    color:#eee;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    flex-direction:column;
    gap:12px;
}


canvas {
    width: 800px;
    height:500px;
    background: #0b1220;
    border:1px solid #334;
    box-shadow: 0 6px 24px rgba(0,0,0,0.45);
}

.bar {
    display:flex;
    gap:12px;
    align-items:center;
}

.btn {
    padding:8px 12px;
    background:#223;
    border:1px solid #445;
    color:#cfe;
    cursor:pointer;
    border-radius:8px;
}

.btn:hover {
    background:#2a3858;
}

.hint {
    opacity:0.8;
    font-size:14px;
}