/* 实景体验页专用样式，叠加在 style.css 之上 */

body.experience #scene { cursor: grab; }
body.experience #scene:active { cursor: grabbing; }

/* 座位卡：这里没有 venue.html 那套折叠控制，始终完整显示 */
body.experience #seat-card { width: 268px; }
body.experience #seat-card .sc-stats { margin-top: 10px; }
body.experience #seat-card .pill.back { margin-top: 12px; }

/* 操作提示 */
#help {
  position: fixed; right: 14px; bottom: 14px; z-index: 9;
  width: 250px; padding: 12px 30px 12px 12px;
  color: var(--muted); font-size: .72rem; line-height: 1.75;
}
#help p + p { margin-top: 2px; }
#help b { color: var(--gold); }
#help.hidden { display: none; }
#help button {
  position: absolute; top: 6px; right: 6px;
  width: 24px; height: 24px; padding: 0;
  background: var(--panel2); border: 2px solid var(--border); color: var(--fg);
  font: inherit; font-size: 1rem; line-height: 1; cursor: pointer;
}
#help button:hover { background: #26283c; }
body.experience.seated #help { display: none; }

/* 移动端摇杆：默认不占位，触屏设备才显示 */
#stick {
  position: fixed; left: 18px; z-index: 12;
  bottom: max(18px, env(safe-area-inset-bottom));
  width: 118px; height: 118px; display: none;
  border: 2px solid var(--border); border-radius: 50%;
  background: rgba(20, 21, 34, .55);
  touch-action: none;
}
#stick.show { display: block; }
body.experience.seated #stick { display: none; }
#stick-knob {
  position: absolute; top: 50%; left: 50%; width: 44px; height: 44px;
  margin: -22px 0 0 -22px; border-radius: 50%;
  background: var(--accent); border: 2px solid var(--border);
  box-shadow: 2px 2px 0 var(--shadow);
}

@media (max-width: 760px) {
  body.experience #seat-card {
    width: calc(100vw - 16px); left: 8px;
    max-height: none; overflow: visible; padding: 12px;
  }
  #help {
    left: 8px; right: 8px; width: auto;
    bottom: auto; top: max(94px, calc(env(safe-area-inset-top) + 88px));
    font-size: .68rem; line-height: 1.6;
  }
  body.experience #topbar .top-actions { display: flex; }
}

@media (max-height: 560px) and (orientation: landscape) {
  #help { display: none; }
  #stick { width: 96px; height: 96px; }
}