:root{font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:#30342d;background:#ede9e1;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #677957;outline-offset:4px}.shell{max-width:1280px;margin:auto;padding:0 42px}.top{height:78px;border-bottom:1px solid #d6d5cc;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;letter-spacing:-.8px;font-weight:600}.brand span{margin-left:17px;font-size:10px;font-weight:400;letter-spacing:2px;color:#818574}.top-right{display:flex;align-items:center;gap:8px;color:#7f8974;font-size:10px}.dot{height:5px;width:5px;background:#9da889;border-radius:50%}.top button{border:0;background:none;color:#7e876f;letter-spacing:2px;font-size:11px;padding:12px}.layout{max-width:960px;display:grid;grid-template-columns:430px 300px;gap:90px;margin:32px auto;align-items:center}.stage{position:relative;width:min(430px,calc((100svh - 146px)*.5625));margin:auto;aspect-ratio:9/16;overflow:hidden;border-radius:4px;background:#d2c8b8;box-shadow:0 30px 60px #443c2918;touch-action:none;user-select:none;-webkit-user-select:none}.stage canvas,.poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.poster{pointer-events:none}.poster.hidden{visibility:hidden}canvas{display:block;opacity:0}canvas.ready{opacity:1}.frame-label{position:absolute;top:19px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff;font-size:9px;letter-spacing:2px;pointer-events:none;text-shadow:0 1px 10px #2226}.welcome{position:absolute;top:45%;right:0;bottom:0;left:0;display:flex;justify-content:end;flex-direction:column;background:linear-gradient(transparent,#1e261da8);padding:30px;color:#fff}.welcome.hidden{display:none}.welcome small{font-size:10px;letter-spacing:2px;opacity:.8}.welcome h1{font-family:Georgia,serif;font-size:31px;line-height:1.2;font-weight:400;margin:16px 0 25px;letter-spacing:-.5px}.enter{width:100%;height:51px;border:0;border-radius:2px;background:#f6f3e9;color:#34402d;text-align:left;padding:0 20px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.enter span{font-size:24px}.enter:disabled{opacity:.65}.loading{margin-top:12px;font-size:10px;opacity:.75}.loader-bar{height:2px;background:#ffffff30;margin-top:13px}.loader-bar i{display:block;height:2px;background:#fff9;width:0;transition:width .25s}.caption{position:absolute;left:0;right:0;bottom:0;padding:45px 23px 20px;background:linear-gradient(transparent,#26302278);color:#fff;pointer-events:none;opacity:0;transition:opacity .2s}.caption.on{opacity:1}.caption span{display:block;font-size:9px;letter-spacing:2px;opacity:.7;margin-bottom:7px}.caption p{margin:0;font-size:12px;line-height:1.7}.touch-dot{position:absolute;width:17px;height:17px;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 5px #ffffff14;pointer-events:none;transform:translate(-50%,-50%);opacity:0}.touch-dot.on{opacity:1}.help-point{position:absolute;width:28px;height:28px;border:1px solid #fffb;border-radius:50%;background:#ffffff16;transform:translate(-50%,-50%);padding:0;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.help-point span{position:absolute;left:31px;top:6px;white-space:nowrap;font-size:10px;text-shadow:0 1px 6px #3339}.stage.guides .help-point{opacity:1;pointer-events:auto}.eyebrow{color:#9ba28e;font-size:9px;letter-spacing:3px}.intro h2{font-family:Georgia,serif;font-size:33px;font-weight:400;line-height:1.3;letter-spacing:-.6px;margin:25px 0}.intro p{font-size:12px;line-height:2.2;color:#808877}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:33px 0 24px}.actions button{padding:15px 3px 12px;border:1px solid #d0d7c8;border-radius:3px;background:#f3f4ec;color:#6d7c5e;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:10px}.actions button b{font-size:20px;font-weight:400}.actions button:disabled{opacity:.4}.actions button:active{transform:scale(.97);background:#e1e8d7}.hint{border-top:1px solid #d0d6c8;padding:19px 0;font-size:11px;color:#818b75;line-height:2}.hint strong{color:#637655;font-weight:400}.options{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8c967f;margin:17px 0 25px}.options label{display:flex;gap:6px;align-items:center}.options input{accent-color:#6f865b}.reset{width:100%;border:1px solid #d1d9c9;color:#6a7b5b;background:#e3e8dc;padding:12px;border-radius:2px;font-size:11px}.details-toggle{border:0;background:none;width:100%;padding:22px 0;text-align:left;color:#8c9780;font-size:10px}.details{display:none;font-size:10px;line-height:1.9;color:#838e77;overflow-wrap:anywhere}.details.open{display:block}.details a{color:#627952}.details dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.details dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.foot{height:57px;border-top:1px solid #d6d5cc;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:#a2aa96}.error{display:none;font-size:12px;line-height:1.8;color:#965b50;background:#f1e3db;border:1px solid #dfc6bb;padding:12px}.error.visible{display:block}.pause-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#27322855;color:#fff;font-size:14px}.stage.paused .pause-indicator{display:flex}@media(max-width:800px){.shell{padding:0 15px}.top{height:58px}.brand{font-size:21px}.brand span{font-size:9px;margin-left:11px}.top-right{display:none}.layout{display:block;margin:15px auto;max-width:430px}.stage{width:min(100%,calc((100svh - 164px)*.5625));max-height:none;margin:auto;min-width:250px}.welcome{padding:22px}.welcome h1{font-size:27px;margin-bottom:20px}.intro{display:none}.controls{padding:0 3px}.actions{margin:19px 0 13px}.actions button{padding:11px 3px;flex-direction:row;justify-content:center;gap:9px}.actions button b{font-size:18px}.hint{font-size:10px;padding:13px 0}.options{margin:10px 0 17px}.foot{font-size:7px;letter-spacing:.6px}.frame-label{font-size:8px}.caption p{font-size:11px}}.help-point[data-region=cheekLeft] span{left:auto;right:31px}.stage.touching .help-point{opacity:0;pointer-events:none}#motion{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:0}#motion.ready{opacity:1}.motion-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;visibility:hidden}.motion-layer.active{visibility:visible}.stage{isolation:isolate}.frame-label,.welcome,.caption,.touch-dot,.pause-indicator{z-index:3}#guides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.stage.responding .help-point{opacity:0;pointer-events:none}.actions{grid-template-columns:repeat(2,1fr)}.handoff-status{min-height:30px;margin:-10px 0 14px;color:#677957;font-size:11px;line-height:1.6}.actions button.requested{border-color:#768963;background:#e9eddf}.actions button.current{border-color:#abb69d;background:#edf0e5}.frame-label>span:first-child{font-size:11px;font-weight:600;letter-spacing:.1px}@media(max-width:800px){.brand{letter-spacing:-.7px}.brand span{display:none}.top button{letter-spacing:.3px}.handoff-status{margin:0 0 10px;min-height:18px;font-size:10px}.foot{letter-spacing:.2px;font-size:6px}}html{scrollbar-gutter:stable;overflow-anchor:none}.stage{contain:layout paint}.handoff-status{height:36px;min-height:36px;overflow:hidden}.actions button:active{transform:none}@media(max-width:800px){.handoff-status{height:32px;min-height:32px}}#motion .character-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;display:block;object-fit:contain}#motion .source-decoder{position:absolute;width:1px;height:1px;left:0;top:0;opacity:0;pointer-events:none}.actions button:last-child:nth-child(odd){grid-column:1/-1}.phone-dialog[hidden]{display:none}.phone-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1d251e88;display:grid;place-items:center;padding:24px}.phone-card{position:relative;background:#f7f5ee;border-radius:12px;padding:28px;max-width:380px;width:100%;box-shadow:0 20px 80px #0003;text-align:center}.phone-card h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:10px 0}.phone-card p{font-size:12px;line-height:1.7;color:#6a755f}.phone-card img{display:block;width:210px;max-width:100%;height:auto;margin:20px auto}.phone-card a{display:block;overflow-wrap:anywhere;color:#596d48;font-size:12px;margin:15px 0}.phone-card #phone-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:26px;color:#6a755f}.phone-card #phone-status{min-height:20px;margin-bottom:0}html.embed,html.embed body{background:transparent;overflow:hidden;scrollbar-gutter:auto}.embed .shell{padding:0;max-width:none}.embed .top,.embed .controls,.embed .foot{display:none}.embed .layout{display:grid;place-items:center;grid-template-columns:1fr;gap:0;margin:0;max-width:none;width:100vw;height:100svh}.embed .stage{width:min(100vw,calc(100svh * 1080 / 1918));min-width:0;max-height:100svh;border-radius:0;box-shadow:none;margin:0}.hosted .details-toggle,.hosted .details{display:none}@media(max-width:360px){.embed .welcome{padding:16px}.embed .welcome h1{font-size:24px}.embed .frame-label{left:14px;right:14px}.embed .caption{padding:30px 14px 14px}.embed .caption p{font-size:10px}}