/* stage.css — the stage (PLAN-1031-buehne B1, 1018c-Q745 a): the audience view shows the page alone; the presenter bar sits in the thumb
   zone at the bottom; the curtain covers the audience view. Identical copy in friendly-apps-home and site.
   version: 1.0.0 · created 2026-10-31 by Pascal Ehlig, ITS · edited 2026-10-31 by Pascal Ehlig, ITS */
[data-stage="audience"] header.top,[data-stage="audience"] footer,[data-stage="audience"] [data-gwydion-pi],[data-stage="audience"] .gw-onair,
[data-stage="audience"] .lleu-panel,[data-stage="audience"] [data-gwydion-seed],[data-stage="audience"] .dock-lleu,[data-stage="audience"] .dock-pi,
[data-stage="audience"] .gx-float,[data-stage="audience"] dialog,[data-stage="audience"] .lm-mega,[data-stage="audience"] .pen-pad,
[data-stage="audience"] .tabs,[data-stage="audience"] .fold-dock{display:none!important}
[data-stage="audience"] body{cursor:none}
[data-stage="audience"] main{padding-top:4vh}
[data-stage-now]{scroll-margin-top:var(--head-h,72px)}
[data-stage="audience"] [data-stage-now]{scroll-margin-top:4vh}
.stage-curtain{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#0b1520;color:#e8eef4;font-size:clamp(1.2rem,3vw,2.4rem);
  font-weight:700;letter-spacing:.02em;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
[data-stage-curtain] .stage-curtain{opacity:1;visibility:visible;transition:opacity .45s ease}
.stage-bar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147482000;display:flex;flex-wrap:wrap;
  align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 12px;border:1px solid var(--border,#d9dee5);border-radius:16px;background:var(--surface,#fff);
  color:var(--text,#102a43);box-shadow:0 12px 32px rgb(16 42 67 / .22)}
.stage-btn{min-height:44px;padding:0 14px;border:1px solid var(--border,#d9dee5);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer}
.stage-btn:hover{border-color:var(--accent,#fb683e)}.stage-btn:focus-visible{outline:3px solid var(--focus,#2563eb);outline-offset:2px}
.stage-btn[aria-pressed="true"]{background:var(--action,#102a43);color:var(--on-action,#fff);border-color:var(--action,#102a43)}
.stage-next{background:var(--action,#102a43);color:var(--on-action,#fff);border-color:var(--action,#102a43)}
.stage-pos,.stage-clock{font-variant-numeric:tabular-nums;color:var(--muted,#5b6b7b);font-size:.9rem;padding:0 4px}
.stage-notes{flex:1 1 14rem;min-width:10rem;min-height:44px;padding:8px 10px;border:1px solid var(--border,#d9dee5);border-radius:10px;font:inherit;font-size:.9rem;resize:vertical}
.stage-end{color:var(--danger,#b42318)}
[data-stage="presenter"] [data-stage-now]{outline:3px dashed var(--accent,#fb683e);outline-offset:6px;border-radius:6px}
@media (max-width:34rem){.stage-bar{left:12px;right:12px;transform:none}.stage-notes{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.stage-curtain{transition:none}}