*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e20;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;overscroll-behavior:none}
#scene{position:fixed;inset:0}
#scene canvas,#scene video{position:absolute;inset:0}
#hint{position:fixed;z-index:3;left:20px;right:20px;bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));margin:0;text-align:center;font-size:13px;line-height:1.8;letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #000,0 0 14px #0009;pointer-events:none;transition:opacity .7s ease}
body[data-tracked="true"] #hint{opacity:0}
#error{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:32px;background:#080e20eb}
#errorText{max-width:320px;margin:0;text-align:center;font-size:14px;line-height:2;color:#eee5ef}
[hidden]{display:none!important}
#scene video{z-index:0;width:100%;height:100%;object-fit:cover}
body[data-camera="true"] #error{inset:auto 20px max(80px,calc(env(safe-area-inset-bottom) + 68px));padding:20px;background:#080e20d9;border-radius:10px}