.demo-objective{box-sizing:border-box;border-top-color:#6ba6b7!important}.demo-action{background:#499bb017;border-left:2px solid #68d3e7;padding:9px 12px}.demo-progress{gap:5px;margin:12px 0;display:flex}.demo-progress span{background:#293e48;border-radius:2px;flex:1;height:3px;transition:background-color .35s}.demo-progress [data-state=done]{background:#86c6a5}.demo-progress [data-state=current]{background:#7addf1;box-shadow:0 0 9px #65ccdf44}.demo-step-title{animation:.32s ease-out both demo-reveal}@keyframes demo-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.demo-objective button{transition:background-color .18s,border-color .18s}.demo-objective button:hover:not(:disabled){background:#1e4651!important;border-color:#78c9d9!important}.demo-objective button:focus-visible{outline-offset:4px;outline:2px solid #b0edfa}[data-reduced-motion=true] *,[data-reduced-motion=true]{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.demo-objective *,.demo-objective{transition:none!important;animation:none!important}}@media (height<=650px){.demo-objective{padding:10px 14px!important}.demo-progress{margin:7px 0}}.demo-rail{overscroll-behavior:contain;pointer-events:none;flex-direction:column;align-items:stretch;gap:10px;width:min(340px,31vw);max-height:calc(100vh - 186px);display:flex;position:fixed;top:60px;right:16px;overflow-y:auto}.demo-rail::-webkit-scrollbar{width:6px}.demo-rail::-webkit-scrollbar-thumb{background:#2c4d5c;border-radius:3px}@media (width<=860px){.demo-rail{width:auto;max-height:40vh;left:16px;right:16px}}.hub-featured{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:36px;display:grid}.hub-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.hub-card{transition:border-color .16s,background-color .16s,transform .16s}.hub-card:hover{transform:translateY(-1px);background:#111b24eb!important;border-color:#3d5a6c!important}.hub-card:focus-visible,.hub-link:focus-visible,.hub-start:focus-visible{outline-offset:3px;outline:2px solid #9fe6f6}.hub-start{transition:background-color .16s,border-color .16s}.hub-start:hover{background:#1a4a57!important;border-color:#63b9cc!important}.hub-link:hover{color:#cfe9f1!important}.hub-scrim{animation:.16s ease-out both hub-fade}.hub-panel{animation:.2s cubic-bezier(.2,.8,.3,1) both hub-rise}@keyframes hub-fade{0%{opacity:0}to{opacity:1}}@keyframes hub-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.hub-featured{grid-template-columns:1fr;gap:24px}}@media (width<=560px){.hub-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hub-card,.hub-start,.hub-scrim,.hub-panel{transition:none!important;animation:none!important}}.hub-cta{border-top:1px solid #24384a;grid-column:1/-1;margin-top:18px;padding-top:20px}.brief-control{grid-template-columns:148px 1fr}@media (width<=520px){.brief-control{grid-template-columns:1fr;gap:3px!important}}.demo-crew-strip{background:#4fa07e1a;border-left:2px solid #79c3a4;border-radius:0 6px 6px 0;align-items:flex-start;gap:10px;margin-top:13px;padding:10px 12px;display:flex}.demo-crew-dot{background:#86c6a5;border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px;animation:1.8s ease-out infinite demo-crew-pulse;box-shadow:0 0 #86c6a5aa}@keyframes demo-crew-pulse{0%{box-shadow:0 0 #86c6a5aa}70%{box-shadow:0 0 0 7px #86c6a500}to{box-shadow:0 0 #86c6a500}}.demo-crew-plate{border-color:#3d6a5c!important}.demo-crew-feed{gap:5px;margin:11px 0 0;padding:0;list-style:none;display:grid}.demo-crew-feed li{color:#bcd2cb;align-items:center;gap:9px;font-size:13px;display:flex}.demo-crew-feed li:last-child{color:#e6f2ee;font-weight:600}.demo-readings{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.demo-reading{background:#0a151cb3;border:1px solid #27404c;border-radius:7px;flex:120px;padding:7px 10px}.demo-reading span{color:#88a0ad;letter-spacing:.05em;text-transform:uppercase;font-size:11px;display:block}.demo-reading b{color:#d9edf3;margin-top:2px;font:650 16px/1.2 ui-monospace,monospace;display:block}.demo-pump-chip{color:#9fb2c2;background:#0a151cb3;border:1px solid #3b4a55;border-radius:7px;flex:150px;justify-content:center;align-items:center;padding:7px 10px;font:650 13px/1.2 ui-sans-serif,system-ui,sans-serif;display:flex}.demo-pump-chip[data-running=true]{color:#a9e4c9;background:#24564880;border-color:#4a8a78}.demo-complete{color:#dce9ee;text-align:center;background:#081218f5;border:1px solid #4a8a78;border-radius:12px;width:min(560px,100vw - 36px);padding:28px 30px;font:15px/1.6 ui-sans-serif,system-ui,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 70px #00000073}.demo-complete-list{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.demo-complete-list li{color:#d3e5dd;background:#1026218c;border-radius:7px;align-items:baseline;gap:10px;padding:7px 11px;font-size:14px;display:flex}.demo-complete-list span{color:#8fd6ac;font-weight:700}.ladder-prompt{color:#ffe4a5;text-align:center;white-space:nowrap;background:#121b22f2;border:1px solid #c9a458;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 9px;padding:11px 17px;font:650 16px/1.35 ui-sans-serif,system-ui,sans-serif;display:inline-flex;box-shadow:0 8px 30px #0006}.ladder-prompt[data-kind=approach]{color:#e8dcbb;border-color:#8a7a4e;padding:8px 14px;font-size:14px}.ladder-prompt[data-kind=rungs]{color:#d5eef6;border-color:#7fb4c4;padding:8px 14px;font-size:14px}.ladder-prompt kbd{color:#ffeec2;background:#2a2418;border:1px solid #e0c079;border-bottom-width:3px;border-radius:5px;min-width:26px;padding:3px 9px;font:700 15px/1.2 ui-monospace,monospace;display:inline-block}.ladder-prompt-note{color:#cfc3a4;flex-basis:100%;font-size:12px;font-weight:400}.ladder-prompt-world{transform:translateY(-4px)}.ladder-prompt-hud{pointer-events:none;max-width:min(560px,76vw);position:absolute;bottom:108px;left:50%;transform:translate(-50%)}@media (height<=650px){.ladder-prompt-hud{bottom:92px}}.ladder-prompt[data-kind=mount],.ladder-prompt[data-kind=wayDown]{padding:9px 15px;font-size:14px}.beacon-label{color:#cdeef8;white-space:nowrap;background:#08171df2;border:1px solid #6fc6dd;border-radius:999px;padding:5px 11px;font:650 13px/1.2 ui-sans-serif,system-ui,sans-serif;box-shadow:0 6px 22px #0006}.demo-dock{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(690px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (height<=650px){.demo-dock{gap:7px;bottom:8px}}.demo-caption{color:#dbeaf0;pointer-events:none;background:#070f15eb;border:1px solid #2c4d5c;border-radius:9px;align-items:baseline;gap:10px;max-width:min(660px,74vw);padding:9px 15px 10px;font:400 13.5px/1.5 ui-sans-serif,system-ui,sans-serif;animation:.18s ease-out both demo-reveal;display:flex;box-shadow:0 8px 28px #00000057}.demo-caption-who{color:#70b8cb;letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.demo-onair{background:#e2765f;border-radius:50%;width:7px;height:7px;animation:1.5s ease-out infinite demo-onair-pulse;box-shadow:0 0 #e2765faa}@keyframes demo-onair-pulse{0%{box-shadow:0 0 #e2765faa}70%{box-shadow:0 0 0 6px #e2765f00}to{box-shadow:0 0 #e2765f00}}@media (width<=620px){.demo-caption{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.demo-caption,.demo-onair{animation:none!important}}
