:root{--paper:#f8f6ef;--ink:#302e28;--muted:#827c70;--accent:#d6653c;--line:#ded9cc;--surface:#eeeadf;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.nav,main{max-width:1280px;margin:auto;padding:0 64px}.nav{height:100px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-weight:750;font-size:17px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px}.pixel-mark{font-size:30px;line-height:1;color:var(--accent)}nav{display:flex;gap:34px;font-size:13px}nav a:last-child{color:var(--muted)}.hero{padding-top:64px}.hero-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:end}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:2px;font-weight:500;color:var(--muted);margin:0 0 20px}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.18;letter-spacing:-4px;font-weight:650;margin:0}h1 span,h2 span{color:var(--accent)}.hero-note{padding:0 0 5px 44px}.hero-note>p{font-size:16px;line-height:2;color:#736d62;margin:0 0 28px}.hero-links{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:13px 22px;font-size:13px;font-weight:600;border:0;border-radius:4px;white-space:nowrap;transition:transform .15s,background .15s}.button:hover{text-decoration:none;transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#4e493d}.text-link{font-size:13px;white-space:nowrap}.hero-art{position:relative;margin-top:18px;background:radial-gradient(circle,#bcb4a140 1px,transparent 1px);background-size:14px 14px;border-bottom:1px solid var(--line)}#group{display:block;width:100%;height:auto;image-rendering:pixelated}.orbit-note{position:absolute;right:6px;top:25px;font:11px var(--mono);letter-spacing:-.5px;color:var(--muted);transform:rotate(-5deg)}.cast-names{display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 30px;text-align:center;gap:5px;font:11px var(--mono);letter-spacing:1.5px}.cast-names i{display:block;font:11px/1.5 var(--sans);letter-spacing:0;color:var(--muted);margin-top:7px}.hero-foot{display:flex;justify-content:space-between;padding:18px 0;color:var(--muted);font:9px var(--mono);letter-spacing:1.2px}.hero-foot span:last-child{font:11px var(--sans);letter-spacing:0}.section{padding:100px 0;border-bottom:1px solid var(--line)}.section-top{display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:end;gap:16px;margin-bottom:45px}.section-top>.eyebrow{grid-column:1/-1}.section-top h2{font-size:45px;line-height:1.25;letter-spacing:-2px;margin:0;font-weight:600}.section-intro{margin:0 0 5px;font-size:14px;color:var(--muted);line-height:1.9;padding-left:44px}.theater-layout{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}.roles{border-top:1px solid var(--line)}.role{border:0;border-bottom:1px solid var(--line);background:none;display:flex;align-items:center;text-align:left;width:100%;padding:19px 0;gap:16px;color:var(--muted)}.role-index{font:10px var(--mono);align-self:flex-start;margin-top:5px}.role>span:nth-child(2){font-size:18px;font-weight:600;color:var(--ink)}.role small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.role-count{font:10px var(--mono);margin-left:auto}.role.active .role-index,.role.active .role-count{color:var(--accent)}.role.active>span:nth-child(2){color:var(--accent)}.role:hover{background:#e5dfd333}.action-picker{margin-top:30px}.action-picker label,.mini-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.action-picker select{width:100%;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);padding:10px 12px;font-size:12px}.state-demo{margin-top:26px}#states{display:flex;gap:6px;flex-wrap:wrap}#states button{font-size:11px;border:1px solid var(--line);border-radius:3px;padding:5px 9px;background:transparent;color:var(--muted)}#states button:hover{border-color:var(--accent);color:var(--accent)}.stage{position:relative;overflow:hidden;background:#f0ede4;min-height:330px;isolation:isolate}.stage::before{content:"";position:absolute;width:210px;height:210px;left:calc(50% - 105px);top:92px;border:1px dashed #d1cabb;border-radius:50%;z-index:-1}.stage-label{position:absolute;top:19px;left:20px;color:#a49b8a;font:9px var(--mono);letter-spacing:1px}.stage-corner{position:absolute;right:17px;bottom:14px;font:18px var(--mono);color:#aaa18f}.stage-ground{height:1px;position:absolute;bottom:64px;left:40px;right:40px;background:#d8d1c2;z-index:-1}#solo{display:block;width:100%;height:auto;image-rendering:pixelated}.pet-caption{position:absolute;left:0;right:0;top:41px;text-align:center;font-size:12px;color:#6c6353;font-weight:600;pointer-events:none}.transport{display:flex;align-items:center;gap:15px;margin-top:15px}button.play-button,button.replay{border:0;background:none;padding:0;width:28px;height:28px;color:var(--ink);font-size:20px}button.play-button{font-size:14px}.transport input{width:100%;height:2px;accent-color:var(--accent);cursor:pointer}output{font:10px var(--mono);white-space:nowrap;color:var(--muted)}.clip-info{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:10px}.clip-info input{accent-color:var(--accent);vertical-align:middle}.install-options{display:grid;grid-template-columns:1fr 1fr;gap:70px}.installation{position:relative;padding:28px 0;border-top:1px solid var(--ink)}.path-number{position:absolute;right:0;top:26px;font:italic 32px Georgia,serif;color:var(--line)}h3{font-size:23px;font-weight:600;letter-spacing:-.7px;line-height:1.5;margin:0 0 16px}.installation>.eyebrow{font-size:9px;margin-bottom:18px}.installation>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:410px;margin:0 0 24px;line-height:1.9}.installation>.button{margin-bottom:17px}.installation p.fine,.fine{font-size:10px!important;line-height:1.8!important;color:var(--muted);margin:12px 0}.command{background:var(--surface);padding:16px;position:relative;margin-bottom:14px}.command code{font:11px/1.8 var(--mono);overflow-wrap:anywhere;display:block;padding-right:35px}.command button{position:absolute;right:9px;top:13px;font-size:10px;border:0;background:none;color:var(--muted)}details{font-size:12px}summary{cursor:pointer;color:var(--muted)}pre{font:11px/1.9 var(--mono);padding:18px;background:var(--surface);overflow:auto}pre code{font:inherit}.native-install{margin-top:24px;padding:22px 0;border-top:1px solid var(--line)}.native-install>summary{display:flex;justify-content:space-between;align-items:center;color:var(--ink);list-style:none}.native-install>summary::before{content:"＋";color:var(--accent);font-family:var(--mono);margin-right:10px}.native-install[open]>summary::before{content:"−"}.summary-note{margin-left:auto;color:var(--muted);font-size:10px}.native-install>p{font-size:12px;color:var(--muted);max-width:660px}.native-links{display:flex;gap:26px;flex-wrap:wrap}.native-links a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.notes{padding:68px 0}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.note-grid h3{font-size:17px;letter-spacing:0;margin-bottom:12px}.note-grid p{font-size:12px;color:var(--muted);line-height:1.9;max-width:280px}footer{padding:40px 0 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}footer p{font:10px var(--mono);color:var(--muted);text-align:right}footer>div{display:flex;gap:28px;font-size:11px}footer small{font-size:9px;color:var(--muted);text-align:right}button:disabled{opacity:.4;cursor:wait}@media(min-width:1500px){.hero{padding-top:80px}}@media(max-width:1000px){.nav,main{padding:0 32px}.hero-note{padding-left:5px}.theater-layout{grid-template-columns:245px 1fr;gap:32px}.hero-links{gap:16px}.hero-foot{font-size:8px}.orbit-note{font-size:9px}.stage{min-height:280px}.install-options{gap:40px}.section-intro{padding-left:5px}}@media(max-width:700px){.nav,main{padding:0 22px}.nav{height:78px}.wordmark{font-size:14px;gap:7px}.pixel-mark{font-size:24px}nav{gap:17px;font-size:11px}nav a:first-child{display:none}.hero{padding-top:38px}.hero-copy{grid-template-columns:1fr;gap:24px}h1{font-size:53px;letter-spacing:-3px}.hero-note{padding:0}.hero-note>p{font-size:13px;line-height:1.9;margin-bottom:20px}.hero-note>p br:nth-child(2){display:none}.button{font-size:12px;padding:12px 18px}.hero-art{margin-top:28px}.orbit-note{display:none}.cast-names{font-size:8px;letter-spacing:.5px;padding-bottom:22px}.cast-names i{font-size:9px}.hero-foot{align-items:flex-start;gap:20px;line-height:1.5}.hero-foot span:last-child{font-size:9px;text-align:right;max-width:150px}.section{padding:64px 0}.section-top{gap:22px;margin-bottom:30px}.section-top h2{font-size:36px}.section-intro{font-size:11px;line-height:1.85;padding:0}.section-top .eyebrow{font-size:9px;margin-bottom:0}.theater-layout{grid-template-columns:1fr;gap:26px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.role{padding:13px 0;gap:10px}.role>span:nth-child(2){font-size:15px}.role small{font-size:9px}.role-index{font-size:9px}.action-picker{margin-top:22px}.state-demo{margin-top:18px}.stage{min-height:0}.stage-label{font-size:8px;top:13px;left:14px}.stage::before{top:57px;width:170px;height:170px;left:calc(50% - 85px)}.pet-caption{top:28px;font-size:10px}.stage-ground{bottom:40px}.transport{gap:10px}.install-options{grid-template-columns:1fr;gap:24px}.installation>p:not(.eyebrow){max-width:none}.native-install>summary{align-items:flex-start;font-size:11px}.summary-note{font-size:9px;max-width:130px;text-align:right}.native-links{gap:15px}.note-grid{grid-template-columns:1fr;gap:22px}.note-grid p{max-width:none}.notes{padding:48px 0}footer{grid-template-columns:1fr;gap:12px}footer p,footer small{text-align:left}footer p{font-size:8px;margin:0}footer small{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(max-width:700px){h1{font-size:clamp(36px,10.6vw,44px);letter-spacing:-2px}h1 span{white-space:nowrap}.section-top h2{font-size:32px}}
/* Independent source quality and apparent pet size. */
.brand-logo{width:34px;height:34px;object-fit:contain;flex:none}.stage{min-height:0;height:400px}.stage-wrap{min-width:0}.stage::before{display:none}.stage-ground{bottom:42px}.stage-label,.stage-corner{z-index:2}.stage-label{color:#746c5d}.pet-caption{top:45px;z-index:2;padding:0 16px;font-size:13px}.stage #solo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage #solo[hidden]{display:none}.hd-clip{display:block;position:absolute;left:50%;top:var(--video-top,40px);width:var(--video-width,320px);height:var(--video-size,320px);transform:translateX(-50%);object-fit:contain;pointer-events:none;image-rendering:auto}.view-controls{display:flex;gap:22px;align-items:center;margin-top:18px}.view-controls label{font-size:11px;color:#655e52}.quality-control{flex:0 0 166px}.quality-control>span{display:block;margin-bottom:5px}.quality-control select{width:100%;padding:7px 9px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;font-size:11px}.size-control{flex:1;min-width:0}.size-control>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.size-control output{color:#655e52}.size-control input{width:100%;accent-color:var(--accent);height:3px;display:block;cursor:pointer}.quality-note{min-height:32px;margin:9px 0 0;color:#746c5d;font-size:10px;line-height:1.6}.quality-note.is-loading{color:#a44929}.view-controls select:disabled{color:#655e52;cursor:default;opacity:.7}.stage[aria-busy=true] .stage-label::after{content:' · LOADING'}
@media(max-width:700px){.brand-logo{width:28px;height:28px}.wordmark{font-size:12px;letter-spacing:-.3px}.nav{gap:12px}.nav nav{gap:12px}.pet-caption{top:43px;font-size:12px}.view-controls{gap:16px}.quality-control{flex-basis:154px}.quality-note{font-size:10px;min-height:32px}.stage-label{top:16px}.stage-ground{bottom:42px}}

#group{image-rendering:auto}