*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0b0d12;color:#fff;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}#app{touch-action:none;cursor:grab}#app:active{cursor:grabbing}canvas{display:block}#loader,#hud,#fade,#toast{position:fixed;z-index:2}#loader,#fade{top:0;right:0;bottom:0;left:0;pointer-events:none}#loader{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b0d12;transition:opacity .4s ease}#loader.hidden{opacity:0}#loader.error{color:#ffb4b4}#fade{z-index:3;background:#0b0d12;opacity:0;transition:opacity .28s ease}#fade.on{opacity:1}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{left:20px;bottom:20px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;background:#080a108c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000040;pointer-events:none}.title{font-size:14px;font-weight:600;letter-spacing:.04em}.hint{font-size:12px;color:#ffffffb8}.scene-list,#gyro-btn{pointer-events:auto}.scene-list{display:flex;flex-wrap:wrap;gap:8px}.scene-list button,#gyro-btn{border:0;border-radius:999px;padding:6px 12px;color:#fff;background:#ffffff1f;font-size:12px;cursor:pointer}.scene-list button.active,#gyro-btn.active{background:#3d7eff}#toast{left:50%;bottom:28px;z-index:6;transform:translate(-50%);max-width:min(90vw,360px);padding:8px 14px;border-radius:8px;background:#080a10db;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s ease}#toast.show{opacity:1}.hotspot{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:#fff;cursor:pointer;pointer-events:auto}.hotspot-mark{position:relative;width:22px;height:22px}.hotspot-pulse,.hotspot-dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.hotspot-pulse{background:#3d7eff59;animation:pulse 1.6s ease-out infinite}.hotspot-dot{top:5px;right:5px;bottom:5px;left:5px;background:#3d7eff;box-shadow:0 0 0 2px #ffffffe6}.hotspot-label{padding:3px 8px;border-radius:6px;background:#080a109e;font-size:12px;white-space:nowrap}@keyframes pulse{0%{transform:scale(.7);opacity:.85}to{transform:scale(2.1);opacity:0}}