:root{font-family:Arial,sans-serif;color:#293b2b;background:#dde2cc;font-synthesis:none}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}.stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:#dde2cc}.stage:before{content:"";position:absolute;inset:-5% 4% -15%;border:2px solid #b9c4a7;border-radius:48% 48% 0 0;pointer-events:none}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ec673f;outline-offset:4px}[hidden]{display:none!important}.camera-panel{position:absolute;top:64px;left:18px;max-width:250px;padding:10px;background:#faf7eced;border:1px solid #bdc6ad;border-radius:12px;box-shadow:0 4px 20px #31462f12}.camera-panel[data-live]{width:max(220px,min(26vw,calc(50vw - 42vh - 56px)));max-width:none;padding:0;background:0 0;border:0;box-shadow:none}.camera-panel[data-live] .camera-preview{margin-bottom:0;border-radius:14px;box-shadow:0 6px 26px #31462f26}.camera-panel[data-live] p,.camera-panel[data-live] .camera-controls{display:none}.camera-panel[data-live]:hover .camera-controls{display:flex;position:absolute;left:10px;bottom:10px}.camera-controls{display:flex;gap:6px}.camera-panel button{background:#304e3e;color:#fffbed;border:0;border-radius:7px;padding:9px 13px;font-size:12px}.camera-panel button:disabled{opacity:.6;cursor:wait}.camera-panel .camera-stop,.camera-panel .camera-debug{background:#e0e5d5;color:#354d39}.camera-debug[aria-pressed=true]{outline:2px solid #577856}.camera-panel p{font-size:11px;margin:9px 0 0;line-height:1.5;color:#53674c}.camera-panel[data-hands="2"] p{color:#197046}.camera-preview{position:relative;width:100%;margin-bottom:9px;border-radius:8px;overflow:hidden;background:#1f2b22}.camera-preview video{display:block;width:100%;height:auto;transform:scaleX(-1)}.camera-preview canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:600px){.camera-panel{top:56px;left:10px;max-width:190px}.camera-panel[data-live]{width:min(60vw,320px)}.camera-panel button{font-size:10px;padding:7px 9px}.camera-panel p{font-size:10px}}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:5}.flash.on{animation:flash-burst .2s ease-out}@keyframes flash-burst{0%{opacity:.85}to{opacity:0}}@media(prefers-reduced-motion:reduce){.flash{display:none}}.replay{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:#ec673f;color:#fffbed;border:0;border-radius:999px;padding:14px 30px;font-size:18px;font-weight:700;box-shadow:0 6px 20px #31462f33}