/* ===========================================================================
   Ember background effect (particles.js)
   Rising red embers, based on https://codepen.io/naraku3232/pen/MjQpdd
   Renders on a fixed, transparent layer behind all content — it does NOT
   paint a background of its own, so the page's own background is preserved.
   Activated only on pages whose <body> carries the `fire-fx` class
   (see game.php — applied to the Dark Island landing page).
   ===========================================================================*/

.embers-fx-layer {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background: transparent;
}

/* particles.js injects a <canvas> into this container. */
.embers-fx-layer #particles-js {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.embers-fx-layer #particles-js canvas {
    display: block;
    vertical-align: bottom;
}
