:root{--bg:#060608;--bg-deep:#030304;--panel:#0d0d12;--panel-2:#121219;--text:#f4f2f8;--muted:#9d99aa;--gv-l:#6366f1;--gv-r:#ec4899;--accent:#9c5cf0;--accent-soft:#161326;--line:rgba(255,255,255,.11);--line-strong:rgba(255,255,255,.22);--on-accent:#fff;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--bg-deep)}body{color-scheme:dark;margin:0;background:radial-gradient(circle at 18% 0,rgba(99,102,241,.12),transparent 29rem),radial-gradient(circle at 85% 8%,rgba(236,72,153,.1),transparent 28rem),var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #c084fc;outline-offset:4px}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1.03;font-weight:500}h3{font-weight:500;line-height:1.3}.mono,.eyebrow,.section-label,.caption{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.caption{color:var(--muted);font-size:10px;line-height:1.8;letter-spacing:0}.eyebrow{color:#b8a0ff;display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:10px}.status-dot{height:7px;width:7px;border-radius:50%;background:linear-gradient(135deg,var(--gv-l),var(--gv-r));box-shadow:0 0 14px rgba(192,132,252,.8);flex-shrink:0}
.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:15px max(5%,calc((100% - 1440px)/2));border-bottom:1px solid var(--line);gap:24px;background:rgba(6,6,8,.72);backdrop-filter:blur(22px) saturate(140%)}.brand{display:flex;align-items:center;font-size:20px;font-weight:650;letter-spacing:-.8px;gap:9px}.brand-gradient,.gameverse-title{background:linear-gradient(90deg,var(--gv-l),var(--gv-r));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(129,92,246,.4))}.nav nav{display:flex;gap:5px;font-size:12px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.nav nav a{color:var(--muted);padding:6px 11px;border-radius:999px;transition:color .25s,background .25s}.nav nav a.active,.nav nav a:hover{color:var(--text);background:rgba(255,255,255,.08)}.nav-link{font-size:12px;white-space:nowrap}.nav-link span{padding-left:10px;color:#c084fc}main,footer{max-width:1600px;margin:auto}
.hero{padding:54px 5% 0;min-height:calc(100svh - 68px)}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.edition{color:var(--muted);font-size:9px}.hero-layout{display:grid;grid-template-columns:.88fr 1.12fr;grid-template-areas:'copy preview' 'metrics metrics';column-gap:clamp(34px,5vw,84px);align-items:center}.hero-copy{grid-area:copy;min-width:0}.gameverse-title{display:flex;width:max-content;max-width:100%;font-size:clamp(64px,8vw,118px);font-weight:650;letter-spacing:-.09em;line-height:.9;margin:0 0 25px -7px;filter:drop-shadow(0 0 30px rgba(128,91,240,.22))}.gameverse-title span{color:color-mix(in srgb,var(--gv-l) calc(100% - var(--mix)),var(--gv-r) var(--mix));-webkit-text-fill-color:currentColor}.hero-copy h2{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.04em;line-height:1.2;max-width:600px}.hero-intro{font-size:14px;color:var(--muted);margin-top:20px;max-width:540px}.authors{color:var(--muted);font-size:11px;line-height:1.75;margin:20px 0;max-width:590px}.resource-links{display:flex;gap:8px;flex-wrap:wrap}.resource{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:42px;background:rgba(255,255,255,.035);transition:transform .25s,border-color .25s,background .25s}.resource span{font:9px var(--mono);color:var(--muted)}.resource:hover{transform:translateY(-2px);border-color:rgba(192,132,252,.7);background:rgba(255,255,255,.07)}.resource.primary{background:linear-gradient(100deg,var(--gv-l),var(--gv-r));color:var(--on-accent);border-color:transparent;box-shadow:0 10px 30px rgba(144,82,238,.25)}.resource.primary span{color:var(--on-accent)}.pending{background:rgba(255,255,255,.02);color:var(--muted)}.hero-preview{grid-area:preview;min-width:0;perspective:1100px}.hero-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 70px rgba(119,89,239,.14);transform:translateY(var(--hero-shift,0)) rotateX(var(--hero-tilt,0deg));transition:transform .12s linear}.hero-screen video{width:100%;height:100%;object-fit:contain;background:#000}.hero-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 52%,rgba(0,0,0,.22));pointer-events:none}.screen-top,.screen-bottom{color:#fff;position:absolute;z-index:1;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-top{top:18px}.screen-bottom{bottom:20px}.screen-tag,.motion-button{font:9px var(--mono);color:#fff;background:rgba(7,7,10,.62);padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;backdrop-filter:blur(10px)}.motion-button{font-size:10px}.screen-bottom .mono{font-size:9px;color:#ddd8ff}.screen-bottom h3{font-size:22px;margin-top:4px}.screen-explore{font:10px var(--mono);color:#fff;border-bottom:1px solid #ffffff70;padding-bottom:3px;white-space:nowrap}.hero-choices{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.hero-choices button{border:1px solid var(--line);border-radius:999px;padding:6px 11px;background:rgba(255,255,255,.025);font-size:10px;min-height:32px}.hero-choices button.active{border-color:rgba(192,132,252,.6);color:#ddd1ff;background:rgba(126,87,245,.14)}.hero-caption{margin-top:9px}.metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:42px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,rgba(99,102,241,.09),rgba(236,72,153,.055) 60%,rgba(255,255,255,.025));box-shadow:0 18px 60px rgba(0,0,0,.2)}.metrics>div{padding:0 28px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:5px}.metrics>div:last-child{border:0}.metrics strong{display:block;font-size:clamp(31px,3.2vw,48px);letter-spacing:-.06em;font-weight:500;line-height:1.15}.metrics span{display:block;font:10px var(--mono);color:var(--muted);margin-top:8px}
.section{padding:clamp(72px,8vw,118px) 5%;border-bottom:1px solid var(--line);position:relative}.section-label{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px;margin-bottom:25px}.section-label>span{color:#c4b5fd;padding:3px 7px;border:1px solid rgba(192,132,252,.3);border-radius:999px}.statement{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.statement h2{max-width:500px}.statement .lead{font-size:18px;line-height:1.7;letter-spacing:-.02em;max-width:700px;color:#d8d5df}.feature-summary{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font:10px var(--mono)}.feature-summary span{padding:6px 10px;border:1px solid var(--line);border-radius:999px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}.section-heading>p{max-width:370px;color:var(--muted);font-size:13px}.text-link{display:inline-flex;align-items:center;gap:20px;color:#c4b5fd;font-size:12px;margin-top:15px}
.filters,.chart-toggle,.projection-tabs,.result-tabs{display:flex;align-items:center;gap:7px;margin-bottom:24px}.filters button,.chart-toggle button,.projection-tabs button,.result-tabs button{font:10px var(--mono);padding:9px 13px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:999px;min-height:36px}.filters button.active,.chart-toggle button.active,.projection-tabs button.active,.result-tabs button.active{background:linear-gradient(100deg,var(--gv-l),var(--gv-r));color:var(--on-accent);border-color:transparent}.filters>span{margin-left:auto;color:var(--muted);font-size:10px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin-bottom:22px}.game-card{border:0;padding:0;background:none;text-align:left;display:block;width:100%;min-width:0}.card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--panel);border-radius:14px;border:1px solid var(--line);box-shadow:0 14px 38px rgba(0,0,0,.28);transition:transform .35s,border-color .35s,box-shadow .35s}.game-card:hover .card-media{transform:translateY(-5px);border-color:rgba(192,132,252,.45);box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 35px rgba(110,84,238,.12)}.card-media img,.card-media video{width:100%;height:100%;object-fit:contain;transition:transform .6s}.card-media video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.game-card.previewing video{opacity:1}.view-tag{color:#fff;position:absolute;top:11px;left:11px;background:rgba(7,7,10,.68);border:1px solid rgba(255,255,255,.18);font:9px var(--mono);padding:5px 8px;border-radius:999px;z-index:1}.open-icon{position:absolute;right:11px;bottom:11px;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gv-l),var(--gv-r));color:#fff;font-size:16px}.hover-play{position:absolute;bottom:12px;left:12px;color:#fff;font:9px var(--mono);background:rgba(7,7,10,.68);padding:5px 8px;border-radius:999px;opacity:0;transition:opacity .2s}.game-card.previewing .hover-play,.game-card:focus-visible .hover-play{opacity:1}.card-info{display:flex;justify-content:space-between;margin-top:12px;gap:8px}.card-info h3{font-size:15px}.card-sub{font:9px/1.6 var(--mono);color:var(--muted);margin-top:5px}.card-sub .preview-length{color:var(--text)}
.continuity-player{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.continuity-player video{width:100%;aspect-ratio:16/9;max-height:590px;background:#030304;object-fit:contain}.player-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px}.player-meta h3{font-size:18px;margin-top:5px}.player-meta .eyebrow{font-size:9px}.player-meta .text-link{margin:0;white-space:nowrap}.keyframes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 10px}.keyframe{padding:0;border:1px solid var(--line);border-radius:11px;background:var(--panel);text-align:left;overflow:hidden}.keyframe img{width:100%;aspect-ratio:16/9;object-fit:contain}.keyframe span{display:block;padding:8px 10px;font:10px var(--mono)}.keyframe.active{border-color:#a78bfa;box-shadow:0 0 25px rgba(126,87,245,.16)}.keyframe.active span{color:#c4b5fd}.scale-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-top:42px}.duration-chart{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.chart-title h3{font-size:17px}.chart-toggle{gap:4px;margin:0}.chart-toggle button{padding:6px 9px}.bar-row{display:grid;grid-template-columns:86px 1fr 70px;gap:12px;align-items:center;margin-bottom:12px;font:10px var(--mono)}.bar-label{color:var(--muted)}.bar-track{height:18px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#504f9f,#8c68d8);min-width:2px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.bar-row:last-child .bar-track i{background:linear-gradient(90deg,var(--gv-l),var(--gv-r))}.bar-value{text-align:right}.duration-chart>.caption{margin-top:20px}.horizon-note{padding:18px 0}.horizon-note>.mono{color:var(--muted);font-size:10px}.horizon-note strong{display:block;font-size:clamp(64px,7vw,104px);font-weight:500;background:linear-gradient(90deg,var(--gv-l),var(--gv-r));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.075em;line-height:1.1;margin-top:12px}.horizon-note h3{font-size:23px;letter-spacing:-.5px;max-width:380px}.horizon-note p{font-size:13px;color:var(--muted);margin-top:18px;max-width:340px}.timeline{display:flex;align-items:center;margin-top:26px;gap:10px;font:10px var(--mono)}.timeline i{flex:1;height:1px;background:linear-gradient(90deg,var(--gv-l),var(--gv-r))}.statistics-details{margin-top:24px}.statistics-details summary{cursor:pointer;color:var(--muted);font-size:11px}.statistics-details p{margin-top:12px;max-width:900px}
.annotation-layout{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.annotation-visual{min-width:0;display:flex;flex-direction:column;align-self:start}.annotation-visual video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#030304}.annotation-visual-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font-size:12px}.annotation-visual-footer .mono{color:var(--muted);font-size:10px}.seek-label{font:9px var(--mono);color:var(--muted);padding:0 18px}.annotation-seek{margin:8px 18px 20px;width:calc(100% - 36px);accent-color:#a855f7;min-height:24px;cursor:pointer}.annotation-panel{padding:24px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,rgba(99,102,241,.055),transparent 45%)}.annotation-tabs{display:flex;gap:4px;margin-bottom:17px}.annotation-tabs button{flex:1;border:0;border-bottom:1px solid var(--line);background:none;padding:9px 3px;font:10px var(--mono);color:var(--muted);min-height:38px}.annotation-tabs button.active{color:#c4b5fd;border-color:#a78bfa}.segment-range{color:#c4b5fd;font-size:10px;margin-bottom:12px}.annotation-content{font-size:16px;line-height:1.7;letter-spacing:-.1px;min-height:135px}.schema-note{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:10px;color:var(--muted);line-height:1.7}.trajectory-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:45px;margin-top:35px;align-items:center}.trajectory-layout h3{font-size:25px;letter-spacing:-.6px;margin:12px 0}.trajectory-layout p:not(.caption){color:var(--muted);font-size:13px;max-width:430px}.projection-tabs{margin:15px 0}.trajectory-chart{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px}.trajectory-chart svg{display:block;width:100%;height:auto}.trajectory-chart .caption{margin-top:8px}.trajectory-axis{stroke:rgba(255,255,255,.16);stroke-width:1}.trajectory-label{font:10px var(--mono);fill:var(--muted)}.trajectory-path{stroke:#a78bfa;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(167,139,250,.6))}.trajectory-start{fill:var(--panel);stroke:#a78bfa;stroke-width:2}.trajectory-end{fill:var(--gv-r)}
.result-tabs{flex-wrap:wrap}.result-labels{display:grid;grid-template-columns:20% 80%;font:10px var(--mono);color:var(--muted);padding:8px 0}.result-labels span:nth-child(2){padding-left:12px;color:#c4b5fd}#result-panel{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}#result-figure{width:100%;height:auto}.results-section>.caption{margin-top:14px}.result-scene-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:14px}.result-scene-label select{font:12px var(--sans);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);max-width:100%}
.pipeline-section .section-heading{margin-bottom:25px}.pipeline{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}.pipeline li{border:1px solid var(--line);border-radius:15px;padding:20px;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:transform .3s,border-color .3s}.pipeline li:hover{transform:translateY(-4px);border-color:rgba(192,132,252,.4)}.pipeline li:not(:last-child):after{content:'→';position:absolute;top:17px;right:16px;color:var(--muted)}.pipeline .mono{font-size:9px;color:#c4b5fd}.pipeline h3{font-size:18px;letter-spacing:-.4px;margin:15px 0 9px}.pipeline p{font-size:12px;color:var(--muted)}.access-section{padding-top:55px;padding-bottom:55px}.access-box{background:linear-gradient(120deg,rgba(99,102,241,.14),rgba(236,72,153,.09));border:1px solid rgba(192,132,252,.26);border-radius:var(--radius);padding:38px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.access-box h2{font-size:42px}.access-box p{font-size:13px;color:var(--muted);max-width:560px;margin-top:18px}.access-actions{display:flex;flex-direction:column;gap:12px}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,var(--gv-l),var(--gv-r));color:var(--on-accent);padding:13px 18px;font-size:12px;border:0;border-radius:999px}.button.outline{color:#ddd6fe;background:rgba(255,255,255,.035);border:1px solid rgba(192,132,252,.35)}.button:hover{filter:brightness(1.12)}.button.outline:hover{background:rgba(126,87,245,.12)}.citation-section{display:grid;grid-template-columns:1fr 1.5fr;gap:45px}.citation-section h2{font-size:36px}.citation-code{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;min-width:0}.citation-code>button{display:block;margin-left:auto;font:10px var(--mono);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:8px 12px;min-height:36px}.citation-code pre{font:11px/1.9 var(--mono);color:var(--muted);overflow:auto;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}footer{padding:34px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>.mono{font-size:10px;color:var(--muted)}
.clip-dialog{color:var(--text);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);width:min(1100px,94vw);max-height:92dvh;padding:30px;overflow:auto;box-shadow:var(--shadow)}.clip-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:9px;right:12px;border:0;background:none;font-size:28px;width:40px;height:40px}.dialog-header h2{font-size:30px;letter-spacing:-1px;margin-top:13px}.dialog-header p{font:10px/1.7 var(--mono);color:var(--muted);margin:10px 0 22px}.dialog-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.dialog-layout video{width:100%;align-self:start;border-radius:12px;background:#000}.dialog-layout h3{font-size:17px;margin-bottom:10px}.dialog-layout h4{font:10px var(--mono);color:#c4b5fd;margin:16px 0 5px}.dialog-layout p{font-size:12px;color:var(--muted);line-height:1.7}.clip-dialog>.caption{margin-top:18px}.dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.dialog-navigation button{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;min-height:40px}.dialog-navigation span{color:var(--muted);font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;background:linear-gradient(90deg,var(--gv-l),var(--gv-r));color:var(--on-accent);padding:10px 20px;z-index:60}.skip-link:focus{top:10px}#load-error{padding:20px;color:#f0a6cf;text-align:center}body.modal-open{overflow:hidden}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.scroll-progress{position:fixed;z-index:60;top:0;left:0;width:var(--scroll-progress,0);height:2px;background:linear-gradient(90deg,var(--gv-l),var(--gv-r));box-shadow:0 0 12px rgba(192,132,252,.7);pointer-events:none}
@media(max-width:1200px){.hero-layout{column-gap:30px}.hero-copy h2{font-size:26px}.resource{padding:8px 10px;gap:9px}.hero-choices button{padding:6px 8px}.edition{display:none}.nav nav{gap:2px}.section-heading{gap:30px}.scale-layout{gap:35px}}
@media(max-width:1000px){.hero{min-height:0}.hero-layout{grid-template-columns:1fr;grid-template-areas:'copy' 'metrics' 'preview'}.hero-copy{max-width:800px}.hero-copy h2{font-size:28px;max-width:700px}.hero-intro,.authors{max-width:680px}.hero-preview{margin-top:28px}.hero-screen{aspect-ratio:16/9;max-height:480px}.hero-screen video{object-fit:cover}.hero-choices{margin-top:10px}.metrics{margin-top:28px}.section{padding-top:72px;padding-bottom:72px}.statement{gap:5%;grid-template-columns:1fr 1.15fr}.statement .lead{font-size:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.annotation-layout{grid-template-columns:1fr 1fr}.annotation-content{font-size:14px}.annotation-panel{padding:18px}.trajectory-layout{gap:25px}.dialog-layout{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline li:nth-child(2):after{display:none}.access-box{gap:25px;padding:28px}.citation-section{grid-template-columns:1fr 1.8fr;gap:25px}}
@media(max-width:700px){html{scroll-padding-top:115px}.nav{padding:12px 6% 9px;gap:8px;flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:space-between;gap:4px;overflow-x:auto;font-size:11px;padding-top:5px;scrollbar-width:none;border:0;border-top:1px solid var(--line);border-radius:0;background:none}.nav nav a{white-space:nowrap;min-height:30px;display:flex;align-items:center;padding:4px 7px}.brand{font-size:18px}.brand-icon{width:28px;height:28px}.hero{padding:30px 6% 0}.hero-top{margin-bottom:22px}.gameverse-title{font-size:clamp(54px,15vw,82px)}.eyebrow{font-size:9px}.hero-copy h2{font-size:24px}.hero-intro{font-size:13px;margin-top:13px}.authors{font-size:10px;margin:14px 0}.metrics{padding:20px}.metrics>div{padding:0 17px}.metrics strong{font-size:30px}.metrics span{font-size:9px}.section{padding:60px 6%}h2{font-size:36px}.statement{grid-template-columns:1fr;gap:22px}.statement .lead{font-size:16px}.section-heading{display:block}.section-heading>p{margin-top:16px;max-width:500px}.scale-layout{grid-template-columns:1fr;gap:20px;margin-top:30px}.horizon-note strong{font-size:72px}.annotation-layout{grid-template-columns:1fr}.annotation-content{font-size:15px;min-height:115px}.annotation-panel{padding:20px}.schema-note{margin-top:20px}.trajectory-layout{grid-template-columns:1fr;gap:20px}.trajectory-layout p:not(.caption){max-width:100%}.access-box{grid-template-columns:1fr;gap:23px}.access-box h2{font-size:34px}.citation-section{grid-template-columns:1fr;gap:22px}.citation-code pre{font-size:10px}footer{padding:26px 6%;flex-wrap:wrap}footer p{width:100%;order:3}.clip-dialog{padding:27px 18px}.player-meta{padding:13px 16px}.keyframes{gap:7px}.keyframe span{font-size:9px;padding:7px}.result-tabs button{font-size:9px}#result-figure{min-width:750px}.results-section>.caption:after{content:' Swipe horizontally to inspect the generated frames.'}}
@media(max-width:480px){.gameverse-title{font-size:clamp(48px,14.3vw,68px);margin-left:-3px}.hero-copy h2{font-size:21px}.resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.resource{padding:8px 12px;min-height:40px;font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;padding:17px;gap:18px 0}.metrics>div{padding:0 16px}.metrics>div:nth-child(2){border:0}.metrics>div:nth-child(3){padding-left:0}.metrics strong{font-size:30px}.hero-preview{margin-top:22px}.screen-top,.screen-bottom{left:13px;right:13px}.screen-top{top:12px}.screen-bottom{bottom:13px}.screen-tag,.motion-button{font-size:8px;padding:6px 8px}.screen-bottom h3{font-size:18px}.screen-explore{font-size:9px}.hero-choices{gap:6px}.hero-choices button{font-size:9px;padding:6px 8px;min-height:34px}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:9px;padding:8px 10px}.filters>span{font-size:8px}.gallery{grid-template-columns:1fr;gap:23px}.duration-chart{padding:18px}.chart-title{gap:10px;align-items:start}.chart-title h3{font-size:15px;max-width:140px}.bar-row{grid-template-columns:68px 1fr 59px;font-size:9px;gap:8px}.player-meta{align-items:start;gap:8px}.keyframes{gap:5px}.keyframe span{padding:6px 4px;font-size:8px}.pipeline{gap:16px;grid-template-columns:1fr}.pipeline li:after{display:none}.access-box{padding:23px}.result-labels{display:none}.result-scene-label{flex-wrap:wrap}.result-scene-label select{width:100%}}
/* Slate visual system: the paper gradient belongs to the GameVerse wordmark only. */
:root{--bg:#17191f;--bg-deep:#121419;--panel:#20232b;--panel-2:#272b34;--text:#f7f8fa;--muted:#b3b8c3;--accent:#f7f8fa;--accent-soft:#292d36;--line:rgba(255,255,255,.13);--line-strong:rgba(255,255,255,.25);--shadow:0 22px 60px rgba(0,0,0,.21)}
body{background:radial-gradient(circle at 60% 0,rgba(255,255,255,.045),transparent 38rem),var(--bg)}
body:before{opacity:.11}
.nav{background:rgba(29,32,39,.84)}
.institution-logos{display:flex;align-items:center;gap:15px;min-width:0;flex-shrink:0}
.institution-link{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:0;opacity:.92;transition:opacity .2s,transform .2s}
.institution-link:hover{opacity:1;transform:translateY(-2px)}
.institution-link img{display:block;object-fit:contain}
.alaya-link{gap:6px;font-size:11px;font-weight:700;letter-spacing:.045em;white-space:nowrap}
.alaya-link img{width:25px;height:25px}
.sii-link img{width:114px;height:32px}
.whu-link img{width:103px;height:32px}
.institution-link+.institution-link{border-left:1px solid var(--line);padding-left:15px}
.nav nav a.active,.nav nav a:hover{background:rgba(255,255,255,.12)}
.nav-link span{color:var(--text)}
.eyebrow,.section-label>span,.text-link,.segment-range,.result-labels span:nth-child(2),.pipeline .mono,.dialog-layout h4{color:#ecedf2}
.status-dot{background:#f7f8fa;box-shadow:0 0 12px rgba(255,255,255,.4)}
.gameverse-title{filter:none}
.hero-screen{box-shadow:var(--shadow);border-color:var(--line-strong)}
.resource.primary,.filters button.active,.chart-toggle button.active,.projection-tabs button.active,.result-tabs button.active,.button{background:#f2f3f5;color:#17191f;border-color:#f2f3f5;box-shadow:none}
.resource.primary span{color:#525762}
.resource:hover,.resource-card:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.09)}
.hero-choices button.active{border-color:rgba(255,255,255,.55);color:var(--text);background:rgba(255,255,255,.12)}
.metrics{background:linear-gradient(120deg,#252832,#20232a);box-shadow:var(--shadow)}
.section-label>span{border-color:var(--line-strong)}
.feature-summary span{background:rgba(255,255,255,.035)}
.game-card:hover .card-media,.pipeline li:hover{border-color:rgba(255,255,255,.42);box-shadow:0 20px 55px rgba(0,0,0,.26)}
.open-icon{background:#f2f3f5;color:#17191f}
.keyframe.active{border-color:var(--text);box-shadow:0 0 18px rgba(255,255,255,.1)}
.keyframe.active span,.annotation-tabs button.active{color:var(--text)}
#duration-bars .bar-row:nth-child(1){--bar-tone:#6b7fa8}
#duration-bars .bar-row:nth-child(2){--bar-tone:#6d8dad}
#duration-bars .bar-row:nth-child(3){--bar-tone:#709bb3}
#duration-bars .bar-row:nth-child(4){--bar-tone:#73a9ba}
#duration-bars .bar-row:nth-child(5){--bar-tone:#77b6bf}
#duration-bars .bar-row:nth-child(6){--bar-tone:#7fc4c3}
#duration-bars .bar-row:nth-child(7){--bar-tone:#8dd1c7}
#duration-bars .bar-row:nth-child(8){--bar-tone:#a8dfce}
#duration-bars .bar-track{background:#343942}
#duration-bars .bar-track i{background:var(--bar-tone);background:linear-gradient(90deg,color-mix(in srgb,var(--bar-tone) 72%,#344354),var(--bar-tone));box-shadow:inset 0 1px rgba(255,255,255,.16)}
#duration-bars .bar-label,#duration-bars .bar-value{color:var(--text)}
.horizon-note strong{background:none;color:var(--text)}
.timeline i{background:linear-gradient(90deg,#777e8b,#e3e6ec)}
.annotation-panel{background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%)}
.annotation-seek{accent-color:#f2f3f5}
.annotation-tabs button.active{border-color:var(--text)}
.trajectory-path{stroke:#e6e8ed;filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}
.trajectory-start{stroke:var(--text)}
.trajectory-end{fill:var(--text)}
.trajectory-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 10px;color:var(--muted);font-size:9px}
.trajectory-head #trajectory-time{color:#93dce1;white-space:nowrap}
.trajectory-path{stroke:#516278;stroke-width:2.25;filter:none;opacity:.75}
.trajectory-progress{stroke:url(#trajectory-gradient);stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(84,199,210,.5))}
.trajectory-start{stroke:#84a7f3;stroke-width:2}
.trajectory-end{fill:#e5cc91}
.trajectory-current-halo{fill:rgba(84,199,210,.18);stroke:rgba(132,222,227,.42);stroke-width:1.5}
.trajectory-current{fill:#e9ffff;stroke:#43bec9;stroke-width:2;filter:drop-shadow(0 0 5px rgba(84,199,210,.9))}
.result-labels span:nth-child(2){color:var(--text)}
.access-section{padding-top:90px;padding-bottom:90px}
.access-section .section-heading{margin-bottom:30px}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resource-card{display:flex;flex-direction:column;justify-content:space-between;min-height:204px;padding:25px 28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .25s,background .25s,transform .25s}
.resource-card:hover{transform:translateY(-3px)}
.resource-card-top,.resource-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.resource-card-top .mono{color:var(--muted);font-size:10px}
.resource-state{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 9px;font:9px var(--mono);color:var(--text)}
.resource-state.muted{border-color:var(--line);color:var(--muted)}
.resource-card-bottom strong{display:block;font-size:clamp(19px,2vw,27px);font-weight:500;letter-spacing:-.045em;line-height:1.15}
.resource-card-bottom small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.resource-arrow{font-size:26px;line-height:1;align-self:flex-end}
.citation-section{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(36px,7vw,110px);align-items:start;background:transparent;border-top:1px solid var(--line);padding-top:94px;padding-bottom:104px}
.citation-heading{display:block;margin:0}
.citation-heading h2{font-size:clamp(36px,4vw,58px);max-width:420px}
.citation-heading p{color:var(--muted);font-size:13px;line-height:1.8;max-width:330px;margin-top:22px}
.citation-code{padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.citation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 19px;border-bottom:1px solid var(--line-strong);background:none}
.citation-toolbar .mono{color:var(--muted);font-size:10px}
.citation-code .citation-toolbar button{margin:0;background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px;min-height:38px;transition:background .2s,color .2s}
.citation-code .citation-toolbar button:hover{background:var(--text);color:var(--bg)}
.citation-code pre{color:#e5e7eb;font-size:clamp(11px,1vw,13px);line-height:1.9;margin:0;padding:21px 0 10px;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;overflow-x:visible}
.clip-dialog{background:var(--panel)}
.skip-link{background:#f2f3f5;color:#17191f}
.scroll-progress{background:#f2f3f5;box-shadow:0 0 10px rgba(255,255,255,.35)}
footer .brand-icon{filter:none}
@media(max-width:1200px){.institution-logos{gap:10px}.institution-link+.institution-link{padding-left:10px}.sii-link img{width:101px}.whu-link img{width:91px}.alaya-link{font-size:10px}}
@media(max-width:1000px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center}.nav-link{margin-left:auto}}
@media(max-width:700px){.institution-logos{gap:6px}.institution-link+.institution-link{padding-left:7px}.alaya-link{gap:4px;font-size:9px}.alaya-link img{width:20px;height:20px}.sii-link img{width:88px;height:26px}.whu-link img{width:77px;height:26px}.nav nav{justify-content:space-between}.access-section,.citation-section{padding-top:62px;padding-bottom:68px}.citation-section{grid-template-columns:1fr;gap:35px}.citation-heading p{margin-top:15px}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:165px}.citation-code pre{font-size:10px}}
@media(max-width:480px){.nav{column-gap:4px}.institution-logos{gap:4px}.institution-link+.institution-link{padding-left:5px}.alaya-link span{font-size:8px}.alaya-link img{width:17px;height:17px}.sii-link img{width:75px;height:24px}.whu-link img{width:66px;height:24px}.nav-link{font-size:10px}.nav nav a{padding:4px 3px}.citation-toolbar{gap:8px}.citation-toolbar .mono{font-size:9px}.citation-code .citation-toolbar button{padding:8px 12px;font-size:10px}.resource-card{padding:21px}}
@supports not (color:color-mix(in srgb,red,blue)){.gameverse-title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--gv-l),var(--gv-r));-webkit-background-clip:text;background-clip:text}}
/* Connected thumbnail timeline for the complete two-minute recording. */
.sequence-heading{display:flex;justify-content:space-between;gap:16px;margin:30px 0 0;color:var(--muted);font-size:10px}
.keyframes{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:10px 0 8px;padding-top:25px}
.keyframes:before{content:'';position:absolute;left:13px;right:13px;top:8px;height:1px;background:var(--line-strong)}
.keyframe{position:relative;display:block;text-align:left;padding:0;border:0;background:transparent;overflow:visible;min-width:0;scroll-snap-align:start}
.keyframe .keyframe-dot{position:absolute;top:-21px;left:10px;z-index:1;width:9px;height:9px;padding:0;border:2px solid #9fa6b3;border-radius:50%;background:var(--bg);box-shadow:0 0 0 5px var(--bg)}
.keyframe.active .keyframe-dot{background:var(--text);border-color:var(--text)}
.keyframe .keyframe-image{display:block;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);transition:border-color .25s,transform .25s}
.keyframe:hover .keyframe-image{transform:translateY(-3px);border-color:var(--line-strong)}
.keyframe.active .keyframe-image{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}
.keyframe .keyframe-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.keyframe .keyframe-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 2px 6px;color:var(--muted);border-bottom:1px solid var(--line);font:10px var(--mono)}
.keyframe .keyframe-meta b{font-weight:500;font-size:12px;color:var(--text)}
.keyframe .keyframe-meta small{font-size:9px;letter-spacing:.04em}
.keyframe.active .keyframe-meta{border-color:var(--text)}
.sequence-caption{margin-top:11px}
.annotation-visual-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.keyframes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,41vw);grid-template-columns:none;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.keyframes:before{display:none}.sequence-heading{margin-top:24px}.keyframe .keyframe-dot{top:-20px}}
@media(max-width:480px){.keyframes{grid-auto-columns:minmax(150px,54vw)}.sequence-heading .mono:last-child{display:none}}
/* The deployed repository displays original result frames as individual links. */
.result-frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.result-frame{margin:0;min-width:0}.result-frame a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);transition:transform .25s,border-color .25s}.result-frame a:hover{transform:translateY(-3px);border-color:var(--line-strong)}.result-frame img{display:block;width:100%;height:auto}.result-frame:first-child a{border-color:var(--line-strong)}.result-details{margin-top:14px;color:var(--muted);font-size:11px}.result-details summary{cursor:pointer}.result-details p{margin-top:10px;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:1000px){.result-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}}
@media(max-width:480px){.result-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.result-frame:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.hero-screen{transform:none!important}}

/* Keep the newer locally hosted font and result prompts in the slate layout. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/InterVariable.woff2) format("woff2")}
:root{--sans:Inter,Arial,sans-serif}
.resource-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.resource-label .resource-icon,.nav-link .resource-icon{width:16px;height:16px;flex:none}
.resource-icon-emoji{display:inline-grid;place-items:center;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:16px}
.resource .resource-status{color:var(--muted)}
.result-prompt{margin-top:20px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.result-prompt h3{margin-bottom:10px}
.result-prompt p{max-width:100%;color:var(--muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:480px){.result-prompt{padding:16px 18px}.result-prompt p{font-size:13px}}