:root{--fuente:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fondo:#f5f4f0;--fondo-panel:#ffffffeb;--fondo-suave:#ece9e2;--texto:#1f2430;--texto-suave:#5b6372;--borde:#1f24301f;--acento:#1b2a4a;--acento-texto:#fff;--sombra:0 8px 24px #1f243024;--radio:12px;--verde:#22c55e;--rojo:#ef4444;--naranja:#f97316;--azul:#3b82f6;--gris:#9ca3af;--morado:#a855f7;--amarillo:#ffd166}@media (prefers-color-scheme:dark){:root{--fondo:#171a21;--fondo-panel:#1f2430eb;--fondo-suave:#262b38;--texto:#f3f4f6;--texto-suave:#aab1c0;--borde:#ffffff1f;--acento:#c9a96e;--acento-texto:#1f2430;--sombra:0 8px 24px #0006}}*{box-sizing:border-box}html,body,#root{background:var(--fondo);height:100%;color:var(--texto);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}.entrada{background:radial-gradient(1200px 600px at 20% 0%, #a75afe24, transparent 60%), radial-gradient(900px 500px at 90% 100%, #cc22221f, transparent 60%), var(--fondo);place-items:center;min-height:100%;padding:24px;display:grid}.entrada__tarjeta{background:var(--fondo-panel);border:1px solid var(--borde);width:min(420px,100%);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px 28px}.entrada__logo{letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:inline-flex}.entrada__logo-marca{background:#1b2a4a;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.entrada__logo-marca:before{content:"";background:#f5f4f0;border-radius:2px;width:16px;height:11px}.entrada__subtitulo{color:var(--texto-suave);margin:0 0 22px;font-size:14px}.entrada__campo{color:var(--texto-suave);gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:grid}.entrada__campo input,.entrada__campo select{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:10px;outline:none;padding:10px 12px;font-weight:500}.entrada__campo input:focus,.entrada__campo select:focus{border-color:var(--acento)}.boton{background:var(--acento);width:100%;color:var(--acento-texto);cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-weight:700;transition:transform 80ms,opacity .12s}.boton:hover{opacity:.92}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.5;cursor:default}.boton--secundario{background:var(--fondo-suave);color:var(--texto);border:1px solid var(--borde)}.boton--google{color:#1f2430;background:#fff;border:1px solid #1f243033;justify-content:center;align-items:center;gap:10px;display:inline-flex}.entrada__nota{color:var(--texto-suave);margin:16px 0 0;font-size:12px;line-height:1.5}.entrada__error{color:#b91c1c;background:#ef44441f;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:13px}.entrada__cuenta{background:var(--fondo-suave);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;display:flex}.enlace{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.oficina{width:100%;height:100%;position:relative}.oficina__lienzo{position:absolute;inset:0}.oficina__lienzo canvas{display:block}.hud{pointer-events:none;flex-direction:column;gap:10px;width:232px;max-height:calc(100% - 32px);display:flex;position:absolute;top:16px;right:16px}.hud__panel{background:var(--fondo-panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px}.hud__cabecera{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.hud__titulo{letter-spacing:.4px;font-size:13px;font-weight:800}.hud__plegar{border:1px solid var(--borde);background:var(--fondo-suave);cursor:pointer;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-weight:700;line-height:1;display:grid}.hud--plegado{width:auto}.hud--plegado .hud__panel{padding:8px 10px}.hud--plegado .hud__cabecera{margin-bottom:0}.hud__conexion{color:var(--texto-suave);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.hud__conexion:before{content:"";background:var(--gris);border-radius:50%;width:8px;height:8px}.hud__conexion--si:before{background:var(--verde);box-shadow:0 0 0 3px #22c55e33}.hud__conexion--no:before{background:var(--rojo);animation:1.2s ease-in-out infinite parpadeo}@keyframes parpadeo{50%{opacity:.35}}.hud__estado{color:var(--texto-suave);gap:6px;font-size:12px;display:grid}.hud__estado select{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.hud__lista{max-height:50vh;overflow:auto}.hud__empresa{letter-spacing:.6px;text-transform:uppercase;color:var(--texto-suave);align-items:center;gap:6px;margin:10px 0 4px;font-size:11px;font-weight:800;display:flex}.hud__empresa:first-child{margin-top:0}.hud__empresa-marca{border-radius:2px;width:8px;height:8px}.hud__persona{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.hud__persona--yo{font-weight:700}.hud__persona-estado{width:9px;height:9px;box-shadow:0 0 0 2px var(--fondo-panel);border-radius:50%;flex:none}.hud__persona-nombre{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud__persona-tu{color:var(--texto-suave);margin-left:auto;font-size:10px;font-weight:600}.hud__vacio{color:var(--texto-suave);font-size:12px}.hud__ayuda{color:var(--texto-suave);font-size:11px;line-height:1.5}.hud__ayuda kbd{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.aviso{color:#fff;box-shadow:var(--sombra);cursor:pointer;background:#1f2430eb;border:none;border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;animation:.18s ease-out subir;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes subir{0%{opacity:0;transform:translate(-50%,8px)}}.aviso__tecla{background:var(--amarillo);color:#1f2430;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:inline-grid}.aviso__texto{gap:2px;min-width:0;display:grid}.aviso__url{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-width:640px){.hud{width:200px;top:10px;right:10px}.hud__lista{max-height:30vh}}.hud__yo{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.hud__yo-nombre{font-weight:700}.hud__yo-estado{color:var(--texto-suave);margin-left:auto;font-size:11px}.hud__sala-cabecera{gap:2px;margin-bottom:6px;display:grid}.hud__sala-nombre{font-size:13px;font-weight:800}.hud__sala-meta{color:var(--texto-suave);font-size:11px}.hud__presentes{max-height:22vh;margin:0 0 6px;padding:0;list-style:none;overflow:auto}.hud__acciones{flex-wrap:wrap;gap:6px;display:flex}.boton--pequeno{align-items:center;gap:6px;width:auto;padding:6px 10px;font-size:12px;display:inline-flex}.boton--pequeno kbd{background:#fff3;border-radius:4px;padding:0 4px;font-family:inherit;font-size:10px}.hud__nota{color:var(--texto-suave);margin:8px 0 0;font-size:11px;line-height:1.4}.hud__nota--despacho{border:1px solid var(--borde);background:var(--fondo-suave);color:inherit;border-radius:8px;margin:0 0 8px;padding:6px 8px}.hud__nota--despacho kbd{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.hud__chat{padding:8px 10px}.hud__lineas{max-height:18vh;margin:0 0 6px;padding:0;font-size:12px;line-height:1.45;list-style:none;overflow:auto}.hud__linea{overflow-wrap:anywhere;padding:2px 0}.hud__linea-hora{color:var(--texto-suave);font-size:10px}.hud__escribir{align-items:center;gap:6px;display:flex}.hud__escribir input{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 9px;font-size:12px}.hud__escribir input:focus{border-color:var(--acento)}.hud__contador{color:var(--texto-suave);text-align:right;min-width:22px;font-size:10px}.cartel{color:#fff;box-shadow:var(--sombra);pointer-events:none;background:#1f2430e6;border-radius:999px;justify-items:center;gap:2px;padding:10px 22px;animation:.18s ease-out bajar;display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}@keyframes bajar{0%{opacity:0;transform:translate(-50%,-8px)}}.cartel__nombre{letter-spacing:.3px;font-size:15px;font-weight:800}.cartel__detalle{color:#ffffffb3;font-size:11px}.aviso-texto{color:#fff;max-width:min(360px,100% - 300px);box-shadow:var(--sombra);background:#1f2430eb;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;line-height:1.4;animation:.18s ease-out subir;position:absolute;bottom:28px;left:16px}.toctoc{pointer-events:none;flex-direction:column;gap:8px;width:232px;display:flex;position:absolute;top:16px;left:16px}.toctoc--desplazado{left:332px}.toctoc__tarjeta{animation:.18s ease-out bajar-izq}@keyframes bajar-izq{0%{opacity:0;transform:translateY(-8px)}}.toctoc__titulo{letter-spacing:1px;text-transform:uppercase;color:var(--texto-suave);font-size:11px;font-weight:800}.toctoc__quien{margin-top:4px;font-size:14px}.toctoc__empresa{color:var(--texto-suave);font-size:12px}.toctoc__quiere{color:var(--texto-suave);margin-bottom:8px;font-size:12px}.toctoc__botones{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toctoc__cuenta{font-variant-numeric:tabular-nums;color:var(--texto-suave);margin-left:auto;font-size:12px}.llamada-estado{color:#fff;box-shadow:var(--sombra);font-variant-numeric:tabular-nums;background:#1f2430eb;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;line-height:1.4;animation:.18s ease-out subir;position:absolute;bottom:76px;left:16px}.llamada-estado--pasa{background:#166534f0}.llamada-estado--ahora_no,.llamada-estado--sin_respuesta,.llamada-estado--muy_pronto,.llamada-estado--cola_llena{background:#7f1d1df0}.decorar{background:var(--fondo-panel);border:1px solid var(--borde);border-radius:var(--radio);width:300px;box-shadow:var(--sombra);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;display:flex;position:absolute;top:16px;bottom:16px;left:16px}.decorar__cabecera{flex-direction:column;gap:6px;display:flex}.decorar__titulo{letter-spacing:.3px;font-size:13px}.decorar__titulo strong{letter-spacing:1px}.decorar__botones{flex-wrap:wrap;gap:6px;display:flex}.decorar__botones .boton--pequeno:last-child{margin-left:auto}.boton--peligro{background:var(--rojo)}.decorar__conflicto,.decorar__mensaje{background:#ef44441f;border:1px solid #ef444466;border-radius:8px;margin:0;padding:8px 10px;font-size:12px}.decorar__conflicto p{margin:0 0 6px}.decorar__pestanas{flex-wrap:wrap;gap:4px;display:flex}.decorar__pestana{border:1px solid var(--borde);background:var(--fondo-suave);color:var(--texto);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.decorar__pestana--activa{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.decorar__catalogo{flex:1;min-height:0;padding-right:2px;overflow:auto}.decorar__seccion{letter-spacing:.6px;color:var(--texto-suave);justify-content:space-between;margin:2px 0 6px;font-size:11px;font-weight:800;display:flex}.decorar__piezas,.decorar__rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.decorar__pieza{background:var(--fondo-suave);border:1px solid #0000;border-radius:8px;flex-direction:column;gap:3px;padding:6px;display:flex}.decorar__pieza--puesta{border-color:var(--borde)}.decorar__miniatura{border:1px solid var(--borde);background:repeating-conic-gradient(#7f7f7f1f 0 25%, transparent 0 50%) 0 0 / 12px 12px;cursor:grab;border-radius:6px;place-items:center;height:72px;padding:4px;display:grid}.decorar__miniatura:disabled{cursor:default;opacity:.45}.decorar__miniatura img,.decorar__muestra img{image-rendering:pixelated;width:auto;max-width:100%;height:auto;max-height:64px}.decorar__miniatura img{transform-origin:50%;max-width:60%;max-height:40px;transform:scale(1.6)}.decorar__pieza-nombre{font-size:12px;font-weight:600;line-height:1.2}.decorar__pieza-tam{color:var(--texto-suave);font-size:11px;font-weight:400}.decorar__variantes{color:var(--texto-suave);justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.decorar__variantes span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.decorar__variantes button{border:1px solid var(--borde);background:var(--fondo-panel);width:20px;height:20px;color:var(--texto);cursor:pointer;border-radius:5px;flex:none;line-height:1}.decorar__variantes--una{justify-content:flex-start}.decorar__muestra{background:var(--fondo-suave);color:var(--texto);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.decorar__muestra img{border-radius:4px;width:64px;height:64px}.decorar__muestra--activa{border-color:var(--acento)}.decorar__color{border:1px solid var(--borde);border-radius:4px;width:64px;height:64px;display:block}.decorar__placa{color:var(--texto-suave);gap:6px;font-size:12px;display:grid}.decorar__placa input{border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:8px;padding:8px 10px;font-size:14px}.decorar__placa-ayuda{font-size:11px}.decorar__pie{border-top:1px solid var(--borde);color:var(--texto-suave);padding-top:8px;font-size:12px}.decorar__errores{color:var(--rojo);margin:6px 0 0;padding-left:16px;font-size:12px}.decorar__pista{color:#fff;box-shadow:var(--sombra);pointer-events:none;white-space:nowrap;background:#1f2430eb;border-radius:999px;margin:0;padding:10px 16px;font-size:13px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.decorar__pista kbd{background:#fff3;border-radius:4px;padding:0 5px;font-family:inherit;font-size:11px}.personaje__aviso{background:#22c55e1f;border:1px solid #22c55e73;border-radius:8px;margin:0;padding:8px 10px;font-size:12px}.personaje__vistas{background:var(--fondo-suave);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:8px 6px;display:flex}.personaje__vista{color:var(--texto-suave);flex-direction:column;align-items:center;gap:2px;margin:0;font-size:10px;display:flex}.personaje__vista img{image-rendering:pixelated;width:64px;height:128px}.personaje__vista--andar img{outline:1px dashed var(--borde);outline-offset:2px}.personaje__controles{flex-direction:column;gap:10px;display:flex}.personaje__grupo{flex-direction:column;gap:4px;display:flex}.personaje__etiqueta{letter-spacing:.6px;text-transform:uppercase;color:var(--texto-suave);font-size:11px;font-weight:800}.personaje__muestras{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.personaje__muestra{cursor:pointer;border:2px solid #0000;border-radius:6px;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.personaje__muestra--activa{border-color:var(--acento);box-shadow:0 0 0 2px var(--fondo-panel), inset 0 0 0 1px #0000002e}.personaje__muestra:disabled{opacity:.4;cursor:not-allowed}.personaje__libre{color:var(--texto-suave);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:inline-flex}.personaje__libre input{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;width:26px;height:26px;padding:0}.personaje__opciones{flex-wrap:wrap;gap:4px;display:flex}.personaje__opcion{border:1px solid var(--borde);background:var(--fondo-suave);color:var(--texto);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:12px}.personaje__opcion--activa{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.personaje__opcion:disabled{opacity:.5;cursor:not-allowed}.personaje__nota{color:var(--texto-suave);margin:-4px 0 0;font-size:11px}.hud__acciones--yo{margin-top:8px}.motor{pointer-events:none;width:300px;max-width:calc(100% - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motor__tarjeta{flex-direction:column;gap:6px;animation:.18s ease-out bajar;display:flex}.motor__cabecera{align-items:center;gap:8px;display:flex}.motor__luz{background:var(--gris);border-radius:50%;flex:none;width:10px;height:10px}.motor__luz--trabajando{background:var(--verde);animation:1s infinite parpadeo}.motor__luz--al_dia{background:var(--verde)}.motor__luz--en_espera{background:var(--amarillo)}.motor__luz--parado{background:var(--naranja)}.motor__luz--error{background:var(--rojo)}.motor__nombre{font-size:15px}.motor__estado{color:var(--texto-suave);margin-left:auto;font-size:12px}.motor__linea{margin:0;font-size:13px}.motor__resumen{background:var(--fondo-suave);overflow-wrap:anywhere;border-radius:8px;margin:2px 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.motor__botones{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}