/* Scoped till experimentets egen canvas i stagen. */
.aurora {
    display: block;
    background: #04060f;
    cursor: pointer;
    touch-action: none; /* klick ska skicka en solvindsby, inte scrolla */
}

/* Ljudknappen, nedre vanstra hornet (fullscreen ligger uppe till hoger). */
.aurora-sound {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 5;
    padding: 8px 14px;
    font: 600 11px/1 "Segoe UI", system-ui, sans-serif;
    letter-spacing: 0.14em;
    color: #d8f6ff;
    background: rgba(6, 18, 30, 0.55);
    border: 1px solid rgba(110, 220, 255, 0.4);
    border-radius: 6px;
    cursor: pointer;
}
.aurora-sound:hover {
    background: rgba(10, 30, 48, 0.7);
    border-color: rgba(110, 220, 255, 0.75);
    box-shadow: 0 0 12px rgba(80, 200, 255, 0.3);
}