:root{--f9-bg: #f2f4f8;--f9-bg-soft: #dfe6ef;--f9-panel: rgba(0, 0, 0, .75);--f9-panel-strong: rgba(0, 0, 0, .88);--f9-line: #1c1c1e;--f9-line-strong: #3a3a3c;--f9-text: #f6f6f6;--f9-body: #b7bac2;--f9-muted: #6e6e73;--f9-blue: #288bff;--f9-cyan: #64d2ff;--f9-red: #fc3d21;--f9-gold: #ffce3e;--f9-green: #30d158;--f9-orange: #ff8a3d;--f9-shadow: 0 20px 70px rgba(0, 0, 0, .52)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--f9-bg);color:var(--f9-text);font-family:Roboto,Helvetica Neue,Arial,sans-serif}button,select,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}#canvas-container{position:fixed;inset:0;z-index:0}#canvas-container canvas{display:block;width:100%;height:100%}.f9-webgl-fallback{position:fixed;right:24px;bottom:112px;z-index:4;display:grid;gap:8px;width:min(380px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--f9-line-strong);background:var(--f9-panel-strong);box-shadow:var(--f9-shadow)}.f9-webgl-fallback[hidden]{display:none}.f9-webgl-fallback strong{color:var(--f9-text);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.f9-webgl-fallback span{color:var(--f9-body);font-size:14px;line-height:1.5}.f9-lab-ui{position:fixed;inset:0;z-index:2;display:grid;grid-template-columns:24px 1fr 24px;grid-template-rows:80px 1fr 96px;pointer-events:none}.f9-lab-ui>*{pointer-events:auto}.f9-topbar{grid-column:1 / -1;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;overflow:hidden;padding:0 28px;border-bottom:1px solid var(--f9-line);background:var(--f9-panel-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.f9-top-left,.f9-top-right{display:flex;align-items:center;gap:16px}.f9-top-right{justify-content:flex-end}.f9-back{display:inline-flex;align-items:center;gap:8px;width:max-content;color:var(--f9-muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:color .25s ease}.f9-back:hover,.f9-back:focus-visible{color:var(--f9-text)}.f9-context-link{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid rgba(100,210,255,.28);background:#288bff1a;color:var(--f9-cyan);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s ease,background .25s ease,color .25s ease}.f9-context-link:hover,.f9-context-link:focus-visible{border-color:#64d2ff85;background:#288bff2e;color:var(--f9-text)}.f9-step-meter,.f9-kicker,.f9-chip,.f9-panel-label,.f9-tabs button,.f9-bottom-copy span,.f9-btn,.f9-toggle,.f9-icon-btn,.f9-fact-label,.f9-small-label,.f9-card-label{font-family:DM Mono,Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.f9-step-meter{color:var(--f9-gold)}.f9-step-meter strong{font-weight:500}.f9-top-center{justify-self:center;min-width:0;max-width:640px;text-align:center}.f9-topbar .f9-kicker{display:none}.f9-kicker{color:var(--f9-cyan)}.f9-top-center h1{margin:0;color:var(--f9-text);font-size:18px;font-weight:400;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f9-top-center p{display:none}.f9-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;max-width:100%;padding:0 12px;border:1px solid var(--f9-line);background:#ffffff0a;color:var(--f9-text)}.f9-chip.is-state{color:var(--f9-green)}.f9-rail{position:fixed;top:104px;width:252px;max-height:calc(100vh - 232px);overflow-y:auto;padding:20px;border:1px solid var(--f9-line-strong);border-top:2px solid var(--f9-blue);background:var(--f9-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:var(--f9-line-strong) transparent;z-index:3}.f9-rail::-webkit-scrollbar{width:5px}.f9-rail::-webkit-scrollbar-thumb{background:#f6f6f62e}.f9-rail-left{left:24px}.f9-rail-right{right:24px;width:260px}.f9-panel{display:grid;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.f9-panel-label{display:flex;align-items:center;gap:10px;color:var(--f9-muted)}.f9-panel-label:after{content:"";flex:1;height:1px;background:var(--f9-line)}.f9-panel h2{margin:0;color:var(--f9-text);font-size:18px;font-weight:400;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.f9-panel p,.f9-panel dd,.f9-panel li{margin:0;color:var(--f9-body);font-size:14px;line-height:1.55}.f9-safety-copy{color:#ffce3eeb!important}.f9-why,.f9-advanced-note{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--f9-line)}.f9-why span,.f9-advanced-note span{color:var(--f9-gold);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.f9-advanced-note{border-top-color:#64d2ff38}.f9-advanced-note span{color:var(--f9-cyan)}.f9-component-list{display:grid;gap:12px;margin:0}.f9-component-list div{display:grid;gap:4px}.f9-component-list dt{color:var(--f9-muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.f9-component-list dd{margin:0}.f9-stage-frame{grid-column:1 / -1;grid-row:2;position:relative;pointer-events:none}.f9-stage-frame:before{content:"";position:absolute;inset:92px 304px 124px;border:1px solid rgba(40,139,255,.1);background:linear-gradient(90deg,rgba(100,210,255,.05) 1px,transparent 1px),linear-gradient(rgba(100,210,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000 0 32%,transparent 78%);opacity:.55}.f9-stage-badge,.f9-stage-help{position:absolute;left:calc(50% - min(260px,24vw));z-index:3;max-width:min(420px,calc(100% - 64px));border:1px solid var(--f9-line);background:#02050a94;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.f9-stage-badge{top:104px;padding:8px 10px;color:var(--f9-cyan);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.f9-stage-help{bottom:112px;padding:10px 12px;color:var(--f9-body);font-size:12px;line-height:1.45}.f9-tabs{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.f9-tabs button{min-height:36px;padding:0 10px;border:1px solid var(--f9-line);background:#f6f6f608;color:var(--f9-muted);transition:border-color .25s ease,color .25s ease,background .25s ease}.f9-tabs button:hover,.f9-tabs button:focus-visible,.f9-tabs button.is-active{border-color:#64d2ff6b;background:#288bff26;color:var(--f9-text)}.f9-dynamic-panel{min-height:0}#f9-panel-content{display:grid;gap:12px}.f9-mission-grid,.f9-card-grid,.f9-knowledge-grid,.f9-summary-grid{display:grid;gap:10px}.f9-mission-card,.f9-info-card,.f9-knowledge-card,.f9-summary-card,.f9-reference-card{display:grid;gap:8px;padding:12px;border:1px solid var(--f9-line);background:#ffffff07;color:inherit;text-align:left}button.f9-mission-card{width:100%}.f9-mission-card:hover,.f9-mission-card:focus-visible,.f9-mission-card.is-active{border-color:#30d1586b;background:#30d15814}.f9-card-label,.f9-small-label,.f9-fact-label{color:var(--f9-muted)}.f9-mission-card strong,.f9-info-card strong,.f9-knowledge-card strong,.f9-summary-card strong,.f9-reference-card strong{color:var(--f9-text);font-size:14px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.f9-mission-card span,.f9-info-card span,.f9-knowledge-card span,.f9-summary-card span,.f9-reference-card span,.f9-reference-card a{color:var(--f9-body);font-size:13px;line-height:1.45}.f9-reference-card a{color:var(--f9-cyan);text-decoration:underline;text-underline-offset:3px}.f9-step-stack,.f9-checklist-list,.f9-timeline-list{display:grid;gap:8px}.f9-step-item,.f9-check-item,.f9-timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:0 0 10px;border:0;border-bottom:1px solid var(--f9-line);background:transparent}.f9-step-index,.f9-check-dot,.f9-timeline-dot{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--f9-line-strong);color:var(--f9-muted);font-family:DM Mono,monospace;font-size:10px}.f9-step-item.is-active{border-color:#288bff8c;background:transparent}.f9-step-item.is-complete .f9-step-index,.f9-check-item.is-complete .f9-check-dot{border-color:#30d1588c;color:var(--f9-green)}.f9-check-item.is-checking .f9-check-dot{border-color:#ffce3eb3;color:var(--f9-gold);animation:f9-pulse .9s ease-in-out infinite alternate}.f9-check-item.is-abort{border-color:#fc3d218c;background:#fc3d211a}.f9-check-item.is-abort .f9-check-dot{border-color:#fc3d21bf;color:var(--f9-red)}@keyframes f9-pulse{0%{opacity:.45}to{opacity:1}}.f9-step-item strong,.f9-check-item strong,.f9-timeline-item strong{display:block;color:var(--f9-text);font-size:13px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.f9-step-item span,.f9-check-item span,.f9-timeline-item span{display:block;color:var(--f9-body);font-size:12px;line-height:1.45}.f9-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.f9-fact{min-width:0;padding:10px;border:1px solid var(--f9-line);background:#ffffff06}.f9-fact strong{display:block;color:var(--f9-text);font-family:DM Mono,monospace;font-size:16px;font-weight:500;line-height:1.2}.f9-fact span{color:var(--f9-muted);font-size:11px;line-height:1.3}.f9-formula{display:grid;gap:6px;padding:12px;border:1px solid rgba(100,210,255,.28);background:#288bff14;color:var(--f9-cyan);font-family:DM Mono,monospace;font-size:12px;line-height:1.5}.f9-bottom{grid-column:1 / -1;grid-row:3;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 28px;border-top:1px solid var(--f9-line);background:var(--f9-panel-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.f9-progress{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff0f}.f9-progress span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--f9-blue),var(--f9-cyan),var(--f9-green));transition:width .5s ease}.f9-bottom-copy{min-width:0;display:flex;align-items:center;gap:16px}.f9-bottom-copy span{color:var(--f9-gold)}.f9-bottom-copy p{margin:0;color:var(--f9-body);font-size:11px;line-height:1.35}.f9-bottom-actions,.f9-toggle-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.f9-bottom-actions{justify-content:center}.f9-toggle-row{justify-content:flex-end}.f9-toggle[hidden],.f9-btn[hidden],.f9-icon-btn[hidden]{display:none}.f9-btn,.f9-toggle,.f9-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--f9-line-strong);background:#111114;color:var(--f9-text);transition:border-color .25s ease,background .25s ease,color .25s ease,opacity .25s ease}.f9-link-btn{text-decoration:none}.f9-icon-btn{width:64px;padding:0 8px}.f9-btn:hover:not(:disabled),.f9-toggle:hover:not(:disabled),.f9-icon-btn:hover:not(:disabled),.f9-btn:focus-visible,.f9-toggle:focus-visible,.f9-icon-btn:focus-visible{border-color:#64d2ff75;background:#288bff24}.f9-btn.is-primary,.f9-toggle.is-run{border-color:#288bff94;background:#288bff33}.f9-toggle.is-active{border-color:#30d1587a;color:var(--f9-green)}.f9-btn:disabled{opacity:.35;cursor:not-allowed}.f9-intro{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 28%,rgba(40,139,255,.2),transparent 32%),radial-gradient(circle at 72% 74%,rgba(255,138,61,.12),transparent 28%),#0000009e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.f9-intro.is-hidden{display:none}.f9-cinematic-countdown{position:fixed;inset:0;z-index:14;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(40,139,255,.18),transparent 34%),#0000002e}.f9-cinematic-countdown[hidden]{display:none}.f9-cinematic-countdown span{color:var(--f9-text);font-family:DM Mono,Roboto Mono,ui-monospace,monospace;font-size:clamp(92px,18vw,240px);font-weight:500;line-height:.85;text-shadow:0 0 24px rgba(100,210,255,.5),0 0 80px rgba(40,139,255,.3)}.f9-cinematic-countdown strong{position:absolute;top:calc(50% + clamp(68px,12vw,150px));color:var(--f9-cyan);font-family:DM Mono,Roboto Mono,ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.f9-lab-ui.is-cinematic .f9-topbar,.f9-lab-ui.is-cinematic .f9-rail,.f9-lab-ui.is-cinematic .f9-bottom,.f9-lab-ui.is-cinematic .f9-stage-badge,.f9-lab-ui.is-cinematic .f9-stage-help{opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.f9-lab-ui.is-cinematic .f9-bottom{transform:translateY(12px)}.f9-intro-back{position:absolute;top:26px;left:26px}.f9-intro-card{display:grid;gap:16px;width:min(720px,calc(100vw - 36px));padding:34px;border:1px solid rgba(246,246,246,.16);background:linear-gradient(135deg,#f6f6f614,#f6f6f605),#04080edb;box-shadow:var(--f9-shadow);text-align:center}.f9-intro-card h2{margin:0;color:var(--f9-text);font-size:clamp(36px,6vw,72px);font-weight:400;line-height:.94;letter-spacing:.02em;text-transform:uppercase}.f9-intro-card p{margin:0 auto;max-width:560px;color:var(--f9-body);font-size:16px;line-height:1.55}.f9-intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#f9-loading.is-hidden{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.f9-lab-ui{grid-template-columns:24px 1fr 24px}.f9-topbar{grid-template-columns:1fr 2fr 1fr}.f9-bottom{grid-template-columns:1fr auto 1fr;gap:12px}.f9-toggle-row{gap:6px}.f9-toggle{min-height:34px;padding:0 10px;font-size:10px}.f9-top-center h1{font-size:16px}.f9-top-center p{font-size:12px}}@media(max-width:900px){.f9-lab-ui{grid-template-columns:24px 1fr 24px}.f9-topbar{grid-template-columns:auto minmax(0,1fr) auto}.f9-top-right,.f9-context-link{display:none}.f9-stage-frame{grid-column:1 / -1}.f9-top-center h1{font-size:clamp(17px,3.2vw,24px)}.f9-top-center p{display:none}.f9-bottom{grid-template-columns:1fr auto;gap:12px}.f9-toggle-row{display:none}.f9-bottom-actions{justify-content:flex-end}}@media(max-width:767px){.f9-lab-ui{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 84px}.f9-topbar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px}.f9-top-right,.f9-step-meter{display:none}.f9-top-center{justify-self:end;text-align:right}.f9-top-center h1{margin:4px 0 0;font-size:16px;line-height:1.1}.f9-webgl-fallback{right:10px;bottom:170px;width:calc(100vw - 20px)}.f9-webgl-fallback strong,.f9-webgl-fallback span{font-size:12px}.f9-kicker{font-size:9px}.f9-stage-frame{grid-column:1 / -1;grid-row:2}.f9-stage-frame:before{inset:10px}.f9-stage-badge{left:10px;top:10px}.f9-stage-help{display:none}.f9-rail-left{inset:auto 10px 96px;width:auto;max-height:34vh;padding:14px}.f9-rail-right{display:none}.f9-panel{padding:0}.f9-dynamic-panel{min-height:0}.f9-bottom{padding:0 14px;grid-template-columns:1fr}.f9-bottom-copy{display:none}.f9-bottom-actions{justify-content:center}.f9-btn,.f9-toggle,.f9-icon-btn{min-height:32px;padding:0 9px;font-size:9px}.f9-icon-btn{width:auto}.f9-intro{padding:18px}.f9-intro-back{top:16px;left:16px}.f9-intro-card{padding:24px 18px}.f9-intro-card h2{font-size:clamp(34px,11vw,48px)}.f9-intro-actions{display:grid}}.f9-hud{position:fixed;top:96px;right:16px;z-index:80;display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:#03060cb8;border:1px solid rgba(120,180,240,.3);border-radius:4px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em;color:#d6e4f8;backdrop-filter:blur(6px);pointer-events:none;min-width:220px}.f9-hud[hidden]{display:none}.f9-hud-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px}.f9-hud-label{color:#96bee6cc;font-size:10px;text-transform:uppercase}.f9-hud-val{color:#f0f6ff;font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.f9-hud-thr-row{grid-template-columns:70px 1fr 56px}.f9-hud-bar{position:relative;height:6px;background:#78b4f02e;border:1px solid rgba(120,180,240,.35);overflow:hidden}.f9-hud-bar-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffb060,#ffe1a0);transition:width .18s linear}.f9-hud-phase{margin-top:4px;padding-top:8px;border-top:1px dashed rgba(120,180,240,.3);color:#ffd9a0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-align:center}@media(max-width:768px){.f9-hud{top:76px;right:8px;min-width:168px;padding:8px 10px;font-size:10px}.f9-hud-row{grid-template-columns:56px 1fr;gap:6px}.f9-hud-val{font-size:11px}.f9-hud-thr-row{grid-template-columns:56px 1fr 38px}}