:root{color-scheme:dark;--bg:#091221;--panel:#0f1e30;--line:#253b50;--ink:#e8f2f7;--muted:#9eb2c4;--cyan:#6ee2ec;--gold:#e9bf71;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 38% 0,#142a40 0,transparent 55%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,#viewport:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:absolute;top:-60px;left:20px;background:var(--cyan);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:10px}header{height:96px;max-width:1480px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1px}.brand b{color:var(--cyan)}.brand small{font-size:9px;display:block;letter-spacing:3px;color:var(--muted);margin-top:3px}nav{display:flex;gap:30px;font-size:13px}nav a:last-child{color:var(--cyan)}main{max-width:1480px;padding:40px 5% 0;margin:auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);margin:0 0 16px;font-weight:700}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;line-height:1.05;margin:0;font-weight:650}h1 span{display:block;color:var(--muted);font-size:.55em;letter-spacing:-.6px;font-weight:400;margin-top:10px}.intro{color:var(--muted);font-size:14px;line-height:1.65;max-width:330px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#1b344c,#0b1626 72%);min-height:650px}#viewport{width:100%;height:100%;min-height:650px;position:relative;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#fallback{position:absolute;width:100%;height:85%;top:5%;object-fit:contain;padding:30px}#fallback[hidden]{display:none}#loading{position:absolute;left:20px;right:20px;bottom:95px;text-align:center;color:var(--muted);font-size:13px}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-top{top:22px}.badge{font-size:9px;letter-spacing:1.5px;background:#091221bd;padding:10px;border:1px solid var(--line);border-radius:5px;color:var(--gold)}#fullscreen{pointer-events:auto;min-width:44px;height:44px;border:1px solid var(--line);background:#102137bb;border-radius:7px;font-size:23px}.stage-bottom{bottom:20px;display:block;text-align:center;background:linear-gradient(transparent,#0b1626dd);padding-top:20px}#state{font-size:12px;color:var(--cyan)}.stage-bottom p{color:var(--muted);font-size:10px;letter-spacing:.5px;margin:8px 0 0}.stage-bottom i{margin:0 6px}aside{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(145deg,#122338,#0d1a2a);border:1px solid var(--line);padding:24px;border-radius:12px}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 20px;font-weight:550}.panel .eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-bottom:12px}.views{display:grid;grid-template-columns:1fr 1fr;gap:7px}.views button{min-height:44px;border:1px solid var(--line);border-radius:5px;background:#0a1727;font-size:12px}.views button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#153345}.toggles{margin:16px 0;border-top:1px solid var(--line)}.toggles button{width:100%;min-height:46px;background:none;border:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:0}.switch{width:27px;height:15px;border-radius:12px;background:#304257;position:relative}.switch:after{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#94aabd}button[aria-pressed=true] .switch{background:#27616a}button[aria-pressed=true] .switch:after{background:var(--cyan);left:15px}.reset{min-height:44px;background:none;border:1px solid var(--line);border-radius:5px;width:100%;color:var(--muted);font-size:12px}.detail p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 18px}.detail h2{margin-bottom:10px}dl{margin:0 0 20px;font-size:11px}dl div{display:flex;justify-content:space-between;gap:10px;margin:11px 0}dt{color:var(--muted)}dd{margin:0;font-variant-numeric:tabular-nums}.download{display:flex;justify-content:space-between;align-items:center;border:1px solid #5d5540;background:#3a302433;color:var(--gold);border-radius:5px;font-size:11px;padding:12px;min-height:44px}.download span{font-size:9px}.detail small{font-size:10px;color:var(--muted);line-height:1.6;display:block;margin-top:12px}.reference{margin-top:20px;border:1px solid var(--line);border-radius:9px;padding:0 24px}.reference summary{cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.reference summary span:last-child{letter-spacing:0;color:var(--cyan)}.reference div{display:flex;align-items:center;gap:40px;padding:20px 0 35px}.reference img{width:35%;max-height:400px;object-fit:contain}.reference p{font-size:13px;line-height:1.8;color:var(--muted)}footer{max-width:1480px;margin:auto;padding:36px 5%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.stage:fullscreen{border-radius:0;background:#0b1626} .stage:fullscreen #viewport{height:100vh}.stage:fullscreen{width:100vw;height:100vh}@media(min-width:1500px){.stage,#viewport{min-height:720px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 250px}.panel{padding:18px}.stage,#viewport{min-height:620px}.heading{gap:25px}.intro{max-width:270px}}@media(max-width:700px){header{height:80px}nav{gap:16px;font-size:11px}main{padding-top:28px}.heading{display:block;margin-bottom:23px}h1{font-size:42px}.intro{max-width:100%;margin:18px 0 0;font-size:12px}.workspace{display:block}.stage,#viewport{height:65svh;min-height:420px;max-height:650px}.stage-top{left:15px;right:15px;top:15px}.badge{font-size:8px;letter-spacing:.7px}.stage-bottom{bottom:14px}aside{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{padding:16px}.panel h2{font-size:16px}.views{gap:5px}.detail p{font-size:11px}.detail small{font-size:9px}.download{display:block;line-height:1.8;padding:8px}.download span{display:block}.reference div{display:block;text-align:center}.reference img{width:70%}.reference p{font-size:11px}.reference{padding:0 16px}footer{gap:25px;line-height:1.6}footer span{max-width:140px;text-align:right}}@media(max-width:370px){aside{grid-template-columns:1fr}.stage,#viewport{min-height:380px}header nav a:first-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.motion-tools{margin-top:20px;font-size:12px}.motion-tools>label{display:flex;justify-content:space-between;color:var(--muted);margin:16px 0 8px;gap:10px}.motion-tools select{background:#0a1727;color:var(--ink);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px;font:inherit;max-width:100%}#move,#timeline{width:100%}#timeline{min-height:44px;accent-color:var(--cyan);margin:0}#time{font-size:10px;white-space:nowrap}.motion-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion-options label{display:flex;align-items:center;gap:8px}.motion-options input{width:20px;height:20px;accent-color:var(--cyan)}.arena-link{display:block;color:var(--cyan);font-size:12px;line-height:1.5;padding:14px 0 0;min-height:44px}select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:500px){aside{grid-template-columns:1fr}.motion-tools{margin-top:16px}}