:root{--ground:#0b0d10;--panel:#14171ce6;--line:#2a2f37;--fg:#edeef0;--muted:#a0a7b0;--amber:#f0a848;--amber-ink:#1a1206;--teal:#62c9c0;--idle:#c9cdd2;--ok:#6fd6a0;--warn:#f0a848;--bad:#f06a5e;--display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body:Inter, system-ui, -apple-system, sans-serif;--izq:max(16px, env(safe-area-inset-left,0px));--der:max(16px, env(safe-area-inset-right,0px));--arriba:calc(12px + env(safe-area-inset-top,0px));--abajo:calc(14px + env(safe-area-inset-bottom,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--ground);height:100%;margin:0}body{color:var(--fg);font-family:var(--body);font-size:14px;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:var(--fg);cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,.interruptor:focus-within{outline:2px solid var(--amber);outline-offset:2px}.lab{position:fixed;inset:0}.escena{isolation:isolate;position:absolute;inset:0}.hud{z-index:5;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;position:fixed}h1,h2,h3,p{margin:0}.burbuja{top:var(--arriba);left:var(--izq);flex-direction:column;gap:4px;max-width:min(400px,100vw - 32px);padding:12px 16px;display:flex}.burbuja h1{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.burbuja p{color:var(--muted);font-size:13px;line-height:1.4}.burbuja-mensaje{color:#f6e2bf!important}.burbuja-mensaje b{color:var(--amber);font-weight:600}.orbe{background:radial-gradient(circle at 35% 35%, #fff4dc, var(--amber) 60%, #9a5e14);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 12px #f0a848b3}.panel-fps{top:var(--arriba);right:var(--der);flex-direction:column;gap:8px;width:232px;max-height:calc(100vh - 350px);padding:10px 12px;display:flex;overflow-y:auto}.panel-cabecera{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-cuerpo{flex-direction:column;gap:10px;display:flex}.datos{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:6px 12px;display:grid}.panel-cabecera .datos{grid-template-columns:repeat(2,auto);gap:6px 20px}.dato{flex-direction:column;display:flex}.dato b{font-family:var(--display);font-size:20px;font-weight:700}.dato span{color:var(--muted);font-size:11px}.nivel-bueno{color:var(--ok)}.nivel-justo{color:var(--warn)}.nivel-malo{color:var(--bad)}.detenido{color:var(--amber);font-size:12px;font-weight:600}.btn-icono{border:1px solid var(--line);background:#1c2027;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.seg{background:#0f1215;border-radius:10px;gap:4px;padding:3px;display:flex}.seg button{text-transform:capitalize;background:0 0;border:0;border-radius:8px;flex:1;min-height:40px;padding:0 6px}.seg button[aria-pressed=true]{background:#262b33;font-weight:600}.interruptor{color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:13px;display:flex}.interruptor input{accent-color:var(--teal);width:22px;height:22px}.hora{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.hora label{justify-content:space-between;display:flex}.hora output{color:var(--fg);font-variant-numeric:tabular-nums}.hora input[type=range]{width:100%;height:40px;accent-color:var(--teal);margin:0}.respaldo{box-sizing:border-box;width:100%;color:var(--fg);border:1px solid var(--line);background:#0f1215;border-radius:8px;font:11px/1.4 ui-monospace,Menlo,monospace}.leyenda{bottom:var(--abajo);left:var(--izq);color:var(--muted);flex-wrap:wrap;gap:14px;padding:10px 14px;font-size:12px;display:flex}.leyenda span{align-items:center;gap:6px;display:inline-flex}.leyenda i{border-radius:3px;width:18px;height:6px;display:inline-block}.barra-trabajando{background:var(--teal)}.barra-espera{background:var(--amber)}.barra-libre{background:var(--idle)}.indicador-ambiente{left:var(--izq);bottom:calc(var(--abajo) + 56px);align-items:center;gap:14px;padding:8px;display:flex}.indicador-ambiente span{flex-direction:column;padding-left:6px;display:flex}.indicador-ambiente small{color:var(--muted);font-size:11px}.indicador-ambiente b{font-family:var(--display);font-size:16px}.indicador-ambiente .btn{flex:none}.detalle{right:var(--der);bottom:var(--abajo);flex-direction:column;gap:12px;width:min(340px,100vw - 32px);padding:16px;display:flex}.detalle h2,.vestidor h2{font-family:var(--display);letter-spacing:-.01em;font-size:20px;font-weight:700}.sub{color:var(--muted);font-size:13px}.estado{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.estado strong{margin-bottom:2px;display:block}.estado-trabajando{color:#a9e8e1;background:#132624;border-color:#2b5a55}.estado-esperando_decision{color:#f6c27a;background:#2a2114;border-color:#5a4220}.estado-libre{color:var(--idle);background:#1a1d22}.acciones{flex-wrap:wrap;gap:8px;display:flex}.btn{white-space:nowrap;background:#1c2027;border:1px solid #3a404a;border-radius:10px;flex:110px;min-height:42px;padding:0 14px}.panel-cuerpo .btn{flex:none}.btn[aria-pressed=true]{background:#262b33;font-weight:600}.btn.principal{background:var(--amber);color:var(--amber-ink);border-color:var(--amber);flex-basis:140px;font-weight:700}.nota{color:var(--muted);font-size:11px;line-height:1.4}.vestidor{left:var(--izq);top:calc(124px + env(safe-area-inset-top,0px));bottom:var(--abajo);flex-direction:column;gap:12px;width:min(360px,100vw - 32px);padding:16px;display:flex}.vestidor header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vestidor header p{color:var(--muted);margin-top:2px;font-size:13px}.cerrar{border:1px solid var(--line);background:#1c2027;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pestanas{flex-wrap:wrap;gap:4px;display:flex}.pestanas button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;border-radius:9px;padding:0 11px}.pestanas button[aria-selected=true]{color:var(--fg);background:#262b33;border-color:#3a404a;font-weight:600}.vestidor-cuerpo{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.grupo h3{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:#1c2027;border-radius:9px;min-height:40px;padding:0 12px}.chip[aria-pressed=true]{border-color:var(--amber);color:#f6c27a;background:#2a2114;font-weight:600}.muestra{border:2px solid #0000;border-radius:50%;width:40px;height:40px;padding:0;box-shadow:inset 0 0 0 1px #ffffff26}.muestra[aria-pressed=true]{border-color:var(--amber)}.skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.skin{text-align:left;border:1px solid var(--line);background:#1c2027;border-radius:12px;flex-direction:column;gap:2px;min-height:58px;padding:10px 12px;display:flex}.skin b{font-weight:600}.skin span{color:var(--muted);font-size:12px}@media (width<=640px){.burbuja{right:var(--der);max-width:none;padding:10px 14px}.burbuja h1{font-size:18px}.burbuja p{font-size:12px}.burbuja-mensaje{display:none}.panel-fps{top:calc(108px + env(safe-area-inset-top,0px));width:auto;max-width:calc(100vw - 32px);max-height:calc(100vh - 250px - env(safe-area-inset-top,0px))}.leyenda{display:none}.indicador-ambiente{z-index:6;bottom:calc(var(--abajo) + 76px)}.detalle{left:var(--izq);right:var(--der);gap:10px;width:auto;padding:14px}.con-vestidor .detalle{display:none}.vestidor{height:56vh;top:auto;right:var(--der);z-index:6;width:auto}.con-vestidor .panel-fps{display:none}}@media (prefers-reduced-motion:no-preference){.btn,.chip,.skin,.seg button,.pestanas button,.muestra{transition:background-color .15s,border-color .15s}}.presentacion .escena{transition:none}.presentacion .escena.sin-mando{pointer-events:none}.pres-subtitulo{z-index:5;box-sizing:border-box;text-align:center;max-width:80vw;font-family:var(--display);color:#fff;text-shadow:0 2px 14px #000000bf,0 0 3px #0009;pointer-events:none;font-size:clamp(26px,4vh,56px);font-weight:600;line-height:1.2;position:fixed;bottom:7vh;left:50%;transform:translate(-50%)}.pres-empezar{z-index:6;border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--fg);font-family:var(--display);letter-spacing:.02em;opacity:.75;border-radius:999px;padding:0 22px;transition:opacity .6s;position:fixed;bottom:6vh;left:50%;transform:translate(-50%)}.pres-empezar:hover{opacity:1}.pres-empezar.oculto{opacity:0;pointer-events:none}.pres-pista{z-index:5;background:var(--panel);border:1px solid var(--line);color:var(--fg);opacity:1;pointer-events:none;border-radius:999px;padding:10px 20px;font-size:clamp(14px,2.2vh,22px);transition:opacity .8s;position:fixed;top:6vh;left:50%;transform:translate(-50%)}.pres-pista.oculto{opacity:0}.pres-aviso{z-index:6;color:var(--muted);position:fixed;top:6vh;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.pres-empezar,.pres-pista{transition:none}}.presentacion .pres-subtitulo.en-libre{max-width:44vw}.presentacion .leyenda{color:var(--fg);border-radius:18px;gap:24px;padding:16px 22px;font-size:22px}.presentacion .leyenda i{width:28px;height:10px}.presentacion .indicador-ambiente{bottom:calc(var(--abajo) + 84px);border-radius:18px;gap:20px;padding:12px}.presentacion .indicador-ambiente small{font-size:20px}.presentacion .indicador-ambiente b{font-size:30px}.presentacion .btn{border-radius:14px;min-height:64px;padding:0 24px;font-size:22px}.panel-orden{border-radius:20px;gap:18px;width:min(520px,100vw - 32px);padding:24px}.presentacion .panel-orden h2{font-size:34px}.presentacion .panel-orden .sub{font-size:22px}.presentacion .panel-orden .estado{padding:14px 16px;font-size:22px}.panel-orden-cabeza{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.btn-cerrar{border:1px solid var(--line);background:#1c2027;border-radius:14px;flex:none;width:52px;height:52px;font-size:30px;line-height:1}.btn-cerrar:hover{background:#262b33}.respuesta{background:#262b33;border:1px solid #3a404a;border-radius:18px 18px 18px 4px;margin:0;padding:14px 18px;font-size:24px;line-height:1.35}.aviso-local{color:var(--muted);margin:0;font-size:18px}.orden-form{gap:10px;display:flex}.orden-form input{box-sizing:border-box;min-width:0;min-height:64px;color:var(--fg);font:inherit;background:#12151a;border:1px solid #3a404a;border-radius:14px;flex:auto;padding:0 16px;font-size:22px}.orden-form .btn{flex:none}.orden-form .btn:disabled{opacity:.45;cursor:default}.panel-orden .chips{gap:10px}.panel-orden .chip{border-radius:14px;min-height:60px;padding:0 18px;font-size:22px}.pres-toast{left:50%;top:calc(var(--fijo-arriba,3vh) + var(--fijo-alto,15vh) + 2vh);z-index:7;background:var(--panel);border:1px solid var(--line);max-width:70vw;font-family:var(--display);pointer-events:none;border-radius:999px;align-items:baseline;gap:14px;margin:0;padding:14px 32px;font-size:clamp(28px,4vh,56px);font-weight:600;line-height:1.2;display:flex;position:fixed;transform:translate(-50%)}.pres-toast b{color:var(--amber)}@keyframes pres-entra{0%{opacity:0;transform:translateY(12px)}}@keyframes pres-toast-entra{0%{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:no-preference){.presentacion .leyenda,.presentacion .indicador-ambiente,.panel-orden,.respuesta{animation:.35s both pres-entra}.pres-toast{animation:.3s both pres-toast-entra}}.pres-rotulo{z-index:6;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;max-width:min(780px,100vw - 32px);font-family:var(--display);pointer-events:none;background:#0a0c10b3;border:1px solid #ffffff17;border-radius:14px;margin:0;padding:20px 30px 16px;position:fixed}.pres-rotulo:before{content:"";background:var(--amber);width:56px;height:2px;position:absolute;top:0;left:30px}.pres-rotulo-sala{letter-spacing:.01em;font-size:clamp(28px,3.6vh,44px);font-weight:600;line-height:1.15;top:5vh;left:max(24px,3vw)}.pres-rotulo-agente{flex-direction:column;gap:6px;display:flex;bottom:19vh;left:max(24px,3vw)}.pres-rotulo-agente b{font-size:clamp(34px,4.8vh,62px);font-weight:700;line-height:1.05}.pres-rotulo-agente span{font-family:var(--body);color:#d9dde2;font-size:clamp(22px,2.8vh,36px);line-height:1.25}.pres-telon{z-index:40;pointer-events:none;background:#000;position:fixed;inset:0}.pres-telon.sale{opacity:0;transition:opacity .8s}.pres-hora{z-index:6;border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;top:4vh;left:50%;transform:translate(-50%)}.pres-hora button{min-height:40px;color:var(--muted);font-family:var(--display);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:16px;display:flex}.pres-hora button.activo{color:var(--fg);background:#ffffff24;font-weight:700}.pres-hora kbd{font-family:var(--body);opacity:.7;font-size:12px}.pres-pausa{z-index:8;border:1px solid var(--line);background:var(--panel);width:56px;height:56px;color:var(--fg);cursor:pointer;opacity:1;border-radius:50%;place-items:center;padding:0;transition:opacity .4s;display:grid;position:fixed;bottom:4vh;right:max(24px,2vw)}.pres-pausa.oculto{opacity:0;pointer-events:none}.pres-enpausa{z-index:6;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-family:var(--display);pointer-events:none;border-radius:999px;margin:0;padding:8px 18px;font-size:18px;position:fixed;top:4vh;right:max(24px,3vw)}.pres-aviso-grabacion{z-index:30;border:1px solid var(--line);background:var(--panel);color:var(--fg);font-family:var(--display);pointer-events:none;border-radius:999px;margin:0;padding:10px 24px;font-size:22px;position:fixed;top:12vh;left:50%;transform:translate(-50%)}.presentacion.fase-espera .pres-empezar{opacity:.55}.presentacion.fase-espera .pres-empezar:hover{opacity:1}.presentacion.grabando.fase-guiado .escena,.presentacion.grabando.fase-guiado .escena *{cursor:none!important}@keyframes pres-rotulo-entra{0%{opacity:0;transform:translate(-28px)}}@keyframes pres-rotulo-sale{to{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:no-preference){.pres-rotulo{animation:.36s cubic-bezier(.2,.7,.2,1) both pres-rotulo-entra}.pres-rotulo.sale{animation:.36s both pres-rotulo-sale}.pres-aviso-grabacion{animation:.25s both pres-toast-entra}}@media (prefers-reduced-motion:reduce){.pres-rotulo.sale{opacity:0}.pres-pausa,.pres-telon.sale{transition:none}}.pres-fijo{top:var(--fijo-arriba);z-index:6;box-sizing:border-box;max-width:calc(100vw - 32px);height:var(--fijo-alto);-webkit-backdrop-filter:blur(12px);color:#fff;font-family:var(--display);text-align:center;white-space:nowrap;pointer-events:none;background:#0a0c10b8;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.6vh;padding:0 clamp(20px,2.6vw,44px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.pres-fijo b{letter-spacing:-.01em;font-size:clamp(22px,5.2vh,64px);font-weight:800;line-height:1.05}.pres-fijo i{color:var(--amber);font-style:normal}.pres-fijo span{font-family:var(--body);color:#d9dde2;font-size:clamp(14px,2.6vh,32px);font-weight:500;line-height:1.2}.pres-rotulo-agente em{font-style:normal;font-family:var(--body);color:var(--amber);font-size:clamp(22px,2.8vh,36px);font-weight:600;line-height:1.1}.pres-subtitulo b{font-weight:700}.pres-subtitulo.de-jules{color:var(--amber)}.btn.resaltado{outline:3px solid var(--amber);outline-offset:3px;box-shadow:0 0 28px #ffb0208c}.pres-cta{left:50%;bottom:var(--cta-abajo-vertical);z-index:6;box-sizing:border-box;height:var(--cta-alto);-webkit-backdrop-filter:blur(10px);color:#fff;max-width:calc(100vw - 32px);font-family:var(--display);white-space:nowrap;pointer-events:none;background:#0a0c10c7;border:1px solid #ffffff1f;border-radius:999px;align-items:center;margin:0;padding:0 clamp(22px,2.4vw,40px);font-size:clamp(20px,3.6vh,46px);font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.pres-cursor{z-index:9;opacity:0;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.pres-cursor svg{filter:drop-shadow(0 4px 8px #00000080);transform-origin:6px 4px;transition:transform .12s;position:absolute;top:-4px;left:-6px}.pres-cursor.clic svg{transform:scale(.82)}.pres-cursor-aro{border:3px solid var(--amber);opacity:0;border-radius:50%;width:64px;height:64px;position:absolute;top:0;left:0}.pres-tarjetas{z-index:4;pointer-events:none;position:fixed;inset:0}.pres-tarjeta{-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--display);white-space:nowrap;opacity:0;background:#0a0c10d1;border:1px solid #ffffff24;border-radius:14px;padding:12px 20px;font-size:clamp(16px,2.5vh,32px);font-weight:600;position:absolute;top:0;left:0}.pres-tarjeta:before{content:"";background:#9aa3ad;border-radius:50%;width:.55em;height:.55em;margin-right:.6em;display:inline-block}.pres-tarjeta[data-estado=trabajando]:before{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.pres-tarjeta[data-estado=esperando_decision]:before{background:var(--amber);box-shadow:0 0 10px var(--amber)}@media (orientation:portrait){.presentacion .pres-subtitulo.en-libre{max-width:80vw}}@media (orientation:landscape){.pres-cta{bottom:var(--cta-abajo)}}.panel-orden.en-demo{width:min(620px,100vw - 32px)}.presentacion .panel-orden.en-demo .orden-form input{font-size:20px}.panel-orden.en-demo{bottom:19vh;left:max(24px,3vw);right:auto}.panel-orden.en-demo .chips{display:none}.pres-reparto{z-index:4;opacity:0;pointer-events:none;filter:drop-shadow(0 0 10px #f0a848e6);width:100vw;height:100vh;position:fixed;inset:0}.pres-subtitulo{-webkit-backdrop-filter:blur(6px);background:#0a0c10a8;border-radius:12px;padding:.18em .55em .22em}