:is(html:has(.engine-scene-demo),body:has(.engine-scene-demo)){color:#dce9e8;background:#02080e;overflow:hidden}.engine-scene-demo{color:#dce9e8;min-height:100dvh;font:13px/1.5 ui-sans-serif,system-ui,sans-serif;position:relative}.engine-scene-demo a{color:inherit;text-decoration:none}.engine-scene-demo a:hover{color:#b8f0df}.scene-header{z-index:10;letter-spacing:.08em;align-items:center;gap:20px;font:11px ui-monospace,monospace;display:flex;position:fixed;top:24px;left:28px;right:28px}.scene-header>a:first-child{font-size:14px}.scene-header>a:first-child span,.scene-header>span{color:#78929f}.scene-header>a:last-child{margin-left:auto}.scene-readout{z-index:8;scrollbar-width:thin;width:310px;max-height:calc(100dvh - 325px);position:fixed;top:100px;left:28px;overflow:auto}.scene-kicker{letter-spacing:.13em;text-transform:uppercase;color:#8ba6b3;margin:0 0 12px;font:10px ui-monospace,monospace}.scene-readout h1{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:400}.scene-value{letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:25px 0 14px;font-size:64px;font-weight:350;line-height:1}.scene-value span{color:#95b0b8;margin-left:7px;font-size:24px}.scene-valid-time{margin:0;font-size:13px}.scene-coordinate{color:#819ba6;margin:9px 0 22px;font:11px ui-monospace,monospace}.scene-basics,.scene-evidence dl{margin:0;font-size:11px}.scene-basics>div{margin:9px 0}.scene-basics dt,.scene-evidence dt{color:#7895a2}.scene-basics dd,.scene-evidence dd{overflow-wrap:anywhere;margin:3px 0 0}.scene-basics dd{font-variant-numeric:tabular-nums}.engine-scene-demo button{cursor:pointer;color:#dce9e8;background:#07151dcc;border:1px solid #a5c9cf40;border-radius:8px;min-height:40px;padding:9px 13px;font:11px ui-sans-serif,system-ui}.engine-scene-demo button:disabled{cursor:default;opacity:.4}.engine-scene-demo :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #a9e9da}.engine-scene-demo .scene-evidence-button{text-align:left;color:#a9d9d4;background:0 0;border:0;border-radius:0;margin-top:12px;padding:8px 0}.scene-evidence{background:#06121ce8;border:1px solid #afcfd51f;border-radius:8px;padding:12px 14px}.scene-evidence dl>div{margin-bottom:12px}.scene-evidence p{color:#90a8b3;font-size:10px;line-height:1.65}.scene-hash{font:9px/1.5 ui-monospace,monospace}.scene-source-links{color:#b4deda;flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.scene-viewport{pointer-events:none;position:fixed;inset:84px 24px 245px 370px}.engine-scene-demo .scene-controls{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06121be8;border:1px solid #accbd72b;border-radius:12px;grid-template-columns:none;gap:0;min-height:0;padding:16px 20px 12px;display:block;position:fixed;bottom:22px;left:28px;right:28px}.scene-control-heading{color:#8ba6b3;justify-content:space-between;gap:14px;font-size:10px;display:flex}.scene-time-buttons{gap:8px;margin:12px 0 16px;display:flex}.scene-time-buttons button{flex:1;font:14px ui-monospace,monospace}.scene-time-buttons small{color:#7f9eac;font:8px ui-monospace,monospace}.scene-time-buttons button[aria-pressed=true]{color:#d9f5eb;background:#92c6bb22;border-color:#a4dfcd}.scene-generation{border-top:1px solid #accbd72b;align-items:center;gap:12px;padding-top:12px;display:flex}.scene-generation>div{margin-right:auto}.scene-generation strong{font-size:11px;font-weight:500}.scene-generation p{color:#8ba6b3;margin:3px 0 0;font-size:10px}.scene-status{color:#a9c7c9;margin:12px 0 0;font-size:10px;line-height:1.5}.scene-rehearsal{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scene-rehearsal>div{background:#07151e;border:1px solid #accbd74d;border-radius:12px;max-width:410px;padding:30px}.scene-rehearsal h2{letter-spacing:-.03em;font-size:25px;font-weight:400}.scene-rehearsal p:not(.scene-kicker){color:#a2b9c3;font-size:12px}.scene-rehearsal button{border-color:#9bdcc9;margin-top:14px}@media (width<=760px){.scene-header{gap:12px;top:20px;left:18px;right:18px}.scene-header>span{display:none}.scene-readout{width:auto;max-height:min(305px,100dvh - 330px);top:74px;left:20px;right:20px}.scene-readout h1{font-size:22px}.scene-kicker{margin-bottom:7px;font-size:9px}.scene-value{margin:13px 0 9px;font-size:44px}.scene-coordinate{margin:5px 0 10px;font-size:10px}.scene-valid-time{font-size:11px}.scene-basics{gap:22px;font-size:10px;display:flex}.scene-basics>div{margin:3px 0}.scene-evidence-button{margin-top:4px!important;font-size:10px!important}.scene-evidence{z-index:25;max-height:calc(100dvh - 330px);position:fixed;top:85px;left:16px;right:16px;overflow:auto}.scene-viewport{inset:385px 12px 245px}.engine-scene-demo .scene-controls{padding:12px;bottom:12px;left:12px;right:12px}.scene-time-buttons{gap:5px;margin:10px 0}.scene-time-buttons button{padding:8px 4px;font-size:12px}.scene-time-buttons small{margin-top:4px;display:block}.scene-generation{flex-wrap:wrap;gap:7px}.scene-generation>div{width:100%}.scene-generation button:last-child{flex:1;font-size:10px}.scene-control-heading{font-size:9px}.scene-status{margin-top:9px;font-size:9px}}@media (height<=650px) and (width>=761px){.scene-readout{max-height:calc(100dvh - 285px);top:70px}.scene-value{margin:14px 0;font-size:42px}.scene-viewport{top:65px;bottom:215px}.engine-scene-demo .scene-controls{padding:10px 16px;bottom:12px}.scene-time-buttons{margin:7px 0}.scene-status{margin-top:6px}}.engine-scene-demo.single-surface-page,.engine-scene-demo :is(.scene-header,.scene-readout,.scene-controls,.scene-rehearsal,button,a){pointer-events:auto}body:has(.engine-scene-demo) .pale-blue-cosmos{pointer-events:none!important}body:has(.engine-scene-demo) .pale-blue-cosmos>canvas{pointer-events:none!important}.engine-scene-demo .scene-display-note{color:#91abb4;max-width:30ch;margin:10px 0;font-size:10px;line-height:1.5}.engine-scene-demo .scene-evidence-close{z-index:1;background:#06121c;margin-bottom:8px;padding:0 0 12px;position:sticky;top:-12px}.engine-scene-demo .scene-evidence-close button{text-align:center;border-color:#a9d9d480;width:100%;min-height:44px}
