.unity-stage { display: none; min-width: 0; color: #f3e7cf; background: linear-gradient(180deg, #101c24, #091116); border: 1px solid #b3814770; box-shadow: inset 0 2px 0 #f1bb6a54, 0 16px 55px #0008; }
body.has-unity-stage { display: flex; flex-direction: column; }
body.has-unity-stage #app { order: 1; width: 100%; min-width: 0; }
body.has-unity-stage .unity-stage { display: block; order: 0; position: relative; width: 100%; min-height: 0; z-index: 4; }
.unity-stage-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid #ffffff25; font-size: .7rem; letter-spacing: .1em; }
.unity-stage-head b { color: #f8bb6a; }
.unity-stage-head small { margin-left: auto; color: #aebfc4; }
.unity-stage-head button { border: 1px solid #f4bc72; border-radius: 5px; padding: 9px 15px; min-height: 44px; color: #16120d; background: linear-gradient(#ffd498, #b87b39); box-shadow: 0 5px 0 #59361d, 0 12px 20px #0008; font-size: .72rem; font-weight: 700; line-height: 1; letter-spacing: .04em; cursor: pointer; }
.unity-stage-head button:hover, .unity-stage-head button:focus-visible { filter: brightness(1.12); outline: 2px solid #f7e1ae; outline-offset: 2px; }
.unity-stage-head button:active { transform: translateY(4px); box-shadow: 0 1px 0 #59361d, 0 5px 12px #0008; background: linear-gradient(#bffaff, #43a7b9); }
.unity-stage-frame { position: relative; height: clamp(240px, 33vw, 390px); width: 100%; overflow: hidden; background: #0b1116; }
.unity-stage.is-expanded .unity-stage-frame { height: min(76svh, 820px); }
body.has-unity-stage .unity-stage:fullscreen { display: flex; flex-direction: column; width: 100vw; height: 100dvh; background: #071016; }
.unity-stage:fullscreen .unity-stage-frame { flex: 1; height: auto; }
.unity-stage-frame img, .unity-stage-frame iframe, .unity-stage-frame canvas { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.unity-stage-frame img { object-fit: cover; }
.unity-stage-frame canvas { z-index: 1; opacity: 0; transition: opacity .25s; }
.unity-stage-frame.is-three-ready canvas { opacity: 1; }
.unity-stage-frame iframe { display: block; z-index: 2; pointer-events: none; background: transparent; opacity: 0; transition: opacity .6s; }
.unity-stage.is-ready .unity-stage-frame iframe { opacity: 1; }
.unity-stage > p { margin: 0; padding: 9px 17px; max-height: 3em; overflow: hidden; color: #d1dde0; font-size: clamp(.78rem, 1vw, .92rem); line-height: 1.4; border-top: 1px solid #ffffff20; }
.unity-stage > progress { display:block; width:100%; height:5px; border:0; accent-color:#f8bb6a; }
.unity-stage > progress[hidden] { display:none; }
body.has-unity-stage .scene-shell::before { background-image: url('/assets/boardroom/investor-room-v3.webp'); }
@media (max-width: 900px) { .unity-stage-frame { height: clamp(210px, 39vw, 300px); } }
@media (max-width: 640px) {
  .unity-stage-head { padding: 8px 12px; }
  .unity-stage-head small { display: none; }
  .unity-stage-frame { height: clamp(165px, 48vw, 230px); }
  .unity-stage.is-expanded .unity-stage-frame { height: min(68svh, 680px); }
  .unity-stage > p { padding: 8px 12px; max-height: 3.3em; font-size: .77rem; }
}
@media (prefers-reduced-motion: reduce) { .unity-stage-frame iframe { transition: none; } }