.guest-landing .observation{display:flex;flex-direction:column;background:#07111d;min-width:0}.observer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.observer-toolbar .eyebrow{font-size:10px}.observer-toolbar button{padding:8px;font-size:11px;white-space:nowrap}.observer-scene{position:relative;flex:1;display:block;width:100%;padding:0;border:0;border-radius:0;min-height:410px;background:#07111d;text-align:left;overflow:hidden;cursor:pointer}.observer-scene canvas{position:absolute;inset:0;width:100%;height:100%}.observer-scene:focus-visible{outline:3px solid var(--theme-focus, #d8bd82);outline-offset:-5px}.observer-invite{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;padding:16px;color:var(--text);border:1px solid var(--line);background:#0b1620ee;font-size:14px}.observer-invite b{color:var(--amber);font-size:22px}.observer-scene:hover .observer-invite{border-color:var(--amber)}.observer-footer{padding:20px 24px;border-top:1px solid var(--line)}.observer-footer p{font-size:12px;line-height:1.6;margin:8px 0 0;color:var(--muted)}#observer-status{font-size:13px;color:var(--text)}[data-state=live] #observer-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#8bb8a2}[data-state=stale] canvas,[data-state=paused] canvas{opacity:.5}@media(max-width:900px){.observer-scene{min-height:380px}}@media(max-width:380px){.observer-toolbar,.observer-footer{padding:16px}.observer-invite{left:16px;right:16px;padding:12px}}