/* Crowdpit fullscreen (public/fullscreen.js): a button in the side header, an exit button over the stage while fullscreen. */
#stage { position: relative; }
.fs-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--line, #243044);
  background: rgba(20,26,38,0.6); color: var(--muted, #8fa0b8); cursor: pointer; font: 700 12px/1 "Rajdhani", system-ui, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; }
.fs-btn:hover, .fs-btn:focus-visible { color: var(--accent, #35e0ff); border-color: rgba(53,224,255,0.5); outline: none; }
.fs-btn svg, .fs-exit svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.fs-exit { display: none; position: absolute; top: 84px; right: 14px; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.14);
  background: rgba(8,11,18,0.62); color: #c7d0dc; cursor: pointer; place-items: center; opacity: 0.5; z-index: 6; }
.fs-exit:hover, .fs-exit:focus-visible { opacity: 1; color: #35e0ff; border-color: rgba(53,224,255,0.5); outline: none; }
#stage.fs-on .fs-exit { display: grid; }
#stage:fullscreen, #stage:-webkit-full-screen { padding: 0; background: #0b0e14; }
#stage:fullscreen #c, #stage:-webkit-full-screen #c { width: min(100%, calc(100vh * var(--ar, 1.7778))); max-width: none; border-radius: 0; }