:root{color-scheme:light;--ink:#303036;--blue:#276699;--muted:#71717a;--line:#dedee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;min-width:1080px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}header{height:58px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:0 48px;background:#fffffff5;position:sticky;top:0;z-index:20;font-size:13px}header>a:first-child{color:var(--ink);font-weight:650}nav{display:flex;gap:30px}nav a{color:#64646c}main{max-width:1060px;margin:auto}.title{text-align:center;padding:58px 0 30px}.title h1{font-size:56px;font-weight:650;letter-spacing:-2px;line-height:1.2;margin:0 0 13px}.title h2{font-size:27px;font-weight:400;margin:0}.subtitle{font-size:18px;color:#777;margin:12px 0 23px}.resources{display:flex;justify-content:center;gap:10px}.resources a{background:#363639;color:#fff;border-radius:22px;padding:8px 19px;font-size:14px}.teaser{margin:20px 0 45px}.teaser>img{width:100%;height:465px;object-fit:cover;object-position:top;border:1px solid var(--line)}figcaption,.figure-note{font-size:13px;color:#686871;line-height:1.6;margin:13px 0;text-align:center}section.abstract{max-width:910px;margin:0 auto 65px}.abstract h2,.implementation h2{text-align:center;font-size:28px;font-weight:550}.abstract p{text-align:justify}.pipeline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0;padding:20px 0}.pipeline a{color:var(--ink);text-align:center;font-size:17px;font-weight:600}.pipeline small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.pipeline>span{color:#999}.dimension{padding:38px 0 48px;border-top:1px solid var(--line)}.dimension h2{display:flex;align-items:baseline;gap:14px;font-size:30px;font-weight:600;margin:0 0 12px}.dimension h2>span{font-family:Georgia,serif;color:#a3a3ab;font-size:25px;font-weight:400}.dimension h2 em{font-size:20px;font-style:normal;font-weight:400;color:#676771;margin-left:6px}.intro{margin:0 0 23px;max-width:950px;color:#55555e;font-size:15px}.controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0}.controls button,.model-tools button{background:white;color:#65656e;border:1px solid #d8d8df;padding:7px 19px;border-radius:4px;font-size:14px;transition:background .15s}.controls button[aria-pressed=true],.model-tools button[aria-pressed=true]{background:#eaf1f7;border-color:#85a9c5;color:#225d87}.controls>span{color:#a6a6ac;margin:0 4px}.frame{height:470px;overflow:hidden;background:#f4f4f2;border:1px solid #e6e6e6}.frame>img{width:100%;height:100%;object-fit:contain}.crop{width:100%;height:100%;position:relative;overflow:hidden}.crop img{position:absolute;max-width:none}.crop.terrain img{width:154%;left:-24%;top:-8%}.crop.assembly img{width:154%;left:-24%;top:-6%}.crop.game img{width:166%;left:-26%;top:-54%}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:22px;font-size:13px}.details p{margin:0;color:#71717a}.details b{display:block;font-size:14px;font-weight:600;color:#36363c;margin-bottom:7px}.asset-display{height:500px;border:1px solid #ddd;background:#f4f4f2;overflow:hidden}.asset-display>div{height:100%;position:relative}#asset-image{max-width:890px;margin:auto}#asset-image>img{width:100%;height:100%;object-fit:fill}#annotations{position:absolute;inset:0}.box{position:absolute;border:2px solid var(--box);background:color-mix(in srgb,var(--box) 9%,transparent);padding:0;border-radius:2px}.box span{position:absolute;top:-23px;left:-2px;background:var(--box);color:white;font-size:11px;white-space:nowrap;padding:1px 6px}.box[aria-pressed=true]{outline:3px solid white;outline-offset:2px}.box:hover{background:color-mix(in srgb,var(--box) 25%,transparent)}#asset-picker{display:flex;justify-content:center;gap:10px;padding:15px 0 0}#asset-picker button{width:120px;padding:8px 5px;background:white;border:1px solid transparent;border-radius:4px;font-size:12px;color:#666}#asset-picker img{height:48px;width:65px;object-fit:contain;display:block;margin:0 auto 5px}#asset-picker button[aria-pressed=true]{border-color:#91adc3;background:#f1f6fa;color:#225d87}.method-note{font-size:12px;color:#85858e;text-align:center;margin:5px 0}.model-top{position:absolute;left:20px;right:20px;top:15px;display:flex;justify-content:space-between;font-size:12px;color:#666;pointer-events:none}.model-top span:first-child{font-size:15px;color:#333}.model-tools{position:absolute;bottom:14px;right:15px;display:flex;gap:6px}.model-tools button{font-size:12px;padding:5px 12px}#model-canvas{width:100%;height:100%}#model-canvas canvas{display:block;touch-action:none}#model-status{position:absolute;bottom:8px;left:20px;font-size:12px;pointer-events:none;color:#666}.screens{border:1px solid #ddd}.screens>img{width:100%;display:block}.interaction-layout{display:grid;grid-template-columns:600px 1fr;gap:50px}.door-frame{height:440px;background:#f0eee7;border:1px solid #ddd}.door-frame img{width:100%;height:100%;object-fit:contain}.explanation{padding-top:64px;font-size:14px}.explanation h3{font-size:19px;font-weight:500;margin:0 0 24px}dl{display:grid;grid-template-columns:45px 1fr;gap:18px 12px}dt{font-weight:600}dd{margin:0;color:#72727a}.body-diagram{min-height:470px;background:#fafafa;border:1px solid #ddd;padding:45px 40px;text-align:center}.body-diagram h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 30px}.protocol{display:flex;align-items:center;justify-content:center;gap:25px}.protocol article{border:1px solid #c4c9ce;background:#fff;padding:16px 30px;flex:1}.protocol b{font-size:16px;font-weight:500}.protocol p{font-size:13px;color:#777;margin:8px 0}.connection{margin-top:30px;font-size:14px}.body-diagram>p{font-size:12px;color:#777}.implementation{border-top:1px solid var(--line);padding:25px 70px 45px;font-size:14px;color:#707078}.demo-link{display:block;text-align:center;margin-top:25px;font-size:16px}footer{text-align:center;border-top:1px solid #eee;padding:24px;color:#aaa;font-size:12px}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #73a2cc;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.animation-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12px}.animation-toolbar button{background:#fff;border:1px solid #d8d8df;border-radius:4px;color:#3b617e;padding:6px 14px;font-size:13px}.animation-toolbar span{margin-left:auto;color:#777}.asset-display{position:relative}.scan-line{display:none;position:absolute;left:0;right:0;height:2px;background:#57b6ea;box-shadow:0 0 20px 5px #57b6ea55;top:0;pointer-events:none}.is-playing[data-phase=recognition] .scan-line{display:block;animation:scan-scene 2.4s linear forwards}.is-playing[data-phase=recognition] .box{animation:detect-object .45s both;animation-delay:calc(var(--order)*.19s + .25s)}#extraction-view{position:relative;overflow:hidden;background:#f4f4f2}.extraction-context{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.08;filter:grayscale(1)}.extracted-object{position:absolute;left:50%;top:50%;width:280px;height:330px;transform:translate(-50%,-50%);text-align:center}.extracted-object img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 14px 16px #0002)}.extracted-object span{font-size:14px;color:#444}.extraction-label{position:absolute;bottom:18px;left:20px;font-size:12px;color:#777}.is-playing[data-phase=extraction] .extraction-context{animation:remove-background 2.5s ease both}.is-playing[data-phase=extraction] .extracted-object{animation:extract-object 2.5s cubic-bezier(.2,.7,.2,1) both}.is-playing[data-phase=model] #model-canvas{animation:reveal-model 1.2s ease both}.is-paused *{animation-play-state:paused!important}@keyframes scan-scene{from{top:0}to{top:100%}}@keyframes detect-object{from{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes remove-background{0%{opacity:1;filter:grayscale(0)}65%,100%{opacity:.08;filter:grayscale(1)}}@keyframes extract-object{0%{left:var(--origin-x);top:var(--origin-y);transform:translate(-50%,-50%) scale(.42);opacity:0}20%{opacity:1}100%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes reveal-model{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.is-playing *{animation:none!important}}
#play-process{background:#286a9c;border-color:#286a9c;color:white;font-weight:600;padding:9px 23px;box-shadow:0 3px 8px #286a9c20}#play-process:hover{background:#20577f}.process-hud{display:none!important;position:absolute!important;z-index:8;top:14px;left:16px;height:auto!important;background:#102b3dea;color:#b9e5ff;padding:10px 14px;font:11px/1.4 monospace;letter-spacing:1px;pointer-events:none;overflow:hidden;border:1px solid #75bce855;border-radius:3px}.is-playing .process-hud{display:flex!important;align-items:center;gap:8px}.hud-indicator{width:6px;height:6px;background:#9ddfff;border-radius:50%;box-shadow:0 0 9px #81d6ff;animation:hud-pulse .7s infinite alternate}.hud-progress{position:absolute;bottom:0;left:0;height:2px;background:#92d9ff;width:0}.is-playing[data-phase=recognition] .hud-progress{animation:progress 2.6s linear forwards}.is-playing[data-phase=extraction] .hud-progress{animation:progress-extract 2.7s linear forwards}.is-playing[data-phase=model] .hud-progress{animation:progress-convert 2.7s linear forwards}.scan-grid{display:none;position:absolute;inset:0;background:linear-gradient(#58b2e522 1px,transparent 1px),linear-gradient(90deg,#58b2e522 1px,transparent 1px);background-size:36px 36px;pointer-events:none;box-shadow:inset 0 0 80px #092c5266}.is-playing[data-phase=recognition] .scan-grid{display:block;animation:grid-reveal 2.6s ease both}.scan-line{height:3px;background:#c2efff;box-shadow:0 -18px 36px 15px #46c6ff40,0 0 10px #fff;z-index:2}.is-playing[data-phase=recognition] .box{box-shadow:0 0 15px color-mix(in srgb,var(--box) 50%,transparent);z-index:3}.extraction-ring{position:absolute;left:50%;top:50%;width:340px;height:340px;border:1px solid #68aacc55;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.extraction-ring:after{content:'';position:absolute;inset:16px;border:1px dashed #5798bd66;border-radius:50%}.is-playing .extraction-ring{animation:ring-expand 2.5s ease both}.is-playing[data-phase=model] #model-canvas{animation:reveal-model 1.2s ease both}.is-playing[data-phase=model] .model-top{top:62px}.is-playing #model-view:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 46%,#92ddff44 50%,transparent 54%);background-size:100% 200%;animation:conversion-scan 1.7s linear forwards}@keyframes progress{to{width:100%}}@keyframes progress-extract{to{width:100%}}@keyframes progress-convert{to{width:100%}}@keyframes hud-pulse{to{opacity:.35}}@keyframes grid-reveal{0%{opacity:0}20%,80%{opacity:1}100%{opacity:.35}}@keyframes ring-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes conversion-scan{from{background-position:0 100%}to{background-position:0 -100%}}
@media(prefers-reduced-motion:reduce){#asset-demo *{animation:none!important;transition:none!important}}
.recognition-heading,.gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.recognition-heading>span{font-size:14px;color:#666}.recognition-heading button{border:1px solid #799fbf;background:#edf4fa;color:#285e86;padding:8px 16px;border-radius:4px;font:14px inherit;cursor:pointer}#recognition-scene{position:relative;width:890px;margin:auto;overflow:hidden;aspect-ratio:1672/941;background:#f5f5f3}#recognition-scene>img{display:block;width:100%;height:100%}#all-annotations{position:absolute;inset:0}.recognition-box{position:absolute;border:2px solid var(--box);background:color-mix(in srgb,var(--box) 8%,transparent);border-radius:2px;padding:0}.recognition-box span{position:absolute;top:-22px;left:-2px;background:var(--box);color:white;white-space:nowrap;padding:1px 5px;font-size:11px}.recognition-box:hover{background:color-mix(in srgb,var(--box) 23%,transparent)}.recognizing .recognition-box{animation:detect-object .4s both;animation-delay:var(--delay)}.gallery-scan{display:none;position:absolute;left:0;right:0;height:2px;background:#c4f0ff;box-shadow:0 0 18px 8px #49beec55;pointer-events:none}.recognizing .gallery-scan{display:block;animation:scan-scene 2.3s linear forwards}.gallery-heading{border-top:1px solid #ddd;padding-top:23px;margin-top:28px}.gallery-heading h3{font-size:21px;font-weight:500;margin:0}.gallery-heading>span{font-size:12px;color:#888}#asset-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px}.gallery-card{min-width:0}.gallery-viewport{position:relative;height:230px;background:#f4f4f2;border:1px solid #e6e6e6;overflow:hidden}.gallery-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;z-index:2;background:#f4f4f2;transition:opacity .55s;pointer-events:none}.gallery-canvas{position:absolute;inset:0}.gallery-canvas canvas{display:block;touch-action:none}.model-ready .gallery-poster{opacity:0}.gallery-badge{position:absolute;top:9px;left:10px;font-size:10px;color:#74747b;z-index:3;pointer-events:none}.gallery-card-title{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.gallery-card h4{font-size:14px;font-weight:500;margin:0}.gallery-card h4 small{font-size:11px;color:#999;margin-right:4px}.gallery-reset,.gallery-retry{font-size:11px;color:#507590;background:white;border:1px solid #ddd;border-radius:3px;padding:3px 8px}.gallery-reset:disabled{opacity:.4;cursor:default}.gallery-status{font-size:11px;color:#888;margin:4px 0}.highlighted .gallery-viewport{animation:highlight-card 1.8s ease}@keyframes highlight-card{0%,50%{box-shadow:inset 0 0 0 3px #6c9bc4}100%{box-shadow:none}}@media(prefers-reduced-motion:reduce){.gallery-poster{transition:none}.recognizing *,.highlighted *{animation:none!important}}
.recognition-layout{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:22px;align-items:start}#recognition-scene{width:100%;margin:0}.selected-asset-panel{min-height:460px;display:flex;align-items:center;justify-content:center}#selection-empty{font-size:14px;color:#8a8a93;text-align:center}#selection-previews{width:100%}#selection-previews figure{margin:0 0 12px}.selection-square{width:100%;aspect-ratio:1;background:#f4f4f2;border:1px solid #e2e2e5;position:relative;overflow:hidden}.source-square{display:flex;align-items:center;justify-content:center;padding:12px}#source-crop{position:relative;overflow:hidden;flex:none}#selection-previews figcaption{font-size:11px;margin:5px 0 0;display:flex;align-items:center;justify-content:space-between;min-height:22px;text-align:left;color:#777}#selected-model{position:absolute;inset:0;transition:opacity .25s}#selected-model canvas{display:block;touch-action:none}#selected-reset{font-size:11px;padding:2px 6px;background:white;color:#51748f;border:1px solid #ddd;border-radius:3px}.recognition-box[aria-pressed=true]{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px var(--box)}
/* Two square previews plus their gap exactly match the source image height. */
.recognition-layout{grid-template-columns:minmax(0,1fr) calc((100% - 22px)*.2196032672 - 4.6823804px);align-items:stretch}.selected-asset-panel{min-height:0;align-self:stretch}#selection-previews{display:grid;grid-template-rows:1fr 1fr;gap:12px}#selection-previews figure{position:relative;margin:0;min-width:0}#selection-previews figcaption{position:absolute;left:8px;right:8px;bottom:5px;margin:0;padding:3px 5px;background:#f4f4f2e8;font-size:10px;pointer-events:none}#selection-previews figcaption button{pointer-events:auto}.source-square{padding:12px 12px 28px}
/* Character reference and its interactive reconstruction share equal viewports. */
.char-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.char-comparison figure{margin:0;min-width:0}.char-viewport{height:490px;position:relative;background:#f4f4f2;border:1px solid #e2e2e5;overflow:hidden}.char-viewport>img{display:block;width:100%;height:100%;object-fit:contain}[data-role="char-model"]{position:absolute;inset:0}[data-role="char-model"] canvas{display:block;touch-action:none}.char-comparison figcaption{display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:30px}.char-actions{display:flex;gap:6px}.char-actions button,[data-role="char-retry"]{font-size:12px;background:white;border:1px solid #d8d8df;border-radius:4px;color:#51748f;padding:4px 10px}.char-actions button[aria-pressed=true]{background:#eaf1f7;border-color:#85a9c5}.char-actions button:disabled{opacity:.45;cursor:default}[data-role="char-model-status"]{margin:0 0 24px}[data-role="char-retry"]{display:block;margin:0 auto 24px}

.char-comparison figure:last-child figcaption{flex-wrap:wrap;gap:6px}.char-actions{flex-wrap:nowrap;gap:5px;white-space:nowrap}.char-actions button{padding:4px 7px}.char-actions [data-char-action][aria-pressed=true]{background:#eaf1f7;border-color:#85a9c5;color:#225d87}

.char-example>h3{font-size:16px;font-weight:500;margin:24px 0 12px;color:#55555e}.char-example .char-comparison{margin-top:0}.char-example+.char-example{border-top:1px solid var(--line);padding-top:6px}
/* Research presentation: shared state connects authoring and runtime. */
.eyebrow{font-size:11px!important;letter-spacing:1.65px;color:#787e83!important;font-weight:600;text-align:left!important;margin:0 0 12px}.title{padding:64px 0 34px}.title .eyebrow{text-align:center!important}.title h1{font-size:62px;letter-spacing:-2.8px}.title h2{font-size:26px}.title .subtitle{font-size:21px;color:#3e4449;margin:14px 0}.hero-abstract{color:#777d83;font-size:15px;line-height:1.9;margin:14px 0 26px}.resources a{border-radius:5px;background:#30383d;padding:8px 18px}.resources a.secondary{background:white;border:1px solid #d9dde0;color:#4e606d}.research-video{margin:0}.research-video video{display:block;width:100%;aspect-ratio:16/9;background:#171e23;object-fit:contain;border:1px solid #e1e4e6}.research-video figcaption{margin:10px 0 26px;font-size:12px;color:#81868b}.system-overview{padding-top:42px;max-width:none!important;margin-bottom:42px!important}.system-overview>h2{text-align:left;font-size:28px;margin:0 0 16px;font-weight:550}.system-overview>p:not(.eyebrow):not(.figure-note){font-size:15px;color:#626870;max-width:960px}.system-figure{border:1px solid #d9dfe3;margin-top:28px;padding:24px 26px 0;background:#fcfcfb}.system-lane{display:grid;grid-template-columns:125px 1fr 22px 1.2fr 22px 1.2fr;gap:10px;align-items:center;padding:10px 0 22px}.system-lane+.system-lane{border-top:1px solid #e4e7e8;padding-top:22px}.lane-name{font-size:11px;letter-spacing:1.4px;color:#526b7b;font-weight:650}.lane-name small{display:block;letter-spacing:0;font-weight:400;color:#90979c;font-size:11px;margin-top:4px}.system-node{font-size:14px;font-weight:550;line-height:1.6}.system-node small{display:block;font-weight:400;font-size:11px;color:#848b90;margin-top:5px}.flow-arrow{color:#9baab3}.shared-world{border-top:1px solid #d9dfe3;background:#f0f3f4;margin:0 -26px;padding:15px 26px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6d7981}.shared-world b{font-weight:600;color:#354c59}.research-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:34px 0 8px}.research-points article>span,.camera-flow article>span{font-size:10px;letter-spacing:1px;color:#788892}.research-points h3{font-size:17px;font-weight:500;margin:7px 0}.research-points p{font-size:13px!important;color:#7b8085;line-height:1.8;margin:0;text-align:left!important}.authoring-brief{background:#f7f8f8;border-left:2px solid #8498a6;padding:15px 22px;margin:24px 0}.authoring-brief>span{font-size:11px;color:#7d8a92}.authoring-brief p{font-size:19px;color:#424e57;margin:4px 0}.authoring-brief small{font-size:12px;color:#8a9299}.authoring-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;counter-reset:steps;margin:24px 0 30px;gap:25px}.authoring-steps li{counter-increment:steps;border-top:1px solid #dbe1e4;padding:13px 0 0}.authoring-steps b{font-size:14px;font-weight:550;display:block;margin-bottom:5px}.authoring-steps b:before{content:'0' counter(steps);margin-right:12px;font-size:11px;color:#929da5;font-weight:400}.authoring-steps span{font-size:12px;color:#848b92;display:block;line-height:1.8}.section-note{font-size:12px;color:#91979c;margin:20px 0 0}.context-study{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin:34px 0 42px;padding:26px 30px;background:#f7f8f8;border:1px solid #e1e5e7}.context-study h3{font-size:19px;font-weight:500;margin:5px 0 10px}.context-study p:not(.eyebrow){font-size:13px;color:#747c83;margin:0 0 8px}.context-study small{font-size:11px;color:#969da3}.context-controls .controls{justify-content:flex-start;margin:0 0 18px;gap:6px}.context-controls button{padding:6px 11px;font-size:12px}.context-readout{font-size:12px;grid-template-columns:64px 1fr;gap:9px 15px;margin:0}.context-readout dt{font-weight:400;color:#8c949a}.context-readout dd{color:#475866}.subsection-heading{margin:32px 0 22px}.subsection-heading h3{font-size:23px;font-weight:500;margin:0 0 10px}.subsection-heading>p:not(.eyebrow){font-size:14px;color:#7f878e;margin:0}.evidence-switcher .controls{justify-content:flex-start}.compact{margin-bottom:10px}.camera-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #dfe4e7;border-bottom:1px solid #dfe4e7;padding:22px 0}.camera-flow h4{font-size:16px;font-weight:500;margin:8px 0}.camera-flow p{font-size:13px;color:#7c858c;margin:0}.connection-steps{display:flex;justify-content:center;align-items:center;gap:23px;padding:22px 0;font-size:12px;color:#5c6b76}.connection-steps i{font-style:normal;color:#a6b1b9}.runtime-note{border-left:2px solid #9aabb7;padding:3px 0 3px 20px;margin:28px 0 0;font-size:13px}.runtime-note b{font-weight:550}.runtime-note p{color:#808a92;margin:7px 0}.dashboard-evidence{margin:0}.dashboard-evidence img{width:100%;display:block;border:1px solid #e2e4e5}.implementation{padding:40px 0}.implementation h2{text-align:left;font-size:26px;margin:0 0 24px}.scope-table>div{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:15px 0;border-bottom:1px solid #e5e8ea}.scope-table b{font-size:13px;font-weight:500;color:#445764}.scope-table p{font-size:13px;color:#7d858b;margin:0}.material-credit{font-size:12px;color:#969da2;margin:24px 0}.closing-links{display:flex;align-items:center;justify-content:space-between;margin-top:30px;font-size:12px}.closing-links .demo-link{margin:0;font-size:16px}header nav{gap:23px}video:focus-visible{outline:3px solid #73a2cc;outline-offset:3px}
/* Preserve complete terrain and assembly screenshots instead of cropping objects. */
#world .frame{height:600px}#world .crop img{position:static;width:100%;height:100%;object-fit:contain;display:block}
/* Compact result gallery, with explicit video posters instead of empty players. */
.title{padding:44px 0 28px}.title h1{font-size:56px}.title h2{font-size:24px}.hero-abstract{margin:12px 0 20px}.dimension{padding:30px 0 32px}.dimension .intro{margin-bottom:18px}.video-shell{position:relative;aspect-ratio:16/9;background:#171e23;overflow:hidden}.video-shell video{height:100%;width:100%;border:0}.video-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#171e23;color:white}.video-cover img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:13px 23px;background:#18242ce8;border:1px solid #ffffff70;border-radius:5px;font-size:14px;white-space:nowrap}.video-cover:hover .video-play{background:#263f50}.video-cover:disabled{cursor:wait}.video-message{position:absolute;bottom:12px;left:12px;right:12px;margin:0;text-align:center;background:#17252ded;color:#fff;font-size:13px;padding:8px;pointer-events:none}.result-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.research-video figcaption{margin:8px 0 16px}.result-screenshot{display:block;width:100%;border:1px solid #ddd}.play-summary{font-size:13px;color:#73818b;text-align:center;margin:18px 0 0}.play-summary span{margin:0 12px;color:#adb5ba}footer{padding:24px 0 30px}footer>a:first-child{font-size:17px}footer p{margin:10px 0;font-size:12px;color:#8a9196}.char-example>h3{margin-top:16px}#world .frame{height:550px}.interaction-layout .explanation{padding-top:68px}
.live-result{min-width:0}.result-canvas{height:470px;background:#f5f5f2;border:1px solid #e1e2df}.result-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.result-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 0;font-size:12px}.result-tools label{display:flex;align-items:center;gap:7px;white-space:nowrap}.result-tools input[type=range]{width:95px;accent-color:#587d96}.result-tools input[type=checkbox]{accent-color:#587d96}.result-tools button{border:1px solid #d8dce0;padding:5px 10px;border-radius:3px;color:#38627d;background:white;font-size:12px}.result-tools output{min-width:25px;font-variant-numeric:tabular-nums}.live-result>p{margin:0;font-size:12px;color:#859097}.mechanism-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mechanism-grid h3{font-size:15px;font-weight:500;margin:0 0 12px}.mechanism-grid .result-canvas{height:380px}.mechanism-grid .result-tools{gap:9px}.network-figure{display:block;width:100%;padding:0;border:1px solid #e2e5e7;background:white;cursor:zoom-in}.network-figure img{display:block;width:100%}#network-dialog{max-width:95vw;max-height:94vh;padding:40px 10px 10px;border:1px solid #ccd3d9}#network-dialog img{max-width:100%;max-height:80vh;object-fit:contain}#network-dialog::backdrop{background:#16232b99}.network-close{position:absolute;right:14px;top:8px;background:white;border:1px solid #ddd;padding:4px 12px}.video-direct{display:block;text-align:right;font-size:11px;color:#6c8290;margin-top:5px}
/* Cinematic top, white research/results sections below. */
.nav-brand{display:flex;align-items:center;gap:9px}.page-switch{display:flex;background:#f1f2f2;border:1px solid #e2e5e7;border-radius:6px;padding:3px;gap:3px}.page-switch a{padding:5px 11px;color:#637581;font-size:12px}.page-switch [aria-current=page]{background:white;color:#273a48;border-radius:3px;box-shadow:0 1px 3px #182b3b15}.immersive-top{position:relative;isolation:isolate;min-height:690px;height:calc(100vh - 58px);max-height:950px;width:100vw;left:50%;margin-left:-50vw;margin-bottom:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 0 130px;color:white}.top-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transform:scale(1.12)}.top-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0b182b80,#0b182b52 40%,#07121ce8)}.top-copy{max-width:1000px;padding:0 35px}.top-kicker{font-size:11px;letter-spacing:3px;color:#d9e5eb;margin:0 0 25px}.immersive-top h1{font-size:clamp(72px,7vw,112px);letter-spacing:-4px;line-height:1.1;text-shadow:0 5px 35px #00152944;margin-bottom:25px}.immersive-top h2{font-size:26px;font-weight:400;color:#f1f4f6}.immersive-top .hero-abstract{color:#d3dce3;font-size:15px}.immersive-top .resources{margin-top:28px}.immersive-top .resources a{background:#fff;color:#172f40;border:1px solid white}.immersive-top .resources a.secondary{background:#182c3c88;border-color:#ffffff70;color:white}.module-journey{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(1060px,92%);border-top:1px solid #ffffff50;padding-top:19px;gap:0}.module-journey a{color:white;font-size:16px;text-align:center;padding:12px;border-radius:3px}.module-journey a:hover{background:#ffffff20;text-decoration:none}.module-journey small{font-size:10px;color:#b3c7d5;margin-right:10px}.project-nav nav a.is-active{color:#1e566f;font-weight:600}.embedded-demo{border:1px solid #dce1e4}.demo-module-tabs{display:flex;gap:7px;padding:10px;background:#f7f8f8;border-bottom:1px solid #dce1e4}.demo-module-tabs button{padding:6px 13px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;color:#677981}.demo-module-tabs [aria-pressed=true]{background:white;border-color:#d7dfe3;color:#244f69}.demo-module-tabs [data-demo-stop]{margin-left:auto}.demo-stage{height:680px;position:relative;background:#f2f3f1;overflow:hidden}.demo-stage>img{width:100%;height:100%;object-fit:cover}.demo-stage iframe{width:100%;height:100%;border:0;display:block}.demo-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 24px;color:white;background:#183446e8;border:1px solid #ffffff80;border-radius:5px;font-size:15px}
.immersive-top .top-scene{transform:scale(1.32)}