:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1114;--bg-elev:#151c21;--bg-elev-2:#1e282f;--line:#82d2cc29;--text:#e8f7f5;--muted:#8eaea9;--accent:#49c6d6;--accent-2:#1f7f8c;--shadow:0 18px 50px #00000061;--radius:16px;--font:"Outfit", "Segoe UI", system-ui, sans-serif;--top:64px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg-elev-2);border-radius:12px;padding:8px 12px;transition:border-color .15s,background .15s,transform .15s}button:hover{border-color:#49c6d68c}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:translateY(1px)}button.primary{color:#062028;background:linear-gradient(#7ad7e4,#2f9aab);border-color:#0000;font-weight:700}button[disabled]{opacity:.6;cursor:progress}#app{flex-direction:column;height:100%;min-height:0;display:flex}#topbar{height:var(--top);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0c1114eb;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand strong{letter-spacing:.01em;font-size:1.05rem;display:block}.brand p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:46vw;margin:0;font-size:.82rem;overflow:hidden}.logo{background:radial-gradient(5px 9px at 30% 30%,#f7a98f 0 70%,#0000 72%),radial-gradient(5px 9px at 70% 28%,#f7a98f 0 70%,#0000 72%),radial-gradient(9px 14px at 30% 26%,#c8e03c 0 70%,#0000 72%),radial-gradient(9px 14px at 70% 24%,#c8e03c 0 70%,#0000 72%),radial-gradient(circle at 50% 68%,#f7a98f 0 32%,#0000 34%),linear-gradient(160deg,#2d4a72,#243a5c);border-radius:12px;flex:none;width:36px;height:36px;box-shadow:0 0 0 1px #49c6d680}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}#layout{flex:1;min-height:0;display:flex}#stage{touch-action:none;background:#090d10;flex:1;min-width:0;min-height:280px;position:relative}#avatar{width:100%;height:100%;display:block;position:absolute;inset:0}#preview{aspect-ratio:4/3;width:min(220px,42vw);box-shadow:var(--shadow);z-index:4;--cam-rot:0deg;--cam-sx:1;--cam-sy:1;--cam-w:100%;--cam-h:100%;background:#000;border:2px solid #49c6d6bf;border-radius:14px;position:absolute;bottom:14px;right:14px;overflow:hidden}#webcam,#landmarks{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}#webcam{object-fit:fill;transform:scaleX(-1) rotate(var(--cam-rot)) scale(var(--cam-sx), var(--cam-sy));background:#000}#landmarks{pointer-events:none;transform:scaleX(-1)}#preview.unmirrored #webcam{transform:rotate(var(--cam-rot)) scale(var(--cam-sx), var(--cam-sy))}#preview.unmirrored #landmarks{transform:none}#preview.cam-swap #webcam{width:var(--cam-w);height:var(--cam-h);transform:translate(-50%, -50%) scaleX(-1) rotate(var(--cam-rot)) scale(var(--cam-sx), var(--cam-sy));inset:50% auto auto 50%}#preview.unmirrored.cam-swap #webcam{transform:translate(-50%, -50%) rotate(var(--cam-rot)) scale(var(--cam-sx), var(--cam-sy))}#start-screen{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060a0c6b;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}#start-screen[hidden]{display:none!important}.card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:#121a1eeb;border-radius:22px;padding:26px 24px 20px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:700}.card h1{margin:0 0 8px;font-size:2rem}.lead{color:var(--muted);margin:0 0 18px;line-height:1.45}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.start-status{color:#ffd2a8;min-height:1.2em;font-size:.92rem}#btn-exit-stream{z-index:8;background:#080c0eb3;position:absolute;top:12px;left:12px}#panel{background:var(--bg-elev);border-left:1px solid var(--line);z-index:7;flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.panel-head{justify-content:space-between;align-items:center;padding:12px 14px 0;display:flex}.panel-head h2{margin:0;font-size:1.05rem}.panel-scroll{padding:8px 14px 24px;overflow:auto}.panel-scroll h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:.78rem}.choice-grid,.toggle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-grid button,.toggle-grid button{text-align:left;background:var(--bg-elev-2);min-height:40px}.choice-grid button[aria-pressed=true],.toggle-grid button[aria-pressed=true],.cam-rotate button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#49c6d629}.cam-field{flex-direction:column;gap:6px;margin:0 0 8px;font-size:.92rem;display:flex}.cam-rotate{display:flex}.cam-rotate button{text-align:center;border-radius:0;flex:1;min-height:40px;padding:8px 0}.cam-rotate button:first-child{border-radius:12px 0 0 12px}.cam-rotate button:last-child{border-radius:0 12px 12px 0}.cam-rotate button+button{margin-left:-1px}.color-row,.slider-row{color:var(--text);flex-direction:column;gap:6px;margin:8px 0;font-size:.92rem;display:flex}.color-row{flex-direction:row;justify-content:space-between;align-items:center}input[type=color]{border:1px solid var(--line);background:0 0;border-radius:8px;width:52px;height:32px;padding:0}input[type=range]{width:100%;accent-color:var(--accent)}.slider-row b{color:var(--accent);font-weight:650}#shadow-blend{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px}.check-row{color:var(--text);align-items:center;gap:8px;margin:8px 0;font-size:.92rem;display:flex}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.actions .wide{grid-column:1/-1}.fine{color:var(--muted);font-size:.8rem;line-height:1.4}#backdrop{z-index:6;background:#00000073;position:fixed;inset:0}#toast{color:var(--text);opacity:0;pointer-events:none;z-index:50;background:#12343c;border:1px solid #49c6d673;border-radius:999px;padding:10px 14px;transition:opacity .2s,transform .2s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)translateY(12px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#layout:not(.panel-open) #panel{border:0;width:0;overflow:hidden}body.stream #topbar,body.stream #panel,body.stream #rig-panel,body.stream #char-panel,body.stream #map-modal,body.stream #backdrop,body.stream #start-screen,body.stream #preview,body.stream #toast,body.ui-hidden #topbar,body.ui-hidden #panel,body.ui-hidden #rig-panel,body.ui-hidden #char-panel,body.ui-hidden #map-modal,body.ui-hidden #backdrop,body.ui-hidden #start-screen,body.ui-hidden #preview,body.ui-hidden #toast{display:none!important}#btn-showcase[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#49c6d629}#btn-wink{text-align:left;width:100%;margin-top:8px}#btn-wink[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#49c6d629}#rig-panel{background:var(--bg-elev);border-left:1px solid var(--line);z-index:7;flex-direction:column;flex:none;width:340px;min-height:0;display:flex}#layout.rig-open #panel{display:none}#layout:not(.rig-open) #rig-panel{display:none!important}#rig-part,#rig-import{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:10px;width:100%;margin-top:4px;padding:8px}#rig-motion[hidden]{display:none!important}body.stream #app,body.stream #layout{height:100%}body.stream #btn-exit-stream{display:inline-flex}@media (max-width:900px){#topbar{flex-direction:column;align-items:flex-start;height:auto;padding:8px 10px}.brand p{max-width:70vw}#layout{display:block}#stage{height:calc(100dvh - 92px)}#panel{border-left:0;border-top:1px solid var(--line);z-index:8;border-radius:18px 18px 0 0;width:auto;max-height:70dvh;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}#layout.panel-open #panel{width:auto;overflow:hidden;transform:translateY(0)}#layout:not(.panel-open) #panel{width:auto;overflow:hidden}#rig-panel{border-left:0;border-top:1px solid var(--line);z-index:8;border-radius:18px 18px 0 0;width:auto;max-height:70dvh;position:fixed;bottom:0;left:0;right:0}}#psd-busy{z-index:70;color:var(--text);background:#060c0e9e;place-items:center;font-size:1.25rem;font-weight:650;display:grid;position:fixed;inset:0}#char-panel,#map-modal{z-index:45;background:#0000007a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#map-modal{z-index:60}.char-card,.map-card{background:var(--bg-elev);border:1px solid var(--line);width:min(920px,100%);max-height:min(860px,92vh);box-shadow:var(--shadow);border-radius:18px;padding:8px 14px 16px;overflow:auto}.char-card{width:min(520px,100%)}.char-list{flex-direction:column;gap:8px;margin:8px 0 12px;display:flex}.char-row{border:1px solid var(--line);background:var(--bg-elev-2);border-radius:12px;grid-template-columns:52px 1fr;grid-template-areas:"img name""img actions";align-items:center;gap:2px 10px;padding:8px;display:grid}.char-row.is-on{border-color:var(--accent)}.char-row img{object-fit:cover;background:#243a5c;border-radius:8px;grid-area:img;width:52px;height:64px}.char-row strong{grid-area:name}.char-row div{flex-wrap:wrap;grid-area:actions;gap:6px;display:flex}.char-row input{background:var(--bg);border:1px solid var(--line);border-radius:8px;grid-area:name;width:100%;padding:4px 8px}.char-drop{text-align:center;background:#49c6d60f;border:1.5px dashed #49c6d68c;border-radius:14px;padding:16px}.char-drop p{color:var(--muted);margin:0 0 10px}.char-drop.drop-hot,#stage.drop-hot{outline:3px dashed var(--accent);outline-offset:-6px}#char-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.map-name{align-items:center;gap:8px;margin:8px 0;display:flex}.map-name input{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:1;padding:6px 8px}.map-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:12px;display:grid}.map-scroll{max-height:62vh;overflow:auto}.map-scroll table{border-collapse:collapse;width:100%}.map-scroll td{vertical-align:middle;border-bottom:1px solid var(--line);padding:6px 4px}.map-scroll strong{display:block}.map-scroll small,.map-scroll em{color:var(--muted);font-size:.78rem;font-style:normal;display:block}.map-scroll select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px}.map-thumb{border-radius:6px;width:42px;height:42px;display:block}#map-preview{background:#24160f;border-radius:12px;width:100%;height:auto}.map-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (max-width:800px){.map-grid{grid-template-columns:1fr}#map-preview{object-fit:contain;max-height:220px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}