*{margin:0;padding:0;box-sizing:border-box}
  html,body{width:100%;height:100%;overflow:hidden;background:#0b1220;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#e6edf6}
  #stage{position:relative;width:1280px;height:720px;transform-origin:0 0}
  .hdr{position:absolute;left:46px;top:20px;z-index:5}
  .kick{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fc;font-weight:800}
  .ttl{font-size:24px;font-weight:800;margin-top:5px}
  .ttl .acc{background:linear-gradient(120deg,#0c4a8c,#1769b3 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
  /* Akt-Banner oben mittig */
  #act{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-size:14px;font-weight:800;
    letter-spacing:.10em;padding:8px 20px;border-radius:999px;border:1px solid #22304e;background:#111c38;color:#cbd5e1;z-index:6;text-transform:uppercase}
  #phase{position:absolute;right:46px;top:24px;font-size:14px;font-weight:800;padding:8px 15px;border-radius:999px;
    border:1px solid #22304e;background:#111c38;color:#cbd5e1;transition:background .3s,color .3s,border-color .3s;max-width:430px;text-align:right;z-index:5}
  #hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:14px;font-weight:700;
    color:#dbe6f5;background:#111c38;border:1px solid #2a3b59;border-radius:999px;padding:9px 20px;
    opacity:0;transition:opacity .35s;z-index:8;pointer-events:none;white-space:nowrap}
  #hint b{color:#7dd3fc}
  body.clickable{cursor:pointer}
  svg{position:absolute;left:0;top:0}
  .lab{fill:#cbd5e1;font-size:13px;font-weight:700}
  .sub{fill:#7c8aa5;font-size:11px}
  .floorlab{fill:#6b7c98;font-size:11px;font-weight:800;letter-spacing:.05em}
  /* Bedienung (18.10.2026, Webprüfung Listen-It C26): Pause/Abspielen + Akt 1–3 als Standbild */
  #ctl{position:absolute;left:46px;bottom:16px;display:flex;gap:6px;z-index:9}
  #ctl[hidden]{display:none}
  #ctl button{font:inherit;font-size:13px;font-weight:800;color:#cbd5e1;background:#111c38;
    border:1px solid #2a3b59;border-radius:999px;padding:7px 13px;min-width:34px;cursor:pointer}
  #ctl button:hover{border-color:#38bdf8;color:#e6edf6}
  #ctl button:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}
  #ctl button[aria-current="step"]{border-color:#38bdf8;color:#7dd3fc}
  /* Hochformat (C33): Bühne 520×1170, Kopf gestapelt, Info-Spalte unter dem Gebäude (Skript) */
  body.hoch .hdr{left:24px;top:18px}
  body.hoch #act{top:80px;white-space:nowrap}
  body.hoch #phase{left:50%;right:auto;top:124px;transform:translateX(-50%);width:max-content;max-width:470px;text-align:center}
  body.hoch #ctl{left:24px;bottom:16px}
  body.hoch #hint{bottom:64px}
  @media (prefers-reduced-motion: reduce){ #phase,#hint{transition:none} }