/* Ghost Run! page rules (owner: game): only the layout ArenaHud, Ghost and DialogCard leave to the page. */

/* ---------- Lobby (#sheet-play-body): one column, the container spaces its parts ---------- */
.lobby{display:flex;flex-direction:column;gap:var(--sp-3)}
.lobby>*{margin:0}

/* ---------- Arena ---------- */
/* No showModal(): sheets.js sets [open] + .is-fallback; the arena still covers the page (gap S9). */
.bf-arena-hud.is-fallback{z-index:var(--z-dialog)}

/* ---------- Results (#results-body sits between the panel and its parts) ---------- */
/* DialogCard spaces these as direct children of its panel; here they are children of #results-body. */
#results-body>.bf-dialog-card__note{margin-top:var(--sp-2)}
#results-body>.bf-surface--callout{margin:0 0 var(--sp-2);text-align:center}
/* The carve form on its Surface row: the fields stack (Surface sets only the ground). */
.res-form{display:grid;gap:var(--sp-3)}
/* Carve my name is the results card's main choice while a name can still be carved (results.js
   layoutActions): a secondary button with a spectral edge and glow (the light language's live/game
   light). The glow is a pre-blurred shadow on ::after whose opacity breathes; Calm clamps it. */
.res-share-slot{display:grid}
.res-share-slot:empty{display:none}
#results .res-carve-cta{position:relative;border:var(--stroke-bold) solid var(--live);color:var(--text)}
#results .res-carve-cta::after{content:"";position:absolute;inset:calc(-1 * var(--stroke-bold));border-radius:inherit;box-shadow:var(--glow-spectral),var(--glow-spectral);pointer-events:none}
@media (hover:hover){#results .res-carve-cta:hover{border-color:var(--live);background:var(--surface-2)}}
@media (prefers-reduced-motion:no-preference){
  #results .res-carve-cta::after{animation:res-cta-glow var(--dur-pulse) var(--ease-loop) infinite alternate}
  @keyframes res-cta-glow{from{opacity:var(--opacity-pulse)}to{opacity:1}}
}
/* The pause button's focus ring sits inside its edge: the 44px button in the 52px bar would otherwise ring past the
   bar onto the time bar (owner, Oct 16). Opening the Arena focuses the playfield (autofocus), not this button. */
.bf-arena-hud__bar .bf-arena-hud__pause:focus-visible{outline-offset:calc(-1 * var(--ring))}