/* The conference screen: the dashboard as it is, without the parts that are only there to be
   clicked. Nothing is restyled; things are hidden. */
body.kiosk .zs-rail,
body.kiosk .ibtn, body.kiosk .idrawer,
body.kiosk .sbox,
body.kiosk .switches,
body.kiosk .toolbtns,
body.kiosk .controls .bar,
body.kiosk .scard .smore,
body.kiosk .scard .spair,
body.kiosk .scard .sx,
body.kiosk .sp-bar button,
body.kiosk .st-pres .sp-bar button,
body.kiosk .maplibregl-ctrl-top-right, body.kiosk .maplibregl-ctrl-bottom-right .maplibregl-ctrl-group { display: none !important; }

/* The hero's choice is the way in; on this screen it is pressed for you. */
body.kiosk .choices .choice { pointer-events: none; }
body.kiosk .choices .carrow { opacity: 0; }

/* The hero's headline numbers. */
body.kiosk .hero p b { color: var(--ink, #F2E7DA); font-family: 'Geist Mono', ui-monospace, monospace; font-weight: 500; font-variant-numeric: tabular-nums; }

/* The keynote's progress stays; the buttons go. */
body.kiosk .sp-bar { pointer-events: none; }
body.kiosk .sp-dots { flex: 1; }

/* Touched: a quiet mark in the corner while the screen is paused. */
body.kiosk.k-paused::after {
  content: 'Paused · it carries on by itself'; position: fixed; right: 22px; bottom: 18px; z-index: 9999;
  font: 500 11px/1 'Geist Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase;
  color: rgba(242,231,218,.72); background: rgba(5,8,12,.55); border: 1px solid rgba(242,231,218,.18);
  border-radius: 999px; padding: 9px 13px; backdrop-filter: blur(14px);
}

/* No text selection or callouts on a touch screen. */
body.kiosk { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; cursor: default; }
body.kiosk.k-paused { cursor: auto; }