/* Z01: isolated static-rendering hooks; the normal WebGL presentation is untouched. */
body[data-rendering="static"] #experience #fallback { inset: 3% 0 15% 0; transform:none!important; pointer-events:none; }
body[data-rendering="static"] #fallback svg { display:block; width:min(65vh,48vw); height:100%; margin:auto; filter:drop-shadow(0 0 28px #00e5ff24); }
.zefu-fallback-nav[hidden] { display:none!important; }
body[data-rendering="static"] .zefu-fallback-nav { position:absolute; z-index:20; right:3%; bottom:3%; width:min(440px,94%); max-height:48vh; overflow:auto; padding:16px; border:1px solid #80b4c65c; border-radius:14px; background:#07121eef; color:#f0f7fa; box-shadow:0 12px 36px #0009; font:14px/1.4 system-ui,sans-serif; }
.zefu-fallback-notice { margin:0 0 8px; color:#c7d7df; font-size:12px; }
.zefu-fallback-stage { margin:0; font-size:18px; font-weight:700; }
.zefu-fallback-caption { margin:5px 0 12px; color:#d2e0e6; }
.zefu-fallback-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.zefu-fallback-controls button,.zefu-fallback-controls select { min-height:40px; padding:8px 10px; border:1px solid #9dc4d47a; border-radius:7px; background:#172d3b; color:#fff; font:inherit; }
.zefu-fallback-controls button:focus-visible,.zefu-fallback-controls select:focus-visible { outline:2px solid #00e5ff; outline-offset:2px; }
.zefu-fallback-controls label { font-size:12px; }
.zefu-fallback-nav small { display:block; margin-top:10px; color:#bfd0d8; }
@media(max-width:900px) { body[data-rendering="static"] #fallback svg { width:min(75vw,52vh); } body[data-rendering="static"] .zefu-fallback-nav { left:3%; right:3%; width:auto; bottom:2%; max-height:45vh; } }
/* Older hero rules hide the original fallback SVG; expose this replacement only on failure. */
body[data-hero="true"][data-rendering="static"] #experience #fallback { display:block; background:transparent; }
body[data-hero="true"][data-rendering="static"] #fallback svg { display:block!important; }
@media(min-width:901px) { body[data-hero="true"][data-rendering="static"] #fallback svg { position:absolute; left:30%; transform:translateX(-50%); } }